【Shopify TIPS】
Rise/Dawn テーマで女性向け・男性向け切り替えボタンを設置してコンテンツの表示を切り替える設定例です。

切り替えた後、ストア内のページを回遊して戻ってきても選択状態が維持されます。

また、SEOに配慮して、CSS/jsを使って表示・非表示を切り替えるのではなく、liquidコード上で選択状態を判別してソースコードごと非表示にします。(デフォルトでは女性向けを表示)

◆実装のメリット
・ユーザーの属性に合わせた商品提案が可能
・不要なコンテンツを完全に非表示にすることでページ表示速度も改善
・検索エンジンへの重複コンテンツ配信を防止

◆具体的な手順
①出し分けを行いたいコンテンツ(セクション)に対して、出し分け設定が行えるように項目と出し分け処理を追加
②出し分けを行い、その状態を保持する切り替えボタンを設置
③テーマエディタ上で出し分けコンテンツを作成

#Shopify #ShopifyTIPS

Xで見る