利用する ウッドマートのテーマEコマースサイトを構築する際、訪問者が好きな商品をすぐに選べるように「商品比較」と「ブックマーク」機能を追加したいと考える人は多いでしょう。WoodMartには、この2つの機能がすでに搭載されています。プラグインを追加する必要はなく、正しく設定するだけですぐに有効になります。
![画像[1] - WoodMart製品比較とコレクション機能の完全セットアップガイド](https://www.361sale.com/wp-content/uploads/2025/05/20250528142204357-image.png)
前提条件
事前インストールとアクティベーションが必要 ウッドマート 純正テーマを使用し、商品管理システムとしてWooCommerceプラグインが有効になっていることを確認してください。その後のテーマ更新時にパーソナライズ設定が失われるのを防ぐため、子テーマを使用することをお勧めします。
I. 製品比較機能の有効化
バックエンドでWoodMart > Theme Settingsをクリックし、左側の "Shop "フィールドを選択し、"Compare "をクリックします。
![画像[2] - WoodMart製品比較とコレクション機能の完全セットアップガイド](https://www.361sale.com/wp-content/uploads/2025/05/20250528142802867-image.png)
比較を有効にする」オプションを探し、オンにします。また、「商品カードに比較ボタンを表示する」を有効にすることもできます。
![画像[3] - WoodMart製品比較とコレクション機能の完全セットアップガイド](https://www.361sale.com/wp-content/uploads/2025/05/20250528143108197-image.png)
あなたのサイトが自動的に比較ページを生成しない場合は、手動で新しいページを作成することができます:
[ウッドマート比較]
投稿を保存した後、テーマ設定に戻り、ページを「比較ページ」としてバインドする。
お気に入り(ウィッシュリスト)機能の有効化
テーマ設定で、"ショップ>ウィッシュリスト "オプションに移動します。
![画像[4] - WoodMart製品比較とコレクション機能の完全セットアップガイド](https://www.361sale.com/wp-content/uploads/2025/05/20250528143322834-image.png)
ウィッシュリストを有効にする」機能をオンにし、「商品カードにウィッシュリストボタンを表示する」を有効にする。
![画像[5] - ウッドマートの商品比較とコレクション機能の設定完全ガイド](https://www.361sale.com/wp-content/uploads/2025/05/20250528143430426-image.png)
ウィッシュリストページが自動生成されない場合は、本文にショートコードを入力して手動で作成することもできます:
[ウッドマート・ウィッシュリスト]
公開し、ウィッシュリストのページにバインドするだけです。
III.アイコンとボタンの位置のカスタマイズ
テーマ設定 > 商品スタイル
商品カードに表示される比較ボタンやお気に入りボタンは、アイコンのみ、テキストのみ、または両方を表示するなど、正確なスタイルを設定することができます。また、商品画像の下に表示させるか、マウスホバー時にポップアップ表示させるか、または単に表示させるかも選択できます。フロート&ドリフト片方はね。
![画像[6] - ウッドマートの商品比較とコレクション機能の設定完全ガイド](https://www.361sale.com/wp-content/uploads/2025/05/20250528144016732-image.png)
IV.機能試験と使用デモンストレーション
設定が完了したら、商品ページや商品一覧ページにアクセスすると、2つのボタンが表示されるはずです:
- ウィッシュリストに追加
- ⊕ 比較リストに追加する
![画像[7] - WoodMartの商品比較・コレクション機能設定完全ガイド](https://www.361sale.com/wp-content/uploads/2025/05/20250528144718503-image.png)
ボタンをクリックした後、商品は自動的に対応するリストに追加され、追加成功のプロンプトが表示され、ユーザーは直接商品やコレクションコンテンツの現在の比較を表示するためにジャンプすることができます。
V. インタラクションの流暢性を高める高度な設定
ウッドマートサポート AJAX お気に入りへの追加、比較、カートへの追加などの操作を、ページを更新することなく、よりスムーズに行えるようにしました。
テーマ設定 > AJAX
![画像[8] - WoodMart製品比較とコレクション機能の完全セットアップガイド](https://www.361sale.com/wp-content/uploads/2025/05/20250528145533904-image.png)
相互作用の効率を高め、ジャンプの干渉を減らすためには、これらすべてを有効にすることが推奨される。
概要
WoodMartは、外部プラグインを必要とせず、商品比較やお気に入り機能を完全にサポートしています。さらにスタイリングやインタラクティブ効果を最適化したい場合は エレメンタそしてカスケーディングスタイルシート カスタマイズしたり、軽量プラグインを追加して実装を支援する。
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/56431この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。






















![絵文字[wozuimei]-Photonflux.com|プロのWordPress修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 専門WordPress修復サービス、全世界対応、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし