特定の要素を非表示にする

活用例

• 予約商品は、スティッキーカートを非表示

• 限定販売商品は、SNSシェアボタンを非表示

• 後払い商品は、Shopifyペイメント以外の決済アイコンを非表示

• 販売終了後の商品は、価格を非表示

• 商品ページのみ対応しています。

• 予約販売ルールの全てのアクションで設定可能です

• 非表示にしたい要素は、CSSセレクタで指定する必要があります。

• 複数の要素を非表示にしたい場合は、カンマで区切りで入力してください

• 商品ページ内のカートボタンが表示されたタイミング（カートボタンを予約販売ボタンへ切り替えるタイミング）で、非表示処理が動作します。

  • そのため、カートボタンがページの下部に存在する場合は、ページアクセスから非表示処理までにタイムラグが発生する場合があります。

(1) 商品ページにアクセスする

(2) ブラウザのDev Toolなどで要素のCSSセレクタを調べる

(1) 要素を非表示にしたい予約販売ルールを開く

(2) 要素を非表示にしたいアクションセクションを開く

(3) 「特定の要素を非表示にする」にチェックを付ける

(4) CSSセレクタの入力フォームにステップ1で調べた内容を記載

(5) 「保存」をクリック