ユーザーがeギフト対象商品を瞬時に判別できるよう、商品画像にバッジをつけられる機能です。
商品詳細ページの表示イメージ
商品一覧の表示イメージ
アプリ > All in gift > 設定 > eギフトバッジ設定 >
eギフトバッジを設定する
にチェックを入れる
商品画像上の設置箇所を設定
ストアで用意したeギフトバッジ画像をアップロード
既に登録されている画像を変更したい場合は、画像アップロード枠内をクリックすると画像データ選択ができます
表示させたいサイズ(縦)(横)をpxで入力します。
保存
を押して完了です。
※登録済み画像を削除したい場合はeギフトバッジ画像
を削除を押す
OS2.0テーマをご利用の場合:STEP1の設定のみで表示されます。
OS2.0テーマ以外をご利用の場合:以下の手順でテーマコードの編集が必要です。
オンラインストア > テーマ > コードを編集 をクリック
sections/main-product.liquid
を検索(例:Spotlight)
※ファイル名はテーマによって異なります。
以下のコードを任意の箇所に追加する
<div class="sns-gift-product-container"
data-product-image="{{ product.featured_image | image_url }}"
></div>
保存
をクリックして完了です
テーマのバージョンに限らずテーマコードの編集が必要です。
オンラインストア > テーマ > コードを編集
snippets/card-product.liquid
を検索(例:Spotlight)※ファイル名はテーマによって異なります。
以下のコードを任意の箇所に追加する
<div class="all-in-gift-e-gift-badge"
data-product-variant-id={{ card_product.selected_or_first_available_variant.id }}
data-product-image={{ card_product.featured_image.src | image_url }}
data-e-gift-badge-image-width="50"
data-e-gift-badge-image-height="50"
></div>
商品id:
data-product-variant-id
商品画像:
data-product-image
バッジの横幅ピクセル:
data-e-gift-badge-image-width
バッジの縦幅ピクセル:
data-e-gift-badge-image-height
data-e-gift-badge-image-width
(横幅 px)data-e-gift-badge-image-height
(縦幅 px)に任意の画像サイズを入力保存
をクリックして完了です