アーカイブ ビュー モードは、ShopEngine に付属する優れたウィジェットです。このウィジェットを使用すると、製品の表示を変更し、製品をよりよく見ることができます。製品の詳細は製品画像の横に表示され、閲覧者にわかりやすく表示されます。
アーカイブ ビュー モード ウィジェットはどのように機能しますか?
まず、管理パネルのダッシュボードに移動し、アイテムのリストから ShopEngine を見つけます。 [ShopEngine] をクリックし、ドロップダウン メニューから [テンプレート] を選択します。次に、「」をクリックします。新しく追加する右上のテキストの横にある「」ボタンテンプレート”。
![アーカイブ表示モード用の新しいテンプレートを追加](https://wpmet.com/wp-content/uploads/2021/09/add_new_template_2-1.png)
その直後、テンプレート設定用のポップアップウィンドウが表示されます。テンプレート名を 名前 フィールドを選択してタイプを選択します アーカイブ/ショップ あなたの目標は、アーカイブ ビュー モード ウィジェットをチェックアウトすることです。
また、デフォルトのサンプル デザインを選択することも、最初からデザインを開始することもできます。最後に「」を押します。変更内容を保存" ボタン。
![アーカイブ表示モードのアーカイブ テンプレートを選択してください](https://wpmet.com/wp-content/uploads/2021/09/select_archive_template_2.png)
テンプレートが作成され、リストの一番上に表示されます。ここで、「」をクリックしてください。Elementorで編集する」をクリックしてElementorウィンドウに切り替えます。
![アーカイブ ビュー モードの Elementor を使用してアーカイブ テンプレートを編集する](https://wpmet.com/wp-content/uploads/2021/09/click_edit_with_elementor_2.png)
このステップでは、左側に ShopEngine ウィジェットのリストを含むサイドバーが表示されます。 ShopEngine 製品アーカイブ セクションからアーカイブ製品ウィジェットを検索するか、通常は検索フィールドでウィジェットを検索し、指定された領域にドラッグ アンド ドロップすることができます。
![アーカイブ製品をドラッグ アンド ドロップしてアーカイブ ビュー モード ウィジェットを表示します](https://wpmet.com/wp-content/uploads/2021/09/drag_and_drop_the_archive_product_widget_2.png)
これにより、アーカイブ製品が画面に表示されます。レイアウトは魅力的ではないように見えますが、以下に示すように、レイアウト設定を有効にし、行ごとに製品を設定し、ページごとに行を設定することで味を加えることができます。
![商品画像のレイアウトを調整する](https://wpmet.com/wp-content/uploads/2021/09/adjust_the_layout_of_product_images.png)
ShopEngine 製品アーカイブ セクションからアーカイブ ビュー モード ウィジェットを見つけます。または、通常は検索フィールドでウィジェットを検索し、指定された領域にドラッグ アンド ドロップすることもできます。
![ドラッグ アンド ドロップのアーカイブ表示モード](https://wpmet.com/wp-content/uploads/2021/09/drag_and_drop_archive_view_mode.png)
これにより、アーカイブ ビュー モード ウィジェットが画面に表示されます。ウィジェットにはビュー モードと標準モードの両方が含まれています。
あなたはできる 表示モードを表示または非表示に切り替えます。さまざまな表示モードのオプションは次のとおりです。 4 つのグリッド アイコンを表示、3 つのグリッド アイコンを表示、2 つのグリッド アイコンを表示、およびリスト グリッド アイコンを表示。グリッドアイコンを変更するオプションがあります。 アイコン ライブラリから選択するか、SVG をアップロードします。下の画像を確認してください。
![](https://wpmet.com/wp-content/uploads/2021/10/P-view-mode.png)
ここでも、[スタイル] タブから必要な変更を加えることができます。ここでのオプションは次のとおりです。 表示モードボタン、リストビュー:画像スタイル、リストビュー:コンテンツスタイル、リストビュー:商品タイトル。アイコンのサイズ、アイコンボックスのサイズ、配置、色など。
![最適なスタイル オプションを備えたアーカイブ ビュー モード ウィジェット。](https://wpmet.com/wp-content/uploads/2021/10/Product-view-mode.png)
表示モードを SHOW に切り替えると、製品のレイアウトが変わります。したがって、最終的なビューは次のようになります-
![表示中のアーカイブビューモード](https://wpmet.com/wp-content/uploads/2022/08/Product-view-mode.gif)
ShopEngineのアーカイブビューモードウィジェットの使い方です。手順が明確で、ウィジェットの操作を楽しんでいただければ幸いです。