質問 > 管理機能 > モバイルで商品一覧画像を表示したい |
管理機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
yat |
投稿日時: 2009/2/4 23:38
対応状況: −−−
|
新米 登録日: 2009/2/4 居住地: 東京 投稿: 7 |
Re: モバイルで商品一覧画像を表示したい ><!--No image-->と出るということは、プログラムで画像があるかどうか検索は掛かっているのではないかと思いますので、この辺が怪しいかもしれませんね。
調べてみたところ、 SC_MobileImage.phpのclassに以前、手を加えた際に 不要な空白が入っていたのが原因で <!--No image-->が返されていたようです。 そちらを元に戻すことで、 resize_image.phpが動作し、正常に表示できました。 自己が招いた結果に深く反省しつつ 改めて知識の浅さを痛感しております tontonさん、ありがとうございました。 |
tonton |
投稿日時: 2009/2/4 23:48
対応状況: −−−
|
仙人 登録日: 2008/8/14 居住地: 投稿: 437 |
Re: モバイルで商品一覧画像を表示したい よかったですねぇ(^^)//
こういうときは、一つ一つつぶしておっかけっこになっちゃいますもんねぇ。 お疲れ様でした。 |
locco |
投稿日時: 2009/4/21 15:31
対応状況: −−−
|
常連 登録日: 2008/9/5 居住地: 投稿: 35 |
Re: モバイルで商品一覧画像を表示したい どうもお世話になっています。
以前こちらの方法で、とくに問題もなくオススメ画像とリスト画像を表示させていました。Ver.2.3.2です。 ところが、2.3.4では縦と横両方ともサイズを入れないと、正常に画像を表示しなくなってしまいました。 横を入れればぺっちゃんこに、縦を入れれば横長に表示されてしまいます。 画像は縦長も横長もありますので、出来ればどちらか一方を指定して表示させたいのですが、2.3.4ではこれが出来ません。 パソコンからモバイルにアクセスした場合はちゃんと表示されていたので気が付きませんでした。 他の2.3.4の皆さんはうまく表示出来てますでしょうか? 私のほうになにかミスがあるのか、解決策がなく困っています。 アドバイスお願いします。 |
seasoft |
投稿日時: 2009/4/22 17:33
対応状況: −−−
|
神 登録日: 2008/6/4 居住地: 投稿: 7369 |
Re: モバイルで商品一覧画像を表示したい その動作の違いは、EC-CUBE のバージョンによる違いではなく、ブラウザによる違いでは?
|
locco |
投稿日時: 2009/4/23 13:35
対応状況: −−−
|
常連 登録日: 2008/9/5 居住地: 投稿: 35 |
Re: モバイルで商品一覧画像を表示したい コメントありがとうございます。
違うバージョンで作ったものを、同じ携帯で見て2.3.2のほうは表示されているのに2.3.4では表示されないという現象です。 またAUやソフトバンク携帯の数種類でも試しましたが、同じです。 両方のサイズ指定を入れないと、画像が横長あるいは縦長になってしまいます。 PC では普通に表示されていたので今まで気が付きませんでした。 表記内容は↓これです ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ <div align="right"> <!--{if $i+1<9}--> <a href="<!--{$smarty.const.MOBILE_DETAIL_P_HTML}--><!--{$arrProduct.product_id}-->" accesskey="<!--{$i+1}-->"><img src="<!--{$smarty.const.IMAGE_SAVE_URL|sfTrimURL}-->/<!--{$arrProduct.main_list_image}-->" alt="<!--{$arrProduct.name|escape}-->"height="48" align="left" /> </a> <!--{else}--> <a href="<!--{$smarty.const.MOBILE_DETAIL_P_HTML}--><!--{$arrProduct.product_id}-->"><img src="<!--{$smarty.const.IMAGE_SAVE_URL|sfTrimURL}-->/<!--{$arrProduct.main_list_image}-->" alt="<!--{$arrProduct.name|escape}-->" height="48" align="left" /> </a> <!--{/if}--> </div> <p><!-- ▼商品 ここから --> <!--{if $i+1<9}--><!--{$i+1|numeric_emoji}--><!--{else}-->[<!--{$i+1}-->]<!--{/if}--> <!-- 商品名 --><!--{$arrProduct.name|escape}--></p> <p>価格(税込): <!--{if $arrProduct.price02_min == $arrProduct.price02_max}--> ¥<!--{$arrProduct.price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> <!--{else}--> ¥<!--{$arrProduct.price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->〜¥<!--{$arrProduct.price02_max|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> <!--{/if}--> </p> <!-- ▲商品 ここまで --> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 最終的に homanさんのおっしゃっている方法にしましたが、今度は携帯で見る画像は alt=""/> となって、画像が作られていないようです。 PCから見ると?マークになっています。 2.3.4でソースが変更になったのかと思いましたが、他のかたは問題ないということなのでしょうか。 |
tomy |
投稿日時: 2009/5/22 20:11
対応状況: −−−
|
新米 登録日: 2009/5/9 居住地: 東京 投稿: 10 |
参考になりますでしょうか? ↑上のloccoさんの問題は、既に1ヶ月が経過していますので、もう解決されたのでしょうか?
実は私もVersion2.3.4なので、同じ現象でした。 画像は表示されても携帯ブラウザの画面いっぱいに横に広がった縦横比を完全に無視した歪なものが表示されていました。 他の方は既に解決されているみたいなのに、どうしてちゃんと表示されないのか? 悩みの種みたいになって、mobileでサムネイル画像を表示させるのはもう諦めようかと考えておりましたが、何とか解決しました。 それをご報告しようと思います。 まず、『EC-CUBEの学校』でhoman先生が書かれた記事【EC-CUBE2系のモバイルサイトでサムネイル表示をする。】を参考に /html/require.phpというファイルで header("Location: ". SC_Utils_Ex::sfRmDupSlash($url . $path)); exit; これを下のように変更。 /* resize_image.phpのときだけ、リダイレクト解除 */ if(!preg_match("/resize_image.php/i", $path)) { header("Location: ". SC_Utils_Ex::sfRmDupSlash($url . $path)); exit; } 私はmobileトップページのオススメ商品に画像を一緒に表示したかったので、 data/Smarty/templates/default/mobile/frontparts/block/best5.tpl ここで <!--{foreach from=$arrProducts key=i item=arrProduct name=list}--> ↑と↓の間の表示させたい場所に <!--{/foreach}--> <!-- ▼画像表示 --> <!--{if $arrProduct.main_list_image != ""}--> <!--{assign var=image_path value="`$arrProduct.main_list_image`"}--> <!--{else}--> <!--{assign var=image_path value="`$smarty.const.NO_IMAGE_DIR`"}--> <!--{/if}--> <img src="<!--{$smarty.const.SITE_URL}-->resize_image.php?image=<!--{$image_path|sfRmDupSlash}-->&width=60&height=60" alt="<!--{$arrProduct.name|escape}-->" /> を貼り付けました。 で、これらをFTP転送して、DoCoMoの?i-mode HTML Simulator ??というPC上で携帯画面を確認できるソフトで見ると、 案の定、画像が画面いっぱいに横に広がっています。そして?alt?の中は空っぽ。 そのソースも 引用:
にはなっていませんでした。つまりimgタグを全く読み込んでいないみたいです。 そこで、ある方のブログを参考に以下のように変更しました。 data/class/SC_MobileImage.php 上記ファイルの92行目部分 if (isset($converted['outputImageName'])) { $buffer = str_replace($value, MOBILE_IMAGE_URL . '/' . $converted['outputImageName'], $buffer); } else { $buffer = str_replace($images[0][$key], '<!--No image-->', $buffer); } これを以下のようにしてmobile画像を勝手にリサイズしてしまう部分を切ってしまいます。 if (isset($converted['outputImageName'])) { // $buffer = str_replace($value, MOBILE_IMAGE_URL . '/' . $converted['outputImageName'], $buffer); } else { // $buffer = str_replace($images[0][$key], '<!--No image-->', $buffer); } $bufferの部分をコメントアウトしています。 で、これを上書きアップロードして再度i-mode HTML Simulator ?で見ると、ちゃんと正常な(?)画像が表示されました。 ソースも上のtontonさんが示されたようなものにちゃんとなっていますし、?alt?にも商品名が入りました。 私のau携帯でも恐る恐る試しに見てみると、なんと大成功でした。 ただし、弊害も出てきました。 mobileトップページにあるロゴですが、これはPC用と同じものを今までは携帯用にリサイズしてくれていたのですが、 上のように変更することで、ロゴ画像がいびつになってきました。 携帯用の小さな画像なんですが、なんか違う感じです。 ここは割り切ってテキストにしようかなと考えています。 私もEC-CUBEもphpもはまだまだ勉強中で、上のような改造が果たして大丈夫なものかどうかわからないですが、 もし参考にしていただければと思い、投稿させていただきました。 |
seasoft |
投稿日時: 2009/5/22 20:24
対応状況: −−−
|
神 登録日: 2008/6/4 居住地: 投稿: 7369 |
Re: 参考になりますでしょうか? もしかして、このスレと関係ありますかね?
http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=3905&forum=8 kishik 様提供の、修正プログラムを当てて、どうなるか気になるところです。
|
EC-First |
投稿日時: 2009/5/22 20:54
対応状況: −−−
|
新米 登録日: 2009/5/14 居住地: 東京都豊島区 投稿: 7 |
Re: 参考になりますでしょうか? 商品画像等はしょうがないと思いますが、それ以外の画像は携帯用に作成した方が良いと思います。
|
tomy |
投稿日時: 2009/5/22 21:10
対応状況: −−−
|
新米 登録日: 2009/5/9 居住地: 東京 投稿: 10 |
Re: 参考になりますでしょうか? seasoft様
引用:
私の場合、mobileサイトも重要と考えていますので、mobile関係、特にmobileの画像関係はこのフォーラムでも検索してチェックすることを心がけていましたが、このスレには気づきませんでした。 kishikiさんの修正プログラムはまだ試しておりません。 私のような修正方法が果たして正しいものかどうか、他の携帯端末で試していないのでわからないのですが、現状では思い通りに画像が表示されている以上、正直な気持ち、今は積極的にこの修正プログラムを取り入れようとは思えないんですね。 もう今まで何度も失敗していますので(-_-;) それに納期も迫っていますし…。 いずれまたテストも兼ねてec-cubeでサイト構築したいと考えていますので、その時にこれを使わせていただこうと思っています。 いつもコメントありがとうございます。 |
tomy |
投稿日時: 2009/5/22 21:18
対応状況: −−−
|
新米 登録日: 2009/5/9 居住地: 東京 投稿: 10 |
Re: 参考になりますでしょうか? 引用:
EC-First様 コメントありがとうございます。 でも、seasoftさんが教えてくださった以下のスレ http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=3905&forum=8 を一通り見た限りではmobile用にロゴを作っても、ec-cubeが勝手に変換してしまいそうです。 ロゴはトップページに1箇所表示されるだけですから、テキストでも十分と考えています。 |
« 1 2 3 (4) 5 » |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |