ホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳|FROGs note

ホームページ制作に役立つ無料素材やWEBデザインに関する自分のためのメモ帳です。

  • ホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳|Frogs note
  • ホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳|素材
  • ホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳|本の紹介

 | HOME | 

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

スクリプトの設定

カラーミー内のスクリプトの設定方法は


『ショップ情報を設定する』⇒

『タイトル要素・メタ要素の設定』⇒

『■headタグ内フリースペース設定』

のスペース内に記述する。

また、外部サーバーにアップしたjsファイルを読み込むときやアクセス解析の設置もココで行う。



スポンサーサイト

オプション情報を設定している商品の在庫数0の登録


商品登録画面で、オプション情報を設定している商品の在庫数0の登録は効かない。

まずオプション情報を削除してから、在庫数0と設定する必要がある。


商品詳細の画像をロールオーバーで切り替え

htmlの中に簡単なスクリプトを使用して商品の画像切り替えを実現する


<script type='text/javascript'>
<!--
function largeImg(sImg)
{
document.images['imgBox'].src=sImg;
}
-->
</script>


<!-- 商品画像 -->
<{if $product.img_url != ""}>
<div class="img"><img src="<{$product.img_url}>" class="main_img" width="400" name="imgBox" /></div>
<{else}>
<div class="img"><img src="http://img.shop-pro.jp/tmpl_img/21/now200.gif" class="main_img" /></div>
<{/if}>
<!--// 商品画像 -->

<!-- 商品画像その他 -->
<table cellspacing="0" cellpadding="0">
<tr>
<td><div class="sub"><{if $product.ot1_url != ""}><a href="JavaScript:void(0)" onmouseover='largeImg("<{$product.ot1_url}>")' onmouseout='largeImg("<{$product.img_url}>")'><img src="<{$product.ot1_url}>" width="125" /></a><{/if}></div></td>
<td><div class="sub"><{if $product.ot2_url != ""}><a href="JavaScript:void(0)" onmouseover='largeImg("<{$product.ot2_url}>")' onmouseout='largeImg("<{$product.img_url}>")'><img src="<{$product.ot2_url}>" width="125" /></a><{/if}></div></td>
<td><div class="sub"><{if $product.ot3_url != ""}><a href="JavaScript:void(0)" onmouseover='largeImg("<{$product.ot3_url}>")' onmouseout='largeImg("<{$product.img_url}>")'><img src="<{$product.ot3_url}>" width="125" /></a><{/if}></div></td>
</tr>
</table>
<!--// 商品画像その他 -->


参考:http://blog.bgs-works.com/2011/03/cording-%E3%82%AB%E3%83%A9%E3%83%BC%E3%83%9F%E3%83%BC%E3%81%A7%E3%80%81%E3%82%B5%E3%83%A0%E3%83%8D%E3%82%A4%E3%83%AB%E3%83%9E%E3%82%A6%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%81%A7%E6%8B%A1/

 | HOME | 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。