トップ > カテゴリー下階層あり > 第二カテゴリー3 > 【特価】【レビューあり】ウッディ置時計
サンプルキッチン小物 > 第二カテゴリー3 > 【特価】【レビューあり】ウッディ置時計
okzoom > 【特価】【レビューあり】ウッディ置時計
[resize_image_600]と、OKZoom(プラグイン)を適用しています。
【特価】【レビューあり】ウッディ置時計
商品詳細内容入力がはいります商品詳細内容入力がはいります商品詳細内容入力がはいります
(1)【商品詳細画面管理】の画像の独自変数タグはdivで囲み、idを指定します。
<div id="okzoom">
[RESIZE_IMAGE_500]
</div>
(2)【独自デザイン(PC)】>【独自デザイントップ】>【共通headタグ管理】 「商品詳細画面」
に下記を記述します。
<style type="text/css">
#itemImg ,
#itemInfo {float:none; width:680px;}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- okzoom本体-->
<script src='/design/designdemo03/js/okzoom.min.js'></script>
<script>
$(function(){
$('#okzoom img').okzoom({
width: 200, // ルーペの幅
height:200, // ルーペの高さ
round:true, // ルーペの形
border: "1px solid black", // ルーペのボーダー指定
shadow: "0 0 5px #000" // ルーペの影指定
});
});
</script>
1万円以上は配送料無料