機能活用の例

ボタンでクリックジャンプをした際に対象の商品が選ばれるようにする方法

以下設定により、LPにおいてLP購入フォームにクリックジャンプした際に対象の商品が選ばれるようになります。
なお、LPテンプレートでの購入フォームは「__PAYMENT_FORM__」という変数で記載されています。

設定方法

  1. ボタンのaタグ内に<href="#lp-form">を設置します。
    ※ #lp-formは__PAYMENT_FORM__内に記述されています。
  2. ボタンのaタグ内に<data-jump-variant-id="対象のSKU-ID">を設置し、選択させる商品を決定します。

Caution!!

※SKU-IDは「商品管理 > 商品管理 > 該当商品」の「タブ:【商品管理】SKU 管理」の「ID」です。
※SKU-IDは、商品のマスターとして設定されているSKUのIDを設定します。
※商品の規格分類は、LP購入フォームで別途選択する必要があります。

設定例

<a href="#lp-form" data-jump-variant-id="1"><img src="{{ file_root_path }}/hoge.jpg"></a>

この記事の目次 2

このセクションの記事

機能活用の例