ホーム > デザインテーマについて > 商品詳細画面でLightbox

商品詳細画面で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のスライドショーができません。

できるようになったらまたアップします。

カテゴリー: デザインテーマについて タグ:
関連記事
  1. nanbu
    2009 年 7 月 11 日 14:38 | #1

    こんにちは、ykjさん。

    Lightboxは確かグループ名を指定することでスライドショーができたと思います。
    rel=”lightbox[item]” などとしてそのページに含まれる画像全てに設定すると良いと思います。uCartのsingle_item.phpでは97行目に商品のサブイメージを表示するタグが有ります。

    また、商品詳細説明で挿入した画像もスライドショーに含めたい場合も、記事に直接 rel=”lightbox[item]” と設定することで可能かと思います。

    こちらのサイトは uCart を組み込んだオリジナルのショップです。Lightboxも利用していますのでご参考までに。(ここで紹介することをショップオーナー様から承諾を得ています)

    「新締太鼓ヤマコ」
    http://www.yama-ko.com/

  1. トラックバックはまだありません。