バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > サブ画像(表示)のサイズ変更について

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
manta
投稿日時: 2010/3/5 7:28
対応状況: −−−
新米
登録日: 2010/3/5
居住地:
投稿: 6
サブ画像(表示)のサイズ変更について
いろいろ検索してみましたが、確実な回答が見当たらなかったため、質問させていただきます。 既出でしたら、本当に申し訳ないです。

環境は以下のとおりです。

EC-CUBE 2.4.1
MySQL 5.2.8
Apache/2.2.11
PHP 5.2.8

質問内容ですが、デフォルトでは登録したサブ画像がサムネイルで正方形表示になってしまうことで、画像がつぶれてしまい商品のイメージが正しく伝わらないため、なんとか長方形表示(200x150)で表示させたいのですが、お力添えをお願いします。

私が試みたこととしましては、

まずは、
システム設定>パラメータ設定>NORMAL_SUBIMAGE_HEIGHT
の値を150に変更してみた後で、新たにサブ画像登録を行いました。が、反映されず・・・。

次に、いろいろな方のサイトを訪れて、どうやら
デザイン設定>ページ詳細設定>商品詳細ページ
のメイン編集の内容に手を加えればよいことがわかったのですが、どこをどう変更していいのかわかりません。

希望としましては、繰り返しになりますが、拡大画像の方に500x375の大きさのものを登録することで、商品詳細ページのサムネイルは、その上にあるメイン画像のサムネイルと同じ長方形表示にできたらと思います。(回りくどい文章で申し訳ないです。)

どうか教えてください。
よろしくお願いします。
seasoft
投稿日時: 2010/3/5 9:29
対応状況: −−−
登録日: 2008/6/4
居住地:
投稿: 7365
Re: サブ画像(表示)のサイズ変更について
たしか、EC-CUBEコミュニティ(eccube-comu) ですと、そのように改善したバージョンをコミットしていますので、参考になるかと思います。


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

Masashige
投稿日時: 2010/3/5 10:31
対応状況: −−−
長老
登録日: 2009/4/1
居住地:
投稿: 200
Re: サブ画像(表示)のサイズ変更について
<img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|escape}-->" width="<!--{$smarty.const.NORMAL_SUBIMAGE_WIDTH}-->" height="<!--{$smarty.const.NORMAL_SUBIMAGE_WIDTH}-->" />




<img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|escape}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" />


かな。多分。
manta
投稿日時: 2010/3/5 21:04
対応状況: −−−
新米
登録日: 2010/3/5
居住地:
投稿: 6
Re: サブ画像(表示)のサイズ変更について
seasoft様、お返事ありがとうございます。

まったく分からないので、お伺いしますが、サブ画像の表示サイズ変更、というのは初心者にとってはかなり難しいことなのでしょうか?

おそらく、商品詳細ページのメイン編集を行うよりも手軽だという意味でバージョン変更をおすすめいただいてるのだと思うのですが、私にとってはバージョン変更やバージョンアップの方が恐ろしく感じてしまいます。

コミット、の意味が良くわかりませんが、改善したバージョンとはご指定(リンク先)のナイトリービルド版のことでしょうか。私はまだバージョンアップをした経験がなく、次の2.4.4でバージョンアップができればと考えていました。

編集で対応することが初心者にはかなり困難だということでしたら、覚悟を決めてそちらを試みてみたいと思います。まずはMasashige様がお答えくださった編集の方に全力で挑戦してみたいと思います。生意気を言ってスイマセン。
manta
投稿日時: 2010/3/5 21:15
対応状況: −−−
新米
登録日: 2010/3/5
居住地:
投稿: 6
Re: サブ画像(表示)のサイズ変更について
Masashige様

丁寧にお答えいただきありがとうございます。返事が遅くなり申し訳ありません。

早速、デザイン編集>商品詳細ページ>メイン編集にて試してみました。

単純に

<!--サブ画像-->
<img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|escape}-->" width="<!--{$smarty.const.NORMAL_SUBIMAGE_WIDTH}-->" height="<!--{$smarty.const.NORMAL_SUBIMAGE_WIDTH}-->" />

をご指定いただいたものに変更(コピペで対応しました)して

<!--サブ画像-->
<img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|escape}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" />

としてみたのですが、プレビューボタンを押すと

Warning: reset() [function.reset]: Passed variable is not an array or object in /usr/home/.../data/class/helper/SC_Helper_PageLayout.php on line 63

Warning: Variable passed to each() is not an array or object in /usr/home/.../data/class/helper/SC_Helper_PageLayout.php on line 64

とサイトの冒頭に表示されてしまい、怖くて登録ボタンを押すに至りませんでした。これは登録してしまってもよかったのでしょうか?それとも記述にどこか間違いがあるのでしょうか?

