バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

機能要望 > その他 > 商品詳細ページに表示される画像のロールオーバーについて

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
homare
投稿日時: 2016/1/28 13:34
対応状況: −−−
半人前
登録日: 2016/1/14
居住地:
投稿: 11
商品詳細ページに表示される画像のロールオーバーについて
初心者です。

[EC-CUBE] 3.0.6
[レンタルサーバ] さくらレンタルサーバ スタンダード
[OS] FreeBSD 9.1-RELEASE-p24 amd64
[PHP] PHP 5.4
[データベース] MySQL 5.5
[WEBサーバ] Apache/2.2.29
[ブラウザ] IE11/Chome
[導入プラグイン]
CategoryContent/Coupon/HolidayCalendar/MailMagazine/PayPalExpress/商品規格一覧表示/メンテナンス管理/売上集計プラグイン/最近チェックした商品/配送伝票番号プラグイン
[カスタマイズの有無]なし

商品詳細ページに表示されるメイン以外の画像は半透明になっていて、マウスーバーした時に、半透明でないデフォルトの画像になります。

これを逆にすることは可能でしょうか。
どこを変更したらよいのでしょうか。
細かい話ですが、ぱっと見たときに、商品の鮮明度が良くないので、逆に出来ればと思っています。

よろしくお願いいたします。
karin
投稿日時: 2016/1/29 16:05
対応状況: −−−
仙人
登録日: 2008/9/15
居住地: 東京都
投稿: 689
Re: 商品詳細ページに表示される画像のロールオーバーについて
homare 様

/html/template/default/css/default.css を編集するだけで実現可能かと思います。

■半透明(選択されていない画像)のCSS

.slick-dots li button.thumbnail img {
    height: auto;
    opacity: 0.8;
    width: 100%;
}

opacity: 0.8; → 削除

■半透明ではない(選択されている画像)のCSS
[code]
.slick-dots li button.thumbnail:hover img, .slick-dots li.slick-active button.thumbnail img {
opacity: 1;
}
[code]
opacity: 1; → opacity: 0.8; へ変更


----------------

homare
投稿日時: 2016/2/9 17:26
対応状況: −−−
半人前
登録日: 2016/1/14
居住地:
投稿: 11
Re: 商品詳細ページに表示される画像のロールオーバーについて
karin様

ご返答いただきありがとうございます。
大変助かりました。

お礼が遅くなってしまい申し訳ありません。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1638
8
red
1570
9
mcontact
1285
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.