ShopEngine Archive Widgets, including Category, Archive Title, Archive Count, Archive Products, and Product Filters etc., let you design a custom Shop/Archive template and fully control your WooCommerce product archive layout.
ビデオガイドを見る:
Quick Steps to Create an Archive Page Template:
- に行く ShopEngine → Templates.
- クリック Add New Template.
- 選ぶ Archive (Shop Page) as the template type.
- Provide a template name → テンプレートの作成.
- クリック Elementorで編集する.
- Insert ShopEngine Archive widgets (Products, Ordering, Result Count, Pagination).
- Adjust layout settings (columns, grid, spacing).
- Style content (typography, colors, buttons).
- クリック 公開.
- セット 表示条件 (Entire Shop or Specific Categories) → Save.
For detailed guidance, follow the steps below:
ShopEngine で WooCommerce アーカイブ ページを作成する方法 #
ただ follow the step-by-step process to create & beautify your Archive page with ShopEngine, an WooCommerce archive page builder:
Step 1: Create a WooCommerce Product Archive Page Template #
- 案内する ショップエンジン-> テンプレート WordPress ダッシュボードから。
- クリックしてください 新しく追加する button to create an アーカイブページテンプレート.
その後、テンプレート設定のためのオフキャンバスウィンドウが表示されます。テンプレート設定で、
- 入力します テンプレート名.
- テンプレートのタイプを設定します: アーカイブ.
- を選択してください 該当するカテゴリー 製品用。 (オプション。ただし、カテゴリを選択した場合は、一般的な製品と他のカテゴリの製品用に別のテンプレートを作成する必要があります)。
- 有効にする デフォルトの設定 テンプレートを次のように設定します デフォルト.
- からデザインを選択してください 利用可能なテンプレート または デザインを作成する 単一の商品ページのウィジェットを使用して自分で作成できます。一から作成したテンプレートをご紹介します。
- テンプレートの編集に使用するエディターを次のオプションから選択します。 エレメンター そして グーテンベルク.
- 今すぐクリックしてください Edit with Elementor/Gutenberg or Save changes.
ステップ 2: 構造を選択する #
- 選択したエリアから構造を選択します。
ステップ 3: ShopEngine アーカイブ ウィジェットを使用して WooCommerce アーカイブ ページをデザインする #
ShopEngine ブロックに移動すると、独自のデザインを作成できます。ここで指定されたものを取得します ショップエンジンアーカイブ カテゴリを含むウィジェット, アーカイブタイトル, アーカイブ数, アーカイブ製品など. それらをカスタマイズする方法を見てみましょう。
次のウィジェットをドラッグし、選択した領域にドロップするだけです。.
- カテゴリー.
- アーカイブのタイトル。
- アーカイブ数。
- アーカイブ製品.
ステップ 4: アーカイブ ページを公開する #
- デザインが完了したら、 をクリックします。 アップデート.
今すぐ見てください アーカイブページ フロントエンドから。そこでは、デザインしたアーカイブ ページが表示され、ページのすべての機能が完全に動作していることを確認できます。
