<aside> 🛍️

このページでわかること — 商品一覧・コレクションページに表示されるお気に入りボタンのデザイン（アイコン・位置・カラー・アニメーション）の変更手順

</aside>

設定画面へのアクセス

テーマカスタマイザーを開き、左サイドバー上部の アプリ埋め込み（アイコン ①）をクリックし、お気に入り（RYX Wishlist）（②）を選択して設定パネルを開きます。

アイコン設定

• アイコンタイプ — ボタンのアイコン形状（ハート / スター など）を切り替えられます。
• ボタンサイズ — アイコンの大きさをピクセル単位で調整します。
• 背景（円）を表示 — ON にするとアイコンの背後に白い円背景が表示され、画像の色に関わらず視認性を保てます。

位置設定

• ボタン位置 — 商品画像の「右上」または「左上」を選択できます。
• 横オフセット / 縦オフセット — 画像の端からの距離（ピクセル単位）。数値を大きくするほど画像の内側に移動します。

カラー設定

• 選択時の色 — お気に入りに追加済みの状態の色。
• 未選択時の色 — 通常状態の色。

カラーコードは HEX 値で指定でき、ストアのブランドカラーに合わせて設定できます。

アニメーション

• アニメーションを有効にする — ON にすると、お気に入りの追加・解除時にボタンがポッとスケールするアニメーションが再生されます。

<aside> 💡

設定を変更したら、必ずテーマカスタマイザー右上の 保存 をクリックしてください。

</aside>