[戻る]
No.3570

商品画像

ふじさん  投稿日:2019/06/10(Mon) 16:01
key

商品画像にカーソルを置くと
下記デモサイトのような
カーソルを置いた商品画像以外を
暗くしたいと考えてます。
デモサイト:https://demo01.easy-myshop.jp/

その場合、商品一覧・フレームから設定をすのるか
何か<style>を設定しているのか
教えてください。

Re: 商品画像

おたすけマイショップさん  2019/06/10(Mon) 16:42 No.3571
key

デモサイト(https://demo01.easy-myshop.jp/)にて適用している商品一覧ページのスタイルについては設定ではなく以下のスタイルの適用となります。

※こちらのスタイル適用については動作保証外となりますので予めご了承ください。

<style>
.item_masonry_square .item_pane:not(:hover) {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
transition: all 1150ms ease;
}

.item_masonry_square:hover .item_pane:not(:hover) {
-webkit-filter: grayscale(90%);
filter: grayscale(90%);
transition: all 1150ms ease;
}
</style>

スタイルは以下の方法で追加してください。

1. 店長ナビトップ > デザイン設定 > [レイアウト]タブ でページレイアウト管理を表示
2. スクリーンの設定ボタン(ギアアイコン)をクリック
3. [<head>追加]内に内容を追記して「保存」をクリック

[スタイル追加に関するご注意]
 標準で提供する機能及び設定ではございませんので今後のバージョンアップにて上記スタイルが正常に適用されない場合がございます。
 以上をご了承いただいた上でスタイルの追加を行ってください。


Re: 商品画像

ふじさん  2019/06/10(Mon) 17:10 No.3572
key

早々のご対応ありがとうございます。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』