thumbnail

「ギフト配送を希望する」をデフォルトで選択された状態にする方法


本ページでは、All in giftの「ギフト配送を希望する」を、あらかじめ選択された状態にする方法をご案内します。


「ギフト配送を希望する」にあらかじめチェックが入った状態で表示されます。

購入者はチェックを外すことができます。


テーマのLiquidコード編集が必要です。

作業前にテーマを複製し、バックアップの作成を推奨します。

  1. Shopify管理画面 > オンラインストア > テーマ に進む

  2. 「・・・」 > コードを編集 を選択

  1. 商品ページまたはカートページのLiquidファイルを選択

    • Dawnの場合:

      • 商品ページ:sections フォルダ内の main-product.liquid

      • カートページ:sections フォルダ内の main-cart-items.liquid

  2. All in giftを表示する箇所に、以下のコードを追加する

◾️商品ページに表示する場合

Plaintext
<div
  class="sns-gift-product-container"
  data-enable-default-general-gift="true"
></div>

◾️カートページに表示する場合

Plaintext
<div
  class="sns-gift-new-cart-container"
  data-enable-default-general-gift="true"
></div>
  1. 保存をクリックして完了

ポイント

true の部分は「true(オン)=最初から選択された状態」「false(オフ)=選択されていない状態」の切り替えです。この2つ以外の値は入れないでください。

注意点

フォントサイズやテキスト、カラーの変更をしたい場合は以下のヘルプページを参考に実施してください。

商品詳細ページへの設置方法:OS2.0以外のテーマ

概要 --- - OS2.0以外のテーマの場合はテーマコードの編集が必要です。 - リキッドファイルにAll in gift タグを追加することでご利用いただけます。(テーマエディタでは編集できません) 設定方法 --- ご利用のテーマによってファイル名は異なりますが、snippets/product-form.liquidやsections/product-template.liquidなど、商品ページの表示したい位置に以下のコードを追加してください。 <div class=“sns-gift-product-container”></div> ギフト専用商品にしたい場合の設定方法 --- 概要 この機能は、購入ページにおいて「ギフト配送を希望する」がデフォルトで選択された状態になります。 ギフト購入に限定したい場合にご利用ください。 設定方法 --- テーマのコード編集が必要です。 ギフトタグを設置する箇所に以下のコードを追加してください。 <div class=“sns-gift-product-container” data-enable-default-general-gif

アプリウィジェットのデザイン編集:OS2.0以外のテーマ用

デザイン編集の方法 --- テーマにインストールされたタグへ「調整項目」を追加することでデザインを変更できます。 - 商品ページに実装 <div class=“sns-gift-product-container”></div>の中に調整用の属性を追加してください。 - カートページに実装<div class=“sns-gift-new-cart-container”></div> の中に調整用の属性を追加してください。 注意点 - 「ギフトオプションの項目」および「不要」の文言はアプリの仕様上テキスト変更ができません。 - プレースホルダーの文言変更はできません。 調整項目の例 --- フォント設定 --- OS2.0以外のテーマでは、data-font-sizeはrem換算で適用されます。 例:14 → 1.4rem ■商品ページに実装 <div class=“sns-gift-product-container” data-font-color=”#4DB56A” data-secondary-font-color=”#4DB56A” data-font-size=“14” >