バージョン選択

フォーラム

メニュー

オンライン状況

40 人のユーザが現在オンラインです。 (33 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 40
もっと...

サイト内検索

 > フロント機能 > 商品詳細ページのスライダー画像のカスタマイズにつきまして。

フロント機能

新規スレッドを追加する

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
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

 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,944名です
総投稿数は110,018件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1296
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.