本ページでは、All in giftの「ギフト配送を希望する」を、あらかじめ選択された状態にする方法をご案内します。
「ギフト配送を希望する」にあらかじめチェックが入った状態で表示されます。
購入者はチェックを外すことができます。
テーマのLiquidコード編集が必要です。
作業前にテーマを複製し、バックアップの作成を推奨します。
Shopify管理画面 >
オンラインストア>テーマに進む「・・・」 >
コードを編集を選択
商品ページまたはカートページのLiquidファイルを選択
Dawnの場合:
商品ページ:
sectionsフォルダ内のmain-product.liquidカートページ:
sectionsフォルダ内のmain-cart-items.liquid
All in giftを表示する箇所に、以下のコードを追加する
◾️商品ページに表示する場合
<div
class="sns-gift-product-container"
data-enable-default-general-gift="true"
></div>◾️カートページに表示する場合
<div
class="sns-gift-new-cart-container"
data-enable-default-general-gift="true"
></div>保存をクリックして完了
ポイント
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” >