商品名
2カラム使用時のみ、タブレットとスマホ環境では、サブブロックが非表示になります。その他のページでも非表示にしたい場合、html側の<body>タグを<body class="s-n">として下さい。もしclass指定が2つ以上ある場合は半角スペースで区切って入力すればOKです。
当ページは全カテゴリー共通の詳細用サンプルページです
各商品ごとにhtmlを準備しなおしリンク先も指定しなおして下さい。
イメージチェンジプログラム(imgchg_pack.js)の使い方
サムネイル画像をクリックすると、上の大きな写真が入れ替わります。
html側を見れば分かりますが、大きな画像の読みこみ行は2行あります。違う点はidの指定名が異なるだけですが必ず2行入れて下さい。
サムネイルを増やしたい場合はhtml側のサムネイルの行をコピペで増やし、画像ファイル名やalt指定(大きな写真下に表示される説明文になります)を入れ替えて下さい。
サムネイルの縦横比率は統一しておいた方がきれいに入れ替わります。※ここではあえて別々なサイズを配置しています。
また、サムネイルと拡大画像は兼用なので、大きな写真を準備しておいて下さい。サムネイルのサイズはcssフォルダのstyle.cssの「.thumbnail」のwidthとheightの値で変更できます。