バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > モバイルサイトの商品一覧画面で画像を大きくしたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
NSX-R
投稿日時: 2012/12/26 2:02
対応状況: −−−
長老
登録日: 2012/12/14
居住地:
投稿: 234
モバイルサイトの商品一覧画面で画像を大きくしたい
いつもお世話になっております

モバイル版の商品一覧画面に画像が出るようにしました
その画像を大きくしたいのですが

<!--▼携帯にサムネイルを表示する ここから-->
<center>
<a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->">
<img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_list_image|sfNoImageMainList|h}--> width=100%″ alt="<!--{$arrProduct.name|h}-->" ></a>
</center>
<!--▲携帯にサムネイルを表示する ここまで-->

width=100%を書いても画像が大きくなりません

どうしたら大きく出来ますでしょうか?

アドバイスをお願います。
DELIGHT
投稿日時: 2012/12/26 10:03
対応状況: −−−
仙人
登録日: 2010/2/3
居住地: 熊本県・九州・長野県・関東甲信越
投稿: 572
Re: モバイルサイトの商品一覧画面で画像を大きくしたい
そのソースがコピペミスでないなら、
src属性の中にwidth=100%が含まれていませんか?
style属性にCSSとして記述してはいかがでしょう。
style="width:100%"


----------------
+ DAISY inc. -------------------- +
EC-CUBE構築・カスタマイズサービス
EC・WEB構築などお気軽にご相談ください。

デイジー株式会社
http://daisy.link/

NSX-R
投稿日時: 2012/12/26 18:31
対応状況: −−−
長老
登録日: 2012/12/14
居住地:
投稿: 234
Re: モバイルサイトの商品一覧画面で画像を大きくしたい
DELIGHT様

アドバイスどうもありがとうございます

style属性に追加とはこんな感じで当たっていますでしょうか?
それでも表示は変わりませんでした。

<!--▼携帯にサムネイルを表示する ここから-->
<center>
<a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->">
<div id="foo" style="width: 100%">
<img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_list_image|sfNoImageMainList|h}--> ″ alt="<!--{$arrProduct.name|h}-->" ></a>
</div>
</center>
<!--▲携帯にサムネイルを表示する ここまで-->


もしかしてガラケーは画像の大きさは変わらないのでしょうか?
DELIGHT
投稿日時: 2012/12/26 18:51
対応状況: −−−
仙人
登録日: 2010/2/3
居住地: 熊本県・九州・長野県・関東甲信越
投稿: 572
Re: モバイルサイトの商品一覧画面で画像を大きくしたい
引用:
<div id="foo" style="width: 100%">
<img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_list_image|sfNoImageMainList|h}--> ″ alt="<!--{$arrProduct.name|h}-->" ></a>
</div>

style属性はその要素にスタイルを適用するものですので、
上記のコードだとdiv要素の幅が100%になってしまいます。



style属性はスタイルを適用したい要素に追加してください。
<img src="〜" style="width: 100%;" />



またセミコロンを末尾に付けることを忘れないでください。
セミコロンで区切ることで複数のスタイルを適用できます。
「幅200px、高さを150px、5pxの黒い実線で囲む」スタイルを適用する例
<img src="〜" style="width: 200px; height: 150px; border:5px solid black;" />


----------------
+ DAISY inc. -------------------- +
EC-CUBE構築・カスタマイズサービス
EC・WEB構築などお気軽にご相談ください。

デイジー株式会社
http://daisy.link/

NSX-R
投稿日時: 2012/12/26 21:49
対応状況: −−−
長老
登録日: 2012/12/14
居住地:
投稿: 234
Re: モバイルサイトの商品一覧画面で画像を大きくしたい
DELIGHT様

いつもアドバイスをありがとうございます

おかげ様で無事表示させることができました。

CSSも勉強したいと思います。

今後ともどうぞよろしくお願いいたします。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

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
1295
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.