SeedProdのWooCommerce連携機能を使えば、コーディング不要のドラッグ＆ドロップページビルダーで、オンラインストア全体をデザインできます。ショップページ、商品アーカイブ、個別商品ページ、カート、チェックアウトまで、ストアのあらゆるページを構築・カスタマイズできます。
WooCommerceページテンプレート
SeedProdのウェブサイトビルダーには、各WooCommerceページ専用のテンプレートタイプが含まれています。これらを使用して、ビジュアルエディターで構築された完全にカスタムなレイアウトで、デフォルトのWooCommerceページデザインを置き換えることができます。
- ショップページ: 条件をInclude | Pages | shopに設定したカスタムページテンプレートを使用して、メインのWooCommerceショップページ用のカスタムテンプレートを作成します。
- 商品アーカイブテンプレート: アーカイブ商品テンプレートタイプを使用して、カスタムカテゴリページとタグページをデザインします。テンプレート条件を使用して、特定の商品のカテゴリとタグを対象にします。
- 個別商品ページテンプレート: WooCommerceテンプレートタグを使用して、動的な商品データを表示する、完全にカスタマイズされたレイアウトを個々の商品ページ用に構築します。
- カートページ: 条件をInclude | Pages | cartに設定したカスタムページテンプレートを使用して、ショッピングカートページをカスタマイズします。
- チェックアウトページ: 条件をInclude | Pages | checkoutに設定したカスタムページテンプレートを使用して、チェックアウト体験をカスタマイズします。
WooCommerceブロック
SeedProdには、任意のページやテンプレートにドラッグできる、完全なWooCommerceブロックセットが含まれています。各ブロックは個別に文書化されています。セットアップ手順と利用可能な設定については、以下のリンクをクリックしてください。
商品表示ブロック
- 商品グリッド: カスタマイズ可能なグリッドレイアウトでWooCommerceの商品を表示します。商品アーカイブおよびショップページテンプレートに必要です。
- 最近の商品: 最も最近公開された商品を表示します。
- セール中の商品: 現在セール中のすべての商品をハイライト表示します。
- 売れ筋商品: 最も売れている商品を提示し、新規訪問者が人気商品を見つけやすくします。
- おすすめ商品: WooCommerceで「おすすめ」としてマークした商品を表示します。
- 評価の高い商品: 顧客からの評価が最も高い商品を紹介します。
個別商品テンプレートブロック
これらのブロックは、個別商品ページテンプレート内での使用を目的としています。WooCommerceから動的な商品データを取得し、表示されている商品に基づいて表示します。
- 商品価格: セール価格を含む、現在の商品価格を表示します。
- 商品サムネイル画像: メインの商品画像を表示します。
- 商品ギャラリー画像: 商品の画像ギャラリー全体を表示します。
- 短い説明: 商品の短い説明を表示します。
- 商品評価: 現在の商品に星評価を表示します。
- カートに追加: 現在の商品用のカートに追加ボタンを埋め込みます。
- アップセル: 単品商品ページにアップセル商品のおすすめを表示します。
カートとチェックアウトブロック
- カート: 機能的なWooCommerceショッピングカートを任意のページに埋め込みます。カートページテンプレートに必要です。
- チェックアウト: WooCommerceチェックアウトフォームを任意のページに埋め込みます。チェックアウトページテンプレートに必要です。
- メニューカート: ヘッダーまたは任意のページにショッピングカートアイコンを追加し、現在のアイテム数を表示します。
SeedProd を使用して、完全にカスタマイズされた WooCommerce ストアを構築するために必要なすべてが揃っています。まずページテンプレートでストアの構造を設定し、次に WooCommerce ブロックを使用して各ページを思いどおりにデザインします。個々のブロックまたはテンプレートに関するステップバイステップの手順については、上記のリンクから専用のドキュメントページを参照してください。