トップ > サンプルカテゴリー > 目覚まし時計【カテゴリーのおすすめ】
〜10,000円 > 目覚まし時計【カテゴリーのおすすめ】
時計 > 目覚まし時計 > ポップ > 目覚まし時計【カテゴリーのおすすめ】
カテゴリー下階層あり > 第二カテゴリー3 > 目覚まし時計【カテゴリーのおすすめ】
サンプルキッチン小物 > 第二カテゴリー3 > 目覚まし時計【カテゴリーのおすすめ】
【詳細】tmp【42】番 > 目覚まし時計【カテゴリーのおすすめ】
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万円以上は配送料無料