[戻る]
No.3570

商品画像

キャラアイコン ふじさん 投稿日:2019/06/10(Mon) 16:01

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

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

key
No.3571

Re: 商品画像

キャラアイコン おたすけマイショップさん 投稿日:2019/06/10(Mon) 16:42 home

デモサイト(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>追加]内に内容を追記して「保存」をクリック

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

key
No.3572

Re: 商品画像

キャラアイコン ふじさん 投稿日:2019/06/10(Mon) 17:10

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

key

返信
*おなまえ アイコン [sample]
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)
*画像認証 投稿キー

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

- YY-BOARD -