ホーム > タグ > ColorMeShopPro

ColorMeShopPro

[js]ColorMeShop!Pro商品詳細用 ロールオーバースクリプト

ColorMeShop!Proの商品詳細ページの拡大画像表示について。
この記事はサムネイルにマウスオーバーしたら画像を切り替える方法を使用したメモです。
前にLightboxを使う方法を書いてますがどちらにするかはお好みで。
元エントリーのスクリプトを若干変えただけですが、XHMTL・CSS・Javascriptをまとめて貼っておきます



Continue reading

ColorMe!ShopProでLightboxを使う

カッコイイ写真表示の代名詞といったらLightbox系のAjaxライブラリですけど、
ColorMe!ShopProはヘッダが操作出来ないので、Usage通り<script>をヘッダに入れて~ということは出来ない。

なので一見使用不可能に見えるけど、結構あっさり使えます。



Continue reading

ColorMe!ShopPro sectionループについて

ColorMe!ShopProのテンプレートカスタマイズで使用できるsectionループについてのメモ。
sectionとは別に<{foreach}>も使用できるが、sectionとforeachでは動作が微妙に違う。

【公式説明】 <{section}>~<{/section}>で囲まれいる部分は、リストの数分だけループします。
<{section name=num loop=$productlist}>

・ (ここがループ)

<{/section}>

sectionの後についてるのは属性名とその値。
name(属性)=num(値)のペアで設定することでループの動作を変えることが出来る。
必須属性がnameとloopなので、上記は必要最低限の指定ということになる。
また、sectionは入れ子が可能なので何重もネストして使うことが出来る。



Continue reading

ColorMe!ShopProテンプレート作成について

最近作成する機会があったColorMe!ShopProのテンプレートについてのメモ。


いろいろ出来るように見えるが、実際カスタマイズしてみると触れる範囲が狭いというのがわかる。
テンプレートそのまま使うユーザには良いかもしれないが、自分でアレコレしたい人はやりたいことがやり難くて苦労しそうだ。

Continue reading

ColorMe!ShopPro if文とか



ColorMe!ShopProのテンプレート構築で欠かせないif文とかについての解説。

if文というのは英語の意味と同じで「もし~ならば」という動作をする。
処理に説明をつけると次のようになります。

SMARTY:
  1. <{if (条件)}>//もし(条件)ならば~
  2. (条件に該当する場合の処理)を実行
  3. <{else}>//あてはまらなければ~
  4. (条件に該当しない場合の処理)を実行
  5. <{/if}>

Continue reading

Home > Tags > ColorMeShopPro

最近の投稿
最近の修正
  • そしてこのSQLはわれながらよく書いたと思う 2010-11-15
  • CSVの列っていう方がいいのかな…118項目だった 2010-11-15
  • 楽天のCSVの項目が116個もあった衝撃 2010-11-15
  • オフィスで香水臭振りまくのは迷惑だと知れ 2010-11-15
  • ぐあー フレグランステロやー 2010-11-15
  • More updates...

Powered by Twitter Tools

Tag Cloud
おすすめサーバー・他
メタ情報

Return to page top