バージョン選択

フォーラム

 どうか教えて下さい！  バグ見つけましたよ！  こんな機能あったらなぁ  プラグインについて  その他

メニュー

 当サイトについて  初めてご利用になる方へ  EC-CUBE開発情報

オンライン状況

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

サイト内検索
質問 > フロント機能 > スマートフォンサイト商品詳細ページのサブ画像につきまして

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
bio
投稿日時: 2013/10/23 19:35
対応状況: −−−
一人前
登録日: 2013/3/13
居住地:
投稿: 81
スマートフォンサイト商品詳細ページのサブ画像につきまして
いつもお世話になっております。どなたかお分かりの方がいらっしゃいましたら教えて頂けませんでしょうか。どうぞ宜しくお願い致します。

スマートフォンサイトの商品詳細ページで表示されている一番上の画像、あるいはサブ画像をクリックするとほぼ画面いっぱいまでに画像が拡大されますが、その拡大された状態の画像を、商品詳細ページを開いた時に、（最初の状態から）表示させるには以下の記述（デフォルト）をどのように変更したらよろしいか、どなたかご教授頂けませんでしょうか。

<a rel="external" class="expansion" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" target="_blank">
<img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" />
</a>




[EC-CUBE] 2.12.5
[レンタルサーバ] ファーストEC-Cubeサーバ-
[OS] Linux
[PHP] PHP 5.2.17
[データベース] MySQL 5.0.67
[WEBサーバ] apache2.2.x
DELIGHT
投稿日時: 2013/10/28 19:06
対応状況: −−−
仙人
登録日: 2010/2/3
居住地: 熊本県・九州・長野県・関東甲信越
投稿: 572
Re: スマートフォンサイト商品詳細ページのサブ画像につきまして
ご希望の動作と一致するかどうか分かりませんが、
data/Smarty/templates/smartphone/products/detail.phpの<script>タグ内に下記のコードを書いたらいかがでしょう？

引用：

// ページの読み込みが終わったら、id="detailphotoblock"内の最初のimg要素をクリックする、というコードです。
$(function(){
$('#detailphotoblock img:first').click();
});


※実機ではテストしていません。


----------------
+ DAISY inc. -------------------- +
EC-CUBE構築・カスタマイズサービス
EC・WEB構築などお気軽にご相談ください。

デイジー株式会社
http://daisy.link/
bio
投稿日時: 2013/10/28 20:35
対応状況: −−−
一人前
登録日: 2013/3/13
居住地:
投稿: 81
Re: スマートフォンサイト商品詳細ページのサブ画像につきまして
Delight様

お世話になっております。わかりづらい質問、またご多忙の中にもかかわらずご回答頂きまして本当にありがとうございます。

商品詳細ページのサブ画像はデフォルトの状態ですと、かなり鮮明度が低く、それをクリックすると画面一杯まで広がり、しかも線明度が完全な状態になります。

そのクリックされて表示される鮮明度の完全な状態の画像を商品詳細ページに（クリックすることなく、あるいは既にクリックされた状態で×マークおよび白の外枠があるような状態としでなく、）表示する方法はあるのでしょうか。

例えば、縦何px、横何px、というような指定をすべきなのでしょうか。（とりあえず試しましたが、かなりぼやけております。）

頂きました解決策、心より感謝いたします。本当にありがとうございます。
DELIGHT
投稿日時: 2013/10/29 11:31
対応状況: −−−
仙人
登録日: 2010/2/3
居住地: 熊本県・九州・長野県・関東甲信越
投稿: 572
Re: スマートフォンサイト商品詳細ページのサブ画像につきまして
最初から表示されているサブ画像を、「詳細-サブ画像」ではなく「詳細-サブ拡大画像」にしたいということでしょうか？

テンプレートでimgタグのsrc属性に前者が設定されているので、
detail.tplを下記のように変更すれば実現できるかと思います。



                <li id="mainImage<!--{$smarty.section.cnt.index+1}-->">
                <!--{if $arrProduct[$lkey] != ""}-->
                    <a rel="external" class="expansion" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" target="_blank">
                    <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$key].width/$sub_image_factor}-->" height="<!--{$arrFile[$key].height/$sub_image_factor}-->" /></a>
                <!--{else}-->
                    <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$key].width/$sub_image_factor}-->" height="<!--{$arrFile[$key].height/$sub_image_factor}-->" />
                <!--{/if}-->
                </li>


この方法は「詳細-サブ画像」を使わないため、「詳細-サブ画像」と「詳細-サブ拡大画像」に異なる画像を設定しても拡大前と拡大後の画像は同じものが表示されてしまいます。

根本的な解決方法として、「詳細-サブ画像」の解像度を上げる方法もあります。
「管理画面>システム設定>パラメーター設定」から、
NORMAL_SUBIMAGE_WIDTH と NORMAL_SUBIMAGE_HEIGHT の値を大きくすることで、
サブ画像の解像度の限界を上げることができます。


----------------
+ DAISY inc. -------------------- +
EC-CUBE構築・カスタマイズサービス
EC・WEB構築などお気軽にご相談ください。

デイジー株式会社
http://daisy.link/
bio
投稿日時: 2013/10/29 17:13
対応状況: −−−
一人前
登録日: 2013/3/13
居住地:
投稿: 81
Re: スマートフォンサイト商品詳細ページのサブ画像につきまして
Delight様

見事に解決いたしました。すごいです。

ご多忙の中、真摯にご対応いただきまして本当に感謝致します。

Delight様の記述なしには解決できなかった事です。いくら感謝しても感謝しきれません。

また、線明度ではなく解像度ですね。どうもわかりづらくて申し訳ございません。

いづれにせよ本当にありがとうございます。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は89,277名です
総投稿数は110,071件です

投稿数ランキング

1
seasoft 		7367
2
468 		3217
3
AMUAMU 		2712
4
nanasess 		2314
5
umebius 		2085
6
yuh 		1819
7
h_tanaka 		1652
8
red 		1570
9
mcontact 		1301
10
tsuji 		958
11
fukap 		907
12
shutta 		835
13
tao_s 		799
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.