商品画像
商品画像にカーソルを置くと
下記デモサイトのような
カーソルを置いた商品画像以外を
暗くしたいと考えてます。
デモサイト:https://demo01.easy-myshop.jp/
その場合、商品一覧・フレームから設定をすのるか
何か<style>を設定しているのか
教えてください。
デモサイト(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: 商品画像
早々のご対応ありがとうございます。