バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 2.11.4 サブ画像を大きく表示させたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
fg4564
投稿日時: 2011/12/15 8:08
対応状況: −−−
半人前
登録日: 2011/11/7
居住地:
投稿: 11
2.11.4 サブ画像を大きく表示させたい
http://mobilean.net/products/detail.php?product_id=20
上記のサイトと同じ様にサブ画像を大きく表示させたいのですが
方法が分かりません。

http://www.materializing.net/archives/2008/09/15043418.php
こちらのサイトに記載されている通りにしてみましたが
2.4系のコード様で2.11.4では大きな画像は表示されませんでした。

どなたかご教授願えますか?
fukap
投稿日時: 2011/12/15 10:19
対応状況: −−−
仙人
登録日: 2009/7/7
居住地: 滋賀県
投稿: 907
Re: 2.11.4 サブ画像を大きく表示させたい
2.4 と 2.11 では、定数名や変数名、変数の値の持ち方などが異なります。
2.11 の detail.tpl のコードを参考にしながら、参考コードを書き換える必要があると思います。

パッと気付くところでは、|escape は使わないですね。
代わりに |h を使います。
fg4564
投稿日時: 2011/12/15 12:40
対応状況: −−−
半人前
登録日: 2011/11/7
居住地:
投稿: 11
Re: 2.11.4 サブ画像を大きく表示させたい
fukap様ご返信ありがとうございます。

参考サイトのサブタイトル無しでも大きい画像が表示できるというコードを
下記のように変更してみましたが、小さい画像が表示されている状態で、
大きい画像は表示されません。サブタイトルは無くても表示されています。
又、区切り線が5本表示されています。これは表示されない様にしたいです。
どの様に変更すれば良いのかお教え願えますか?


<!--▼サブコメントここから-->
<!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
<!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}-->
<!--{if $arrProduct[$key] != " " || $arrFile[$lkey].filepath != ""}-->

<div class="sub_area clearfix">
<h3><!--★サブタイトル★--><!--{$arrProduct[$key]|h}--></h3>
<!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}-->

<!--拡大写真がある場合ここから-->
<!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}-->
<!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->
<!--{if $arrFile[$key].filepath != ""}-->
<div class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></div>

<div class="subphotoimg">
<!--サブ画像-->
<!--{if $arrFile[$lkey] != ""}-->
<img src="<!--{$arrFile[$lkey].filepath}-->" alt="<!--{$arrProduct.name|h}-->" />
<!--{else}--><img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" />
<!--{/if}-->
<!-- subphotoimg end --></div>
<!--拡大写真がある場合ここまで-->

<!--{else}-->
<p><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></p>
<!--{/if}-->
</div>
<!--{/if}-->
<!--{/section}-->
<!--▲サブコメントここまで-->
aska824
投稿日時: 2011/12/16 8:40
対応状況: −−−
長老
登録日: 2010/2/20
居住地: 静岡県
投稿: 185
Re: 2.11.4 サブ画像を大きく表示させたい
横から失礼します。
このソースを見るかぎり、小さい画像があるかという判断が先にきてるので、拡大画像が表示されないんだと思います。

<!--▼サブコメントここから-->
<!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
<!--{if $arrFile[$lkey].filepath != ""}-->

<div class="sub_area clearfix">

<!--拡大写真がある場合ここから-->
<!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->

<div class="subphotoimg">
<!--サブ画像-->

<img src="<!--{$arrFile[$lkey].filepath}-->" alt="<!--{$arrProduct.name|h}-->" />
<!-- subphotoimg end --></div>
<!--拡大写真がある場合ここまで-->
</div>
<!--{/if}-->
<!--{/section}-->
<!--▲サブコメントここまで-->

で拡大画像だけ表示されると思いますが、どうですか?
すみません・・・。テストもしてないので、どうかはわかりません><

ちなみに、区切り線は恐らくCSSに記述されてるので、CSS内の「sub_area」か「subphotoimg」の部分にbackgroundファイルの指定かボーダーの指定があれば、それを消すことによって表示されなくなります。


