追加機能¶
Odoo eコマースは、プロダクト比較、:ref:`プロダクトハイライトオプション <ecommerce/products/additional_features/product-highlight>`など、オンラインショップ向けの追加機能を提供しています。
プロダクト比較¶
(比較に追加) ボタンを使用すると、ウェブサイト訪問者は属性に基づいてプロダクトを比較できます。お客様はこのボタンをクリックして比較したいプロダクトを選択し、ページ下部のポップアップウィンドウで比較をクリックして比較概要を表示できます。
このボタンは、ウェブサイトの異なるセクションで個別に有効にできます:
プロダクトページに移動し、ウェブサイトエディターを開き、スタイル`タブに移動し、:guilabel:`プロダクトの詳細`セクションに進み、:icon:`fa-exchange :guilabel:`比較`ボタンを切り替えます。完了すると、属性を持つ各プロダクトページで使用できるようになります。
注釈
一度に比較できるプロダクトは最大4つまでです。
ちなみに
プロダクトを比較する際に、類似の属性を同じセクションにグループ化するために属性カテゴリを定義します。
ウィッシュリスト¶
(ウィッシュリストに追加) ボタンを使用すると、顧客はプロダクトをウィッシュリストに追加、つまり後で見るために保存できます。このボタンはデフォルトで有効になっており、各プロダクトページで利用できます。
このボタンは、ウェブサイトの異なるセクションで個別に有効にできます:
プロダクトページに移動し、ウェブサイトエディターを開き、スタイル`タブに移動して、:guilabel:`プロダクトの詳細`セクションに移動し、:icon:`fa-heart :guilabel:`ウィッシュリスト`ボタンを切り替えます。完了すると、各プロダクトページで利用できるようになります。
ショップページ <ecommerce/catalog/product-listing>`に:icon:`fa-heart-o (ウィッシュリスト) ボタンを表示するには、ウェブサイトエディターを開き、スタイル`に移動して、:guilabel:`プロダクトデザイン`の横にある:icon:`fa-paint-brush (ペイントブラシ) アイコンをクリックします。アクション`セクションで、:icon:`fa-heart (ウィッシュリスト) ボタンを切り替え、:guilabel:`固定`と:guilabel:`固定 - ホバー時`のいずれかを選択します。
ヘッダーに:icon:fa-heart (ウィッシュリスト) アイコンを表示するには、ウェブサイトエディターを開き、ヘッダーをクリックして、要素の表示/非表示`セクションに移動し、:guilabel:`空でも表示`の横にある:icon:`fa-heart (ウィッシュリスト) アイコンを切り替えます。有効になっていない場合、ウィッシュリストアイコンはアイテムがウィッシュリストに追加されたときにのみ表示されます。ウィッシュリスト内のアイテム数もアイコンの横に表示されます。
ウィッシュリストページ¶
マイウィッシュリスト`ページのレイアウトをカスタマイズできます。カスタマイズするには、ウィッシュリストページでウェブサイトエディターを開き、:guilabel:`スタイル`タブの:guilabel:`ウィッシュリストページ`セクションで、:guilabel:`プロダクトデザイン`を選択します。選択したデザインに応じて、:guilabel:`デスクトップ`または:guilabel:`モバイル`デバイスに合わせてレイアウトを調整します。:guilabel:`プロダクトデザイン`の横にある:icon:`fa-paint-brush (ペイントブラシ) アイコンをクリックすると、さらにカスタマイズオプションにアクセスできます。
プロダクトハイライト¶
eコマースアプリを使用すると、プロダクトを強調表示して認知度を高めることができます。強調表示するには、、セール、在庫切れ`または:guilabel:`新着!) を使用するか、:guilabel:`新規`で作成できます。リボン名を追加し、:guilabel:`割り当て`方法を選択します。
手動: リボンを手動で割り当てます。
セール中: :ref:`比較価格 <ecommerce/prices/permanent-discounts>`を使用する場合など、プロダクトがセール中のときにリボンが表示されます。
新着時: 新しいプロダクトが追加されたときにリボンが表示されます。:guilabel:`公開後の日数`で表示する日数を指定します。
在庫切れ時: プロダクトが現在利用できなくなったときにリボンが表示されます。
位置で左または右を選択し、スタイルでRibbonまたはBadgeを選択します。テキストの色と背景色を定義します。次に保存します。これで、リボンはすべてのeコマースプロダクトで使用できるようになります。
ちなみに
新しいプロダクトリボンを作成する他の方法があります。
プロダクトフォームにアクセスし、:guilabel:`販売`タブの下で、:guilabel:`リボン`フィールドでリボンを変更または作成します。
ウェブサイトエディター <../../website/web_design>`からリボンを編集/作成します。そのためには、:guilabel:`スタイル`タブに移動し、:guilabel:`プロダクト詳細`セクションに進みます。:guilabel:`リボン`フィールドの横にある緑色の:icon:`fa-plus`(:guilabel:`作成)アイコン、または:guilabel:
リボン`ラベルの横にある:icon:`fa-pencil-square-o`(:guilabel:`編集)アイコンをクリックします。:guilabel:`割り当て`機能は、ウェブサイトエディターでの設定には利用できません。
特定の:ref:`プロダクトバリアント <ecommerce/categories_variants/product-variants>`にリボンを追加することも可能です。これを行うには、:menuselection:`ウェブサイト --> eコマース --> プロダクト`に移動し、プロダクトを選択します。:guilabel:`バリアント`スマートボタンをクリックし、バリアントを選択して、:guilabel:`販売`セクションの:guilabel:`バリアントリボン`フィールドにリボンを追加します。