バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 商品の2枚目の画像をhoverで表示

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
musuke
投稿日時: 2017/6/20 10:36
対応状況: −−−
一人前
登録日: 2017/6/14
居住地:
投稿: 76
商品の2枚目の画像をhoverで表示
商品詳細ページのメイン画像にhoverで2枚目の写真を表示させたいと考えております。

データベースから2枚目を抽出する必要があると思うのですが、書き方がよく分からず困っております。
どのテンプレートにどのような記述をする必要があるのでしょうか?
468
投稿日時: 2017/6/20 20:24
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 3217
Re: 商品の2枚目の画像をhoverで表示
商品詳細ページのテンプレートファイルは以下のファイルになります。
/src/Eccube/Resource/template/default/Product/detail.twig

商品画像の取得方法ですが、試してはいないのですが、以下の記述で表示できるのではないかと思います。
<img src="{{ app.config.image_save_urlpath }}/{{ Product.ProductImage[1]|no_image_product }}">


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

musuke
投稿日時: 2017/6/21 10:39
対応状況: −−−
一人前
登録日: 2017/6/14
居住地:
投稿: 76
Re: 商品の2枚目の画像をhoverで表示
ありがとうございます。
商品詳細ページではなく商品一覧ページにてhoverを実装することになったのですが、教えていただいた記述を元にjsで実装することができました。

ありがとうごいました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は88,304名です
総投稿数は109,692件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1568
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
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.