ショップページテンプレートを作成する方法 ShopEngineで #
WooCommerceストアを設計するには、「店” ページは、最近購入した商品を表示するために使用されます。ここでは、以下のShopEngine商品アーカイブウィジェットが提供されます。 アーカイブタイトル、アーカイブ製品、アーカイブ結果数など。 これらのウィジェットを使用すると、オンライン ストアを希望どおりに簡単に配置できます。
- ステップバイステップのプロセスに従って、ショップ ページを作成し、美しく仕上げてください。
ステップ1: ショップテンプレートを作成する #
- に行く ショップエンジン-> 1. ビルダーテンプレート > 2. 新しく追加する.
![Wooコマースショップページデザイン](https://wpmet.com/wp-content/uploads/2023/06/shope-page1.png)
- 提供する テンプレート名
- ページタイプを選択: 店
- アクティブを有効にする: はい
- からデザインを選択してください サンプルデザイン
- 今すぐクリックしてください 変更内容を保存.
![](https://wpmet.com/wp-content/uploads/2023/06/shop-page2-1.png)
- まもなく その後、テンプレートが作成され、テンプレート リストの上部に表示されます。「Elementor で編集」をクリックして、Elementor ウィンドウに切り替えます。
![ショップページテンプレートのElementorで編集をクリックします](https://wpmet.com/wp-content/uploads/2021/10/click_edit_with_elementor_for_shop_page_template.png)
ステップ2: 構造を選択する #
- 選択したエリアから構造を選択します。
ステップ 3: ショップページを美しくする 製品アーカイブウィジェット付きテンプレート #
商品アーカイブブロックに移動して挿入します。または、独自のデザインを作成することもできます。ここでは、次のようないくつかのShopEngine商品アーカイブウィジェットが用意されています。 アーカイブタイトル, 製品フィルター, ページごとのアーカイブ製品フィルター, アーカイブ製品、アーカイブ結果数、 など。追加方法を見てみましょう。
- ウィジェットを選択したエリアにドラッグ&ドロップするだけです
![](https://help.wpmet.com/wp-content/uploads/2021/04/Shop-Page-9.9-1.gif)
ステップ4: ショップページを公開する テンプレート #
- デザインが完了したら、 をクリックします。 アップデート.
- 今すぐに行ってください ショップページ-> 希望のショップページが表示されていることがわかります。
![](https://help.wpmet.com/wp-content/uploads/2021/04/Preview.gif)