このページはプレビュー用です。URLを外部に共有しないようにご注意ください。
thumbnail

カートページへの設置方法:OS2.0以外のテーマ


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

リキッドファイルにAll in gift タグを追加することでご利用いただけます。

(テーマエディタでは編集できません)

ご利用のテーマによって表示可能位置が異なります。

カートページ実装の仕様はこちら


ご利用のテーマによってファイル名は異なりますが、sections内にあるcart-template.liquidなど、カートページの表示したい位置に以下のコードを追加してください。

Plaintext
<div class="sns-gift-new-cart-container"></div>
  • 右寄せにするCSS記載例


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

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

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

Plaintext
<div class="sns-gift-new-cart-container"
					data-enable-default-general-gift="true">
</div>
  • 受け付ける値

    値は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以外のテーマ用