----------------
-----------情報-----------
自分の分かる範囲でお答えします。

Shop Mate

fg4564
投稿日時: 2011/12/18 3:56
対応状況: −−−
半人前
登録日: 2011/11/7
居住地:
投稿: 11
Re: 2.11.4 サブ画像を大きく表示させたい
aska824様ご返信ありがとうございます。
こちらからの返信が遅れてすいません。

上記コードをコピペしてみましたがサブ画像、区切り線とも
全く表示されなくなりました。
どのように修正すればよいでしょうか?
aska824
投稿日時: 2011/12/18 12:00
対応状況: −−−
長老
登録日: 2010/2/20
居住地: 静岡県
投稿: 185
Re: 2.11.4 サブ画像を大きく表示させたい
すみません。多分余計なタグを取り過ぎたみたいです^^;

<!--▼サブコメント-->
<!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
<!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}-->
<!--{if $arrProduct[$key] != ""}-->
<!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}-->
<!--▼サブ画像-->
<!--{assign var=key value="sub_large_image`$smarty.section.cnt.index+1`"}-->
<!--{if $arrProduct[$key]|strlen >= 1}-->
<div class="alignC">
<img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$key]|h}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" />
</div>
<!--{/if}-->
<!--▲サブ画像-->
<!--{/if}-->
<!--{/section}-->
<!--▲サブコメント-->

テストした結果これで表示できました。


----------------
-----------情報-----------
自分の分かる範囲でお答えします。

Shop Mate

fg4564
投稿日時: 2011/12/18 21:33
対応状況: −−−
半人前
登録日: 2011/11/7
居住地:
投稿: 11
Re: 2.11.4 サブ画像を大きく表示させたい
aska824様ご返信ありがとうございます。

上記コードで
Firefoxでは問題なく大きな画像が表示されるようになりました!
ありがとうございます!表示のされ方も希望通りです。
しかしIE7では全く何も表示されません。
IE7でも表示させる事は可能でしょうか?
又、商品登録の際サブタイトルに何か適当な文字を入力しないと
画像が表示されないようです。未入力でも表示させることは出来ますか?
いろいろお付き合いさせて申し訳ありませんが
宜しければお教え願えますか?
aska824
投稿日時: 2011/12/19 18:22
対応状況: −−−
長老
登録日: 2010/2/20
居住地: 静岡県
投稿: 185
Re: 2.11.4 サブ画像を大きく表示させたい
IEは、すごく小さくですが表示されてますねw
多分、IEに関しては「width」、「height」がタグに入ってる場合はちゃんと指定しないと「1px×1px(多分)」で表示されるみたいです。
IE9も表示されなかったのでソース見てみたらしっかりタグは書いてあるみたいなので・・・。

なので、「width」、「height」を取った所表示されました。

あと、サブタイトルを入力しないと画像表示されなかったのはIF文で入力してない場合表示しないようになってたので、そのIF文とって見ました。

以下のソースでサブタイトルを入力しなくても表示されます。

<!--▼サブコメント-->
<!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
<!--▼サブ画像-->
<!--{assign var=key value="sub_large_image`$smarty.section.cnt.index+1`"}-->
<!--{if $arrProduct[$key]|strlen >= 1}-->
<div class="alignC">
<img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$key]|h}-->" alt="<!--{$arrProduct.name|h}-->">
</div>
<!--{/if}-->
<!--▲サブ画像-->
<!--{/section}-->
<!--▲サブコメント-->

ちなみに、「width」、「height」を取ったので、パラメータで設定した画像サイズじゃなくなります。


----------------
-----------情報-----------
自分の分かる範囲でお答えします。

Shop Mate

fg4564
投稿日時: 2011/12/19 20:08
対応状況: 解決済
半人前
登録日: 2011/11/7
居住地:
投稿: 11
Re: 2.11.4 サブ画像を大きく表示させたい
aska824様ご返信ありがとうございます。

IEでも大きな画像が表示されるようになりました。
この度は長々とお付き合い頂きありがとうございました。
感謝です!
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は88,841名です
総投稿数は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.