商品情報にスキップ
1 1
公開日:2023.11.06

Shopifyのテーマ「Dawn」のコレクション(商品一覧画面)でSNS等でピックアップしていることを知らせるマーカーを表示する設定例

Shopifyのテーマ「Dawn」のコレクション(商品一覧画面)でSNS等でピックアップしていることを知らせるマーカーを表示する設定例

用途

  • コレクション編集

実装方法

  • LIQUID
詳細を表示する

ShopifyではSNSなど様々なチャネルから誘導することが多いかと思いますが、どのチャネルでピックアップされたものか目印をつけておくことで訪問者の方に目的の商品を見つけてもらいやすくするのも手です。商品に専用タグを付与して、コレクション画面で商品にマーキングする設定例です。


テーマ「Dawn」のコレクション(商品一覧画面)でSNS等でピックアップしていることを知らせるマーカーを表示する設定例


【設定手順①】「main-collection-product-grid.liquid」のschemeにblock要素を新規追加(ja.schema.jsonは省略)


【設定手順②】「main-collection-product-grid.liquid」と「card-product.liquid」のコードを修正


【設定手順③】テーマエディタで必要なタグと表示設定を行う(ブロックを追加することで表示するアイコンを増やすことが可能)


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

「main-collection-product-grid.liquid」のschemeにblock要素を新規追加

関連ポスト