ColorMeShop!Proの商品詳細ページの拡大画像表示について。
この記事はサムネイルにマウスオーバーしたら画像を切り替える方法を使用したメモです。
前にLightboxを使う方法を書いてますがどちらにするかはお好みで。
元エントリーのスクリプトを若干変えただけですが、XHMTL・CSS・Javascriptをまとめて貼っておきます
ColorMeShopPro
ColorMe!ShopPro sectionループについて
ColorMe!ShopProのテンプレートカスタマイズで使用できるsectionループについてのメモ。
sectionとは別に<{foreach}>も使用できるが、sectionとforeachでは動作が微妙に違う。
【公式説明】 <{section}>～<{/section}>で囲まれいる部分は、リストの数分だけループします。
<{section name=num loop=$productlist}>
・
・ （ここがループ）
・
<{/section}>
sectionの後についてるのは属性名とその値。
name（属性）=num（値）のペアで設定することでループの動作を変えることが出来る。
必須属性がnameとloopなので、上記は必要最低限の指定ということになる。
また、sectionは入れ子が可能なので何重もネストして使うことが出来る。
ColorMe!ShopProテンプレート作成について
最近作成する機会があったColorMe!ShopProのテンプレートについてのメモ。
いろいろ出来るように見えるが、実際カスタマイズしてみると触れる範囲が狭いというのがわかる。
テンプレートそのまま使うユーザには良いかもしれないが、自分でアレコレしたい人はやりたいことがやり難くて苦労しそうだ。
ColorMe!ShopPro if文とか
ColorMe!ShopProのテンプレート構築で欠かせないif文とかについての解説。
if文というのは英語の意味と同じで「もし～ならば」という動作をする。
処理に説明をつけると次のようになります。
[smarty]
<{if （条件）}>//もし（条件）ならば～
（条件に該当する場合の処理）を実行
<{else}>//あてはまらなければ～
（条件に該当しない場合の処理）を実行
<{/if}>
[/smarty]