おちゃのこネットのスマホサイトで任意の位置でカートに入れられるようにする。

おちゃのこネットの商品詳細ページではPC用の商品詳細ページにはカートの位置をページ下部にも設置可能ですが、スマホ版では予め決められた位置にしかカートを設置することができません。

商品説明の下にもカートに入れるボタンを表示する設定
PC版の商品詳細ページ設定では、商品説明の下にカートの追加をかんたんにすることができる。

 

今回スマホ版でもPC版と同様にページ下部に表示したかったため、スマホ版の自由記入欄に以下のコードを挿入した。

<div id="bottom_cart_area"></div>
<script>
$(function() {
$('div.product_info_box').clone().appendTo('div#bottom_cart_area');
});
</script>

1行目の

<div id="bottom_cart_area"<&gt;/div>

を任意の場所に配置すれば、任意の場所にカートに入れるボタンをつけることができます。

コメント

タイトルとURLをコピーしました