質問 > フロント機能 > モバイル版で商品一覧(list.php)ページ内に商品毎に画像を表示させる件につきまして |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
spgo |
投稿日時: 2012/4/23 8:37
対応状況: −−−
|
一人前 登録日: 2011/6/30 居住地: 投稿: 73 |
モバイル版で商品一覧(list.php)ページ内に商品毎に画像を表示させる件につきまして お世話になっております。お忙しい中お時間を頂ければ幸いです。
eccube 2.11.x MySQL 5.0.77 PHP 5.2.9 モバイル版の商品一覧ページ(list.php)で現行のものでは商品毎に画像が表字されておりませんので、スマートフォン版のように画像を表示させたいと考えて以下を参考に致しました。 モバイルで商品一覧画像を表示したい http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=1838&forum=11&viewmode=flat&order=ASC&start=0 を参考に、 <img src="<!--{$smarty.const.SITE_URL}-->resize_image.php?image=<!--{$arrProduct.main_list_image}-->&width=48&height=48" alt="<!--{$arrProduct.name|escape}-->" /> をproducts/list.php内の <!--{foreach from=$arrProducts key=i item=arrProduct}--> の下に(商品名の左側に画像が表字されるように配置したく、この記述の下が妥当だと思われたため)そのまま貼り付けて試しましたが画像は表示されない模様です。 どなたか本件に関しましてお詳しい方がいらっしゃいましたらアドバイスを頂くことは可能でしょうか。 |
shutta |
投稿日時: 2012/4/24 15:23
対応状況: −−−
|
仙人 登録日: 2010/2/4 居住地: 関西 投稿: 835 |
Re: モバイル版で商品一覧(list.php)ページ内に商品毎に画像を表示させる件につきまして 参照のリンク先は、想定しているEC-CUBEのバージョンが少し古そうですね。
2.11以降は、SC_Mobile_Image.phpがリサイズしてくれるようになっているっぽいので、 <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->" alt="<!--{$arrProduct.name|h}-->" /> とかでどうでしょうか?
|
spgo |
投稿日時: 2012/4/24 18:47
対応状況: −−−
|
一人前 登録日: 2011/6/30 居住地: 投稿: 73 |
Re: モバイル版で商品一覧(list.php)ページ内に商品毎に画像を表示させる件につきまして shutta様
素晴らしいです。これほどの驚きは最近全く無かったと言ってよいほど画像が期待した通りに表示されました。(本当に驚いておりますという意味です!) お忙しいなかお時間を頂きまして、そしてこの様な結果をもたらして頂きまして感謝致します。本当にありがとうございます。 画像自体は登録した150*150のサブ画像が表示されている様なので、50*50位にリサイズされればと思い現在あれこれ試しております。 このリサイズのサイズ指定はSC_Mobile_Image.php内で指定するのでしょうか、あるいは頂きました構文の中に組み込むべきなのでしょうか。 |
shutta |
投稿日時: 2012/4/24 20:47
対応状況: −−−
|
仙人 登録日: 2010/2/4 居住地: 関西 投稿: 835 |
Re: モバイル版で商品一覧(list.php)ページ内に商品毎に画像を表示させる件につきまして 少し詳細に見てみると、SC_Mobile_Image.php だとリサイズに細やかに対応していないようですね。
2.11以降、モバイルだとresize_image.phpが正常に表示できなくなっているようなので、そちらを修正してみました。 resize_image.phpのモバイル対応 http://svn.ec-cube.net/open_trac/ticket/1771 チェンジセット 21776 http://svn.ec-cube.net/open_trac/changeset/21776 上記を適用後に、 <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->&width=50&height=50" alt="<!--{$arrProduct.name|h}-->" /> とかで、どうでしょうか?
|
spgo |
投稿日時: 2012/4/25 16:09
対応状況: −−−
|
一人前 登録日: 2011/6/30 居住地: 投稿: 73 |
Re: モバイル版で商品一覧(list.php)ページ内に商品毎に画像を表示させる件につきまして shutta様
出ました! 私が望んでいました形式そしてサイズで画像が表示されました。 ご多忙だったとは存じますが、これ程の難題を短時間で解決頂きまして本当にありがとうございます。 それにもまして本件に関しまして3つの修正phpファイルを作成頂きまして、ただただ感謝いたします。 ******** ただ今本件で頂きました構文をおすすめ商品(recommend.tpl)にも挿入し、画像を表字させました。 現行の状態ですと、画像が縦の行に表示され、かなり縦長になりますが、これを横4列位、縦3行位に収め(文字を無くす、あるいはフォントを小さくして)、50ピクセルx50ピクセルの画像が4x3の12個で、携帯のトップページを見たときに一度に目に飛び込むようにしたいと考えた場合、 頂きました構文に何らかの補足文を足すだけでよろしいのでしょうか。あるいはかなり難しい作業になるのでしょうか。 他のスレッドを立てようと考えましたが、ここで質問した方が分かり易いのかと考えました。 当初の目的は達成致しましたので、もしこの件に関しまして、既にご存知でしたらアドバイスを頂ければ大変有難くぞんじます。 いずれにしましても、画像表示の件につきまして本当にありがとうございます。 |
shutta |
投稿日時: 2012/4/25 17:00
対応状況: −−−
|
仙人 登録日: 2010/2/4 居住地: 関西 投稿: 835 |
Re: モバイル版で商品一覧(list.php)ページ内に商品毎に画像を表示させる件につきまして 引用:
ご丁寧な御礼頂きまして恐縮です。 EC-CUBEの機能として、俯瞰的な視線で捉えた場合に多くのユーザーに有益であろうと思い調整を試みてみました。 spgoさんの投稿が無ければ、気付かない部分でしたので、このようなご意見を頂けることは、ユーザーとして嬉しいです。 また、実装が正しく動作するかどうかも、多数の環境で検証しなければならないですので、その一端を担って頂きまして、こちらこそ感謝申し上げます。 引用:
こちらに関しては、デザインやHTMLの組み方の分野になるかと思います。 私も門外漢になりますし、元スレッドとは異なる内容になるかと思いますので、お手数ですが別途スレッドを立てて頂けますでしょうか。 また、本件自体は解決されたとのことですので、対応状況を「解決済」とさせて頂き、本スレッドは一旦クローズさせて頂きます。
|
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |