> フロント機能 > 商品詳細ページのスライダー画像のカスタマイズにつきまして。 |
フロント機能
フラット表示 | 前のトピック | 次のトピック |
投稿者 | スレッド |
---|---|
noraneko |
投稿日時: 2016/2/8 17:42
対応状況: −−−
|
新米 登録日: 2016/2/8 居住地: 投稿: 7 |
商品詳細ページのスライダー画像のカスタマイズにつきまして。 はじめまして。
初心者ですが、何卒よろしくお願いいたします。 ご質問内容ですが、 例えば、 管理画面で登録した商品画像が4枚あったとしまして、 それぞれの画像をピンポイントで呼び出すような記述方法はありますでしょうか? 初期のテンプレート【detail.twig】では、 スライダーで表示している画像箇所では、 {% if Product.ProductImage|length > 0 %} {% for ProductImage in Product.ProductImage %} <div><img src="{{ app.config.image_save_urlpath }}/{{ ProductImage|no_image_product }}"/></div> {% endfor %} これを、 上記のようなループ処理ではなく、 <img id="zoom1" src="{{ 1番目に登録した画像 }}" data-zoom-image="{{ 2番目に登録した画像 }}"> <img id="zoom2" src="{{ 3番目に登録した画像 }}" data-zoom-image="{{ 4番目に登録した画像 }}"> のように、登録した画像をナンバリング?ID?などで指定が出来て、 ピンポイントで画像を指定表示する事は出来ないのかなと思いまして。 (いろいろ調べてはみたのですが、わかりませんでした。) 上記のイメージは、2種類の画像がぞれぞれ大小ありまして、 小の画像を最初に表示していて、画像にマウスオーバーするとdata-zoom-imageで呼び出される大の画像を表示するイメージです。 ※アマゾンの商品にマウスオーバーすると、拡大画像が表示されるイメージ。 (登録画像は4枚ですが、画面上に表示される画像は2種類) ご教授いただけますと幸いです。 以上、 よろしくお願いいたします。 |
フラット表示 | 前のトピック | 次のトピック |
題名 | 投稿者 | 日時 |
---|---|---|
» 商品詳細ページのスライダー画像のカスタマイズにつきまして。 | noraneko | 2016/2/8 17:42 |
Re: 商品詳細ページのスライダー画像のカスタマイズにつきまして。 | karin | 2016/2/8 21:41 |
Re: 商品詳細ページのスライダー画像のカスタマイズにつきまして。 | noraneko | 2016/2/9 3:29 |
Re: 商品詳細ページのスライダー画像のカスタマイズにつきまして。 | karin | 2016/2/9 11:18 |
Re: 商品詳細ページのスライダー画像のカスタマイズにつきまして。 | noraneko | 2016/2/16 0:37 |