商品詳細画面でLightbox
2009 年 7 月 9 日
自分のブログにも書きましたが、
商品詳細画面などでLightbox2が使えるようにするためのコード修正。
wp-content/themes/ucart-default/templatesフォルダ内の「single_item.php」の19行目
<a href=”<?php usces_the_itemImageURL(0); ?>” ><?php usces_the_itemImage(0, 200, 250); ?></a>
を
<a href=”<?php usces_the_itemImageURL(0); ?>” rel=”lightbox”><?php usces_the_itemImage(0, 200, 250); ?></a>
の様にします。ポイントは「rel=”lightbox”」としてLightbox2プラグインと連携(relation)させるとこでしょうか。
でもこれだと商品のサブイメージも使ったLightbox2のスライドショーができません。
できるようになったらまたアップします。
カテゴリー: デザインテーマについて
こんにちは、ykjさん。
Lightboxは確かグループ名を指定することでスライドショーができたと思います。
rel=”lightbox[item]“ などとしてそのページに含まれる画像全てに設定すると良いと思います。uCartのsingle_item.phpでは97行目に商品のサブイメージを表示するタグが有ります。
また、商品詳細説明で挿入した画像もスライドショーに含めたい場合も、記事に直接 rel=”lightbox[item]” と設定することで可能かと思います。
こちらのサイトは uCart を組み込んだオリジナルのショップです。Lightboxも利用していますのでご参考までに。（ここで紹介することをショップオーナー様から承諾を得ています）
「新締太鼓ヤマコ」
http://www.yama-ko.com/