追加機能

Odoo eコマースは、プロダクト比較、:ref:`プロダクトハイライトオプション <ecommerce/products/additional_features/product-highlight>`など、オンラインショップ向けの追加機能を提供しています。

プロダクト比較

(比較に追加) ボタンを使用すると、ウェブサイト訪問者は属性に基づいてプロダクトを比較できます。お客様はこのボタンをクリックして比較したいプロダクトを選択し、ページ下部のポップアップウィンドウで比較をクリックして比較概要を表示できます。

プロダクト比較ウィンドウ

このボタンは、ウェブサイトの異なるセクションで個別に有効にできます:

プロダクトページに移動し、ウェブサイトエディターを開き、スタイル`タブに移動し、:guilabel:`プロダクトの詳細`セクションに進み、:icon:`fa-exchange :guilabel:`比較`ボタンを切り替えます。完了すると、属性を持つ各プロダクトページで使用できるようになります。

注釈

一度に比較できるプロダクトは最大4つまでです。

ちなみに

プロダクトを比較する際に、類似の属性を同じセクションにグループ化するために属性カテゴリを定義します。

ウィッシュリスト

(ウィッシュリストに追加) ボタンを使用すると、顧客はプロダクトをウィッシュリストに追加、つまり後で見るために保存できます。このボタンはデフォルトで有効になっており、各プロダクトページで利用できます。

このボタンは、ウェブサイトの異なるセクションで個別に有効にできます:

プロダクトページに移動し、ウェブサイトエディターを開き、スタイル`タブに移動して、:guilabel:`プロダクトの詳細`セクションに移動し、:icon:`fa-heart :guilabel:`ウィッシュリスト`ボタンを切り替えます。完了すると、各プロダクトページで利用できるようになります。

ウィッシュリストページ

マイウィッシュリスト`ページのレイアウトをカスタマイズできます。カスタマイズするには、ウィッシュリストページでウェブサイトエディターを開き、:guilabel:`スタイル`タブの:guilabel:`ウィッシュリストページ`セクションで、:guilabel:`プロダクトデザイン`を選択します。選択したデザインに応じて、:guilabel:`デスクトップ`または:guilabel:`モバイル`デバイスに合わせてレイアウトを調整します。:guilabel:`プロダクトデザイン`の横にある:icon:`fa-paint-brush (ペイントブラシ) アイコンをクリックすると、さらにカスタマイズオプションにアクセスできます。

ちなみに

  • 顧客は、注文サマリー :ref:`チェックアウトステップ <ecommerce/checkout/review_order>`で:guilabel:`いったん保存`ボタンをクリックして、カートからウィッシュリストにプロダクトを移動できます。

  • :guilabel:`マイウィッシュリスト`ページでは、顧客はウィッシュリストからカートにプロダクトを移動できます。

プロダクトハイライト

eコマースアプリを使用すると、プロダクトを強調表示して認知度を高めることができます。強調表示するには、ウェブサイト ‣ eコマース ‣ プロダクトリボン`に移動します。事前設定されたリボン (:guilabel:`売り切れセール在庫切れ`または: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:`バリアントリボン`フィールドにリボンを追加します。