thumbnail

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


  • OS2.0以外のテーマの場合はテーマコードの編集が必要です。

  • リキッドファイルにAll in gift タグを追加することでご利用いただけます。(テーマエディタでは編集できません)


ご利用のテーマによってファイル名は異なりますが、snippets/product-form.liquidsections/product-template.liquidなど、商品ページの表示したい位置に以下のコードを追加してください。

Plaintext
<div class="sns-gift-product-container"></div>


この機能は、購入ページにおいて「ギフト配送を希望する」がデフォルトで選択された状態になります。

ギフト購入に限定したい場合にご利用ください。


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

ギフトタグを設置する箇所に以下のコードを追加してください。

HTML

注意点

  • 受け付ける値

    値はtrueまたはfalseのみ入力可能です。

  • OS2.0テーマをご利用中でも、こちらの方法の場合はテキスト編集やカラー編集はテーマエディタではなく、コード編集する必要があります。


フォントサイズやテキスト、カラーの変更が可能です。

詳細は以下のページをご確認ください。

アプリウィジェットのデザイン編集: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” > </div> ■カートページに実装 <div cl

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


手動でギフトボタン表示タグを設置している場合は、以下対応をいただくことで、表示速度を改善できる場合がございます。

  1. ギフトボタン表示タグを設置しているliquidファイルの最上部に、下記コードを追加してください。

JavaScript
  1. タグに data-is-catalog="{{ isCatalog }}" を追加すると、表示速度が改善します。

JavaScript