バージョン選択

フォーラム

 どうか教えて下さい！  バグ見つけましたよ！  こんな機能あったらなぁ  プラグインについて  その他

メニュー

 当サイトについて  初めてご利用になる方へ  EC-CUBE開発情報

オンライン状況

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

サイト内検索
質問 > フロント機能 > EC-CUBE3にて、商品詳細ページで写真のループ表示をやめたいです

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
mizuvan
投稿日時: 2016/10/26 17:04
対応状況: −−−
長老
登録日: 2013/3/26
居住地:
投稿: 253
EC-CUBE3にて、商品詳細ページで写真のループ表示をやめたいです
以下のテンプレートにて
template/default/Product/detail.twig

商品画像が１枚目が大きく、その他の画像が下に数枚段になって表示されているのを1枚目の画像だけの表示にしたいのですが、どのようにすれば良いか教えていただけませんでしょうか

初期状態：

    <!-- ▼item_detail▼ -->
    <div id="item_detail">
        <div id="detail_wrap" class="row">
            <!--★画像★-->
            <div id="item_photo_area" class="col-sm-6">
                <div id="detail_image_box__slides" class="slides">
                    {% if Product.ProductImage|length > 0 %}
                        {% for ProductImage in Product.ProductImage %}
                        <div id="detail_image_box__item--{{ loop.index }}"><img src="{{ app.config.image_save_urlpath }}/{{ ProductImage|no_image_product }}"/></div>
                        {% endfor %}
                    {% else %}
                        <div id="detail_image_box__item"><img src="{{ app.config.image_save_urlpath }}/{{ ''|no_image_product }}"/></div>
                    {% endif %}
                </div>
            </div>


これを、以下の赤い部分をどのように１枚目の指定だけすればよいかがわかりませんでした。
グレーの部分は排除を考えています


    <!-- ▼item_detail▼ -->
    <div id="item_detail">
        <div id="detail_wrap" class="row">
            <!--★画像★-->
            <div id="item_photo_area" class="col-sm-6">
                <div id="detail_image_box__slides" class="slides">
                    {% if Product.ProductImage|length > 0 %}
                        {% for ProductImage in Product.ProductImage %}
                        <div id="detail_image_box__item--{{ loop.index }}"><img src="{{ app.config.image_save_urlpath }}/{{ ProductImage|no_image_product }}"/></div>
                        {% endfor %}
                    {% else %}
                        <div id="detail_image_box__item"><img src="{{ app.config.image_save_urlpath }}/{{ ''|no_image_product }}"/></div>
                    {% endif %}
                </div>
            </div>





EC-CUBE　3.0.10
DBサーバー　MySQL 5.5.45
WEBサーバー　Apache
PHP　5.6.22


----------------
mizuvan
投稿日時: 2016/10/26 17:14
対応状況: 解決済
長老
登録日: 2013/3/26
居住地:
投稿: 253
Re: EC-CUBE3にて、商品詳細ページで写真のループ表示をやめたいです
自己解決できました

html/upload/save_image内にアップロードした画像でしたので、ループをとって下記のタグへの変更をして完了でした。

<img src="{{ app.config.image_save_urlpath }}/image.jpg" >


----------------
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft 		7367
2
468 		3217
3
AMUAMU 		2712
4
nanasess 		2313
5
umebius 		2085
6
yuh 		1819
7
h_tanaka 		1646
8
red 		1570
9
mcontact 		1291
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.