デザイン管理
購入ボタンタグ
購入ボタンタグを設定していただくとショッピングページとカートの連携は完了となります。
購入ボタンの設定
購入ボタンの設定
購入ボタンタグの編集方法
購入ボタンタグを編集することで個数とプルダウンの表示を失くし、購入ボタンのみを表示させることが可能です。
編集方法は以下の通りです。
①購入ボタンタグをコピーします。②無色:購入ボタンタグのデフォルトのHTMLです。編集の必要はありません。
③黄色:<input type="hidden" name="quantity" id="quantity" value="1">
を指定の位置に挿入します。
④灰色:購入ボタンタグのデフォルトのHTMLから削除します。
※「購入」の部分を編集することで購入ボタンに表示する文言の設定や画像の挿入をすることができます。
左記が編集した購入ボタンタグの実際の表示例です。
※その他のHTMLファイルの修正方法については制作会社様等にご確認ください。誤った修正をされますと、カートへの連携がうまくできない場合がございます。購入ボタンタグのHTMLを修正いただいた際は、必ずカートに商品が正しく入るかをご確認ください。
2つの商品をかごに入れる購入ボタンの設定
頒布会コースと単品商品の組み合わせであれば、2つの商品を同時にかごに入れる
購入ボタンの設定が可能でございます。
<設定例>
・頒布会コード(メイン商品)の商品ID:●●●
・単品商品コード(+1商品)の商品ID:▲▲▲
【変更前】
①の商品<form action=”https://ドメイン/api/cart_item.html” class=”bot_open” method=”post”>
<input type=”hidden” name=”id” id=”id” value=”●●●” />
<input type=”hidden” name=”cart_item_type” id=”cart_item_type” value=”distribution_course” />
<input type=”hidden” name=”quantity” id=”quantity” value=”1″>
<button name=”button” type=”submit” class=”btn btn-primary”>*購入ボタンタグ名*</button> </form>
②の商品<form action=”https://ドメイン/api/cart_item.html” class=”bot_open” method=”post”>
<input type=”hidden” name=”id” id=”id” value=”▲▲▲” />
<input type=”hidden” name=”cart_item_type” id=”cart_item_type” value=”single_product” />
<input type=”hidden” name=”quantity” id=”quantity” value=”1″>
<button name=”button” type=”submit” class=”btn btn-primary”>*購入ボタンタグ名*</button> </form>
【変更後】
※2つの商品の購入ボタンタグを組み合わせたタグ
<form action=”https://*カートのドメイン*/api/cart_item.html” class=”bot_open” method=”post”>
<input type=”hidden” name=”is_multiple_item” id=”is_multiple_item” value=”true” />
<input type=”hidden” name=”items[0]id” id=”items_id” value=”●●●” />
<input type=”hidden” name=”items[0]cart_item_type” id=”items_cart_item_type” value=”distribution_course” />
<input type=”hidden” name=”items[0]quantity” id=”items_quantity” value=”1″>
<input type=”hidden” name=”items[1]id” id=”items_id” value=”▲▲▲” />
<input type=”hidden” name=”items[1]cart_item_type” id=”items_cart_item_type” value=”single_product” />
<input type=”hidden” name=”items[1]quantity” id=”items_quantity” value=”1″>
<button name=”button” type=”submit” class=”btn btn-primary”>*購入ボタンタグ名*</button></form>
購入ボタンの設定
最近ご覧になった記事