トップ > サンプルカテゴリー > 【大人気】【レビューあり】cockmanタイマー
サンプルキッチン小物 > 第二カテゴリー1 > 【大人気】【レビューあり】cockmanタイマー
【詳細】tmp【42】番 > 【大人気】【レビューあり】cockmanタイマー
okzoom > 【大人気】【レビューあり】cockmanタイマー
［resize_image_600］と、OKZoom（プラグイン）を適用しています。
【大人気】【レビューあり】cockmanタイマー 
商品詳細内容が入ります商品詳細内容が入ります商品詳細内容が入ります商品詳細内容が入ります商品詳細内容が入ります
(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万円以上は配送料無料
