バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > 管理機能 > モバイルで商品一覧画像を表示したい

管理機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
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 のバージョンによる違いではなく、ブラウザによる違いでは?


----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

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?の中は空っぽ。
そのソースも
引用:

tontonさんは書きました:

ちなみに、うちは、

<img src="http://www.domain.com/resize_image.php?image=12261003_49550e7cf420b.jpg&amp;width=60&amp;height=60" 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 様提供の、修正プログラムを当てて、どうなるか気になるところです。


----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

EC-First
投稿日時: 2009/5/22 20:54
対応状況: −−−
新米
登録日: 2009/5/14
居住地: 東京都豊島区
投稿: 7
Re: 参考になりますでしょうか?
商品画像等はしょうがないと思いますが、それ以外の画像は携帯用に作成した方が良いと思います。


----------------
-PR-
ゲオEショップのノウハウをEC-CUBEに!
EC-CUBEカスタマイズパッケージEC-First CUBE

tomy
投稿日時: 2009/5/22 21:10
対応状況: −−−
新米
登録日: 2009/5/9
居住地: 東京
投稿: 10
Re: 参考になりますでしょうか?
seasoft様
引用:

seasoftさんは書きました:
もしかして、このスレと関係ありますかね?
http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=3905&forum=8

kishik 様提供の、修正プログラムを当てて、どうなるか気になるところです。


私の場合、mobileサイトも重要と考えていますので、mobile関係、特にmobileの画像関係はこのフォーラムでも検索してチェックすることを心がけていましたが、このスレには気づきませんでした。
kishikiさんの修正プログラムはまだ試しておりません。
私のような修正方法が果たして正しいものかどうか、他の携帯端末で試していないのでわからないのですが、現状では思い通りに画像が表示されている以上、正直な気持ち、今は積極的にこの修正プログラムを取り入れようとは思えないんですね。
もう今まで何度も失敗していますので(-_-;)
それに納期も迫っていますし…。
いずれまたテストも兼ねてec-cubeでサイト構築したいと考えていますので、その時にこれを使わせていただこうと思っています。

いつもコメントありがとうございます。
tomy
投稿日時: 2009/5/22 21:18
対応状況: −−−
新米
登録日: 2009/5/9
居住地: 東京
投稿: 10
Re: 参考になりますでしょうか?
引用:

EC-Firstさんは書きました:
商品画像等はしょうがないと思いますが、それ以外の画像は携帯用に作成した方が良いと思います。


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 »
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は93,674名です
総投稿数は111,075件です

投稿数ランキング

1
seasoft
7369
2
468
3217
3
AMUAMU
2712
4
nanasess
2318
5
umebius
2085
6
yuh
1857
7
h_tanaka
1756
8
red
1574
9
mcontact
1466
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
804
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.