Rise/Dawnテーマで非常に使う機会の多い特集コレクションですが、「デスクトップでカルーセルを有効にする」を有効にした際に表示される、カルーセルの左右送りボタンが少々小さいため、大きく表示させたいというリクエストをいただくことがあります。
そこで、デスクトップ画面でストレスなく商品を閲覧できるように、クリッカブルエリアを大きくしつつ、左右に動かせることがすぐにわかるように左右送りボタンを商品リスト上に配置する設定方法です。
◆実装のメリット
・クリック領域が広がることでユーザーの回遊性が向上
・ストレスフリーな商品閲覧体験を提供
・デスクトップ画面での商品表示がより快適に
・デザインを崩さずに操作性を改善
◆具体的な手順
・特集コレクションセクションに専用のカスタムCSSを追加
テーマ「Rise/Dawn」の特集コレクションをカルーセルスタイルで表示する際にデスクトップ画面での左右送りボタンをクリックしやすいように調整する設定例
【設定方法】特集コレクションセクションにカスタムCSSを設定