お忙しい中、お力添えくださりとても感謝しています。
よろしくお願いいたします。
seasoft
投稿日時: 2010/3/6 12:54
対応状況: −−−
登録日: 2008/6/4
居住地:
投稿: 7365
Re: サブ画像(表示)のサイズ変更について
> まったく分からないので、お伺いしますが、サブ画像の表示サイズ変更、というのは初心者にとってはかなり難しいことなのでしょうか?

何の初心者かにもよると思います。

もしも、HTML については理解しているレベルでしたら、width 要素や height 要素を外すといった方法も場合によっては有効かと思います。


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

ramrun
投稿日時: 2010/3/6 20:28
対応状況: −−−
仙人
登録日: 2006/11/3
居住地:
投稿: 789
Re: サブ画像(表示)のサイズ変更について
これはメイン画像のときの過去スレですけど、正式版では結局放置されたようですね(汗)。

画像の縦横比が維持されません(Ver 2.0.1)
http://xoops.ec-cube.net/modules/newbb/viewtopic.php?viewmode=flat&topic_id=1562&forum=10
nanasess
投稿日時: 2010/3/8 10:37
対応状況: −−−
登録日: 2006/9/9
居住地:
投稿: 2303
Re: サブ画像(表示)のサイズ変更について
引用:

ramrunさんは書きました:
これはメイン画像のときの過去スレですけど、正式版では結局放置されたようですね(汗)。

画像の縦横比が維持されません(Ver 2.0.1)
http://xoops.ec-cube.net/modules/newbb/viewtopic.php?viewmode=flat&topic_id=1562&forum=10


メイン画像は下記あたりで修正されたんですけどね...
http://svn.ec-cube.net/open_trac/changeset/16971

サブ画像は, 結構酷い状態なので, チケットを差し戻しておきました.
http://svn.ec-cube.net/open_trac/ticket/219

ただ, フロント側のテンプレート修正は, メジャーバージョンアップで... というアップデートポリシーがあるので, 2.5.0 での修正になりそうです.

チケットのコメントにも書いておきましたが, 下記のようにすると, パラメータ設定の NORMAL_SUBIMAGE_WIDTH に比率を合わせることができ, レイアウトにも影響を及ぼしにくいのではと思います.

<!--サブ画像-->
<!--{* 画像の縦横倍率を算出 *}-->
<!--{assign var=normal_sub_image_factor value=`$arrFile[$key].width/$smarty.const.NORMAL_SUBIMAGE_WIDTH`}-->
<img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|escape}-->" width="<!--{$arrFile[$key].width/$normal_sub_image_factor}-->" height="<!--{$arrFile[$key].height/$normal_sub_image_factor}-->" />
manta
投稿日時: 2010/3/10 4:32
対応状況: −−−
新米
登録日: 2010/3/5
居住地:
投稿: 6
Re: サブ画像(表示)のサイズ変更について
スレッドをたてさせていただいたものです。

貴重なアドバイスをいただきありがとうございます!
私生活が忙しく、すぐにお返事ができませんが、ちゃんと目を通しております。

時間が取れるときに改善を試みてみます。

ちょっと話が脇道へそれてしまいますが、デザイン設定から商品詳細ページのメイン編集を行うと、編集後のプレビューだけ見て、デザインが崩れてしまっていたためそのままにしてしまっているファイル?が、削除ボタンを押してもデザイン設定のページに削除できずに残ってしまうのですが、これはこれでよいのでしょうか?見栄えだけの問題かもしれませんが、改善方法(削除する方法)がありましたら教えてください。
ramrun
投稿日時: 2010/3/11 13:41
対応状況: −−−
仙人
登録日: 2006/11/3
居住地:
投稿: 789
Re: サブ画像(表示)のサイズ変更について
引用:
ちょっと話が脇道へそれてしまいますが、デザイン設定から商品詳細ページのメイン編集を行うと、編集後のプレビューだけ見て、デザインが崩れてしまっていたためそのままにしてしまっているファイル?が、削除ボタンを押してもデザイン設定のページに削除できずに残ってしまうのですが、これはこれでよいのでしょうか?見栄えだけの問題かもしれませんが、改善方法(削除する方法)がありましたら教えてください。

たしかに最初の質問と違う内容ですので、今後は新しく質問しなおしたほうがよいと思います。

とりあえず、
引用:
商品詳細ページのメイン編集を行うと、編集後のプレビューだけ見て、デザインが崩れてしまっていた

というところはまでは状況としてわかるのですが、
引用:
削除ボタンを押してもデザイン設定のページに削除できずに残ってしまう

というのがよくわかりません(汗)。

商品詳細ページ(もとからあるページ)を消すことはできないと思うんですけど(削除ボタンがないはず)?
新規に登録した(作った)ページが消せなくなったという意味でしたら、これのことかな。

チケット #609 新規ページ作成時にdtb_pagelayoutのtpl_dir がセットされていない
http://svn.ec-cube.net/open_trac/ticket/609
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は88,287名です
総投稿数は109,688件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1567
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
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.