Archive Products は、大量のカスタマイズを可能にする ShopEngine の便利なウィジェットです。ウィジェットの [レイアウト] タブと [スタイル] タブには、希望するアーカイブ製品の外観を引き出すために利用できる一連のオプションがあります。

背景色を調整し、製品タイトル、価格、カテゴリ、カートに追加ボタンなど、必要な要素をすべて追加できます。これらの必要な変更や調整をすべて行うことで、買い物客の注意を引くことができます。 

製品アーカイブ ウィジェットはどのように機能しますか?

Step 1: Add New ShopEngine Template #

Go to the dashboard of your admin panel and find ShopEngine from the list of items.

• クリック ビルダーテンプレート
• クリック 新しく追加する テンプレート button on the top right beside the text ビルダー テンプレート

Immediately after that, a popup window will show up for template settings.

• クリック Elementorで編集する or save changes
• Enter a template name
• Select the type アーカイブ/ショップ あなたの目標は、アーカイブ製品ウィジェットをチェックアウトすることです。
• (Optional) Select a product category
• 有効にする デフォルトの設定 if needed
• Choose a pre-made layout or build your own with widgets

Step 2: Find the ShopEngine Archive Products Widget #

In this step, you will notice a sidebar on the left with a list of ShopEngine widgets. Find the Archive Products widget from the ShopEngine Product Archive section, or you can normally search for the widget in the search field and then drag and drop it to the designated area.

その後すぐにアーカイブ製品が表示されます。

Step 2: Change the Layout #

Since ShopEngine no longer provides a layout settings option on the Shop Page, you can change the layout using the WooCommerce customization options. To customize layout options, from the front end –

1. に行く ショップページ
2. クリックしてください カスタマイズ (ショップページをカスタマイズするとアーカイブページのレイアウトも変わります)

Once the options open, go to WooCommerce ⇒ 製品カタログ。 Here you can change –

• 行ごとの製品
• ページあたりの行数
• モバイルの行ごとの商品
• タブレットの行ごとの製品

変更を加えたら、 「公開」をクリックします 保存する。

Step 3: Customize the Archive Products Widget #

バックエンドで、編集オプションを操作できるようになりました。 アーカイブ製品ウィジェット。 「レイアウト」セクションの各オプションにはさまざまな要素があります。

• レイアウト- 上で示したように、このセクションではカスタマイザーから列と行の数を管理できます。
• コンテンツ- このセクションには、フラッシュ セール バッジ、カテゴリの表示、通常価格の表示、評価、ツールチップの追加などの要素があります。これらすべての要素には、表示オプションと非表示オプションがあります。それぞれをクリックして機能を確認し、それに応じて使用してください。
• ページネーション - ここには、さまざまなページネーションのスタイルとアイコンがあります。
• カスタムオーダー - ここで注文リストを有効にすると、クイック ビュー、比較、ウィッシュリスト、カートに追加のオプションが表示されます。

それに加えて、より多くのカスタマイズオプションがあります。 「スタイル」タブ 製品画像、製品タイトル、製品価格、カートに追加ボタンなど。これらの各オプションをクリックすると、さらに多くの調整や調整を行うことができます。

アーカイブ製品は、フロントエンドに以下のように表示されます。

これは、ShopEngine のアーカイブ製品ウィジェットを展開する方法です。アーカイブ製品を Web サイト訪問者向けに配置したとおりに表示するのに役立ちます。