バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

管理機能

新規スレッドを追加する

スレッド表示 | 古いものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
UAssist
投稿日時: 2009/8/24 2:03
対応状況: −−−
新米
登録日: 2007/4/4
居住地: 埼玉県
投稿: 1
Re: 参考になりますでしょうか?
先日発売されましたEC-CUBE公式ガイドブック カスタマイズ編 にて、弊社より「カテゴリーをプルダウンメニュー化し商品一覧を取得する」というカスタマイズを提供させて頂いておりましたが、このカスタマイズにおまけとして、resize_image.phpを利用したサムネイル画像を表示するというものも付けておりましたが、読者の方からこちらのスレッドと同様の不具合にてお悩みの方より問い合わせが御座いまして、解決致しましたのでご報告致します。

tomyさまの
data/class/SC_MobileImage.php


if (isset($converted['outputImageName'])) {
$buffer = str_replace($value, MOBILE_IMAGE_URL . '/' . $converted['outputImageName'], $buffer);
} else {
$buffer = str_replace($images[0][$key], '<!--No image-->', $buffer);
}


部分のご報告を拝見し、すぐに解決できました。


foreach ($images[1] as $key => $value) {
    if(!preg_match("/resize_image.php/i", $value)) {// *UAssist 追加
        $converted = $imageConverter->execute(preg_replace('|^' . URL_DIR . '|', HTML_PATH, $value));
        if (isset($converted['outputImageName'])) {
            $buffer = str_replace($value, MOBILE_IMAGE_URL . '/' . $converted['outputImageName'], $buffer);
        } else {
            $buffer = str_replace($images[0][$key], '<!--No image-->', $buffer);
        }
    }// *UAssist 追加
}


と、「// *UAssist 追加」の行を足すことで、imgタグでも resize_image.php を利用しているものは、変換処理を行わなくなり、不具合を回避出来る様になりました。


----------------
┃┣┓株式会社ユアシスト
┗╋┫UAssist, Inc.
http://www.uassist.co.jp/
■EC-CUBE カスタマイズサイト
http://customize.uassist.co.jp/
■ユアシストITニュース
http://news.uassist.co.jp/
■Twitterで最新情報
http

seasoft
投稿日時: 2009/5/23 0:55
対応状況: −−−
登録日: 2008/6/4
居住地:
投稿: 7369
Re: 参考になりますでしょうか?
引用:

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

本当は私が試せれば良いのですが、なかなか時間をとれず・・・
今後テストする機会がありましたら、レポートしていただけると助かります。


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

EC-First
投稿日時: 2009/5/22 23:21
対応状況: −−−
新米
登録日: 2009/5/14
居住地: 東京都豊島区
投稿: 7
Re: 参考になりますでしょうか?
EC-CUBEが自動変換した画像がイヤで、場合によってはモバイルの画像変換を切ってしまいます。(対応端末が減ってしまいますが・・・)
その場合、商品画像をresizeImageで縮小しています。


----------------
-PR-
ゲオEショップのノウハウをEC-CUBEに!
EC-CUBEカスタマイズパッケージEC-First 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箇所表示されるだけですから、テキストでも十分と考えています。
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でサイト構築したいと考えていますので、その時にこれを使わせていただこうと思っています。

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


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

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

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もはまだまだ勉強中で、上のような改造が果たして大丈夫なものかどうかわからないですが、
もし参考にしていただければと思い、投稿させていただきました。
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でソースが変更になったのかと思いましたが、他のかたは問題ないということなのでしょうか。
seasoft
投稿日時: 2009/4/22 17:33
対応状況: −−−
登録日: 2008/6/4
居住地:
投稿: 7369
Re: モバイルで商品一覧画像を表示したい
その動作の違いは、EC-CUBE のバージョンによる違いではなく、ブラウザによる違いでは?


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

(1) 2 3 4 5 »
スレッド表示 | 古いものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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