コマースクリエイター商品ページにカートボタンを二つ設置する


縦長のランディングページなどの場合、カートボタンを二つ設置したい、という場合もあるかと思います。
今回はページ上部に元から設置されているカートボタンがあるけど、ページ下部にもう一つカートボタンを設置する方法をご紹介します。

手順

1.運用メニュー>商品管理 でグループなどを選択し、画面右側の「カートタグ取得」からカートのHTMLを取得する
2.商品の編集画面>コメント設定 で使っていない独自コメント欄にカートのHTMLタグを貼り付ける
3.コマースクリエイター>テーマ>レイアウト>使っている商品ページレイアウト内 に、今回使用する独自コメントをパーツとして追加する

位置や見え方の調整が必要ですが、これで2個目のカートボタンが設置できます。

商品数が多く、CSVで一括登録したい場合

商品数が多い場合、1商品ずつ設定するのは手間がかかります。
項目選択肢などが無い場合など、1つカートボタンのHTMLを出力し、それの商品番号だけを置き換えることで一括で設定できる場合もありそうです。

下記は実際に出力したカートボタンHTMLです。下から2行目の「value=”shouhinbangou”」のshouhinbangouを変更すればそれぞれの商品のカートボタンとして機能しますね。
 

<form action=”https://www.kanehira.co.jp/fs/kanehira/ToCart.html” method=”post”>
<table border=”0″ cellspacing=”4″ cellpadding=”0″>
<tr>
<td>数量<input name=”cnt” type=”text” value=”1″ size=”5″></td>
<td><input type=”submit” value=”カートへ”></td>
</tr>
</table>
<input type=”hidden” name=”goodsNo” value=”shouhinbangou”>
</form>

一括で変更するやり方

こちらは動画でご説明させていただきます。
CSV編集はCSV専用エディターの使用をオススメしますが、今回のような作業の場合は、一部分だけエクセルで行い、それをそのままCSVエディタに戻す、という風にやるとCSVファイルの崩れなどが起きにくいです。しかしながらイレギュラーな使い方となりますので、自己責任でくれぐれも慎重に作業をおこなってください。

パソコンの環境などによって、出力するデータが微妙に違ったりしますので、まずはご自身の環境でテストして見てください。
まずは、どのようになるか1行だけのデータを作ってみて、確認してから実際のデータで実施されると良いでしょう。