Xポストログ

Shopifyのテーマ「Dawn/Rise」の商品情報画面で、商品写真やサムネイルを角丸にしたい場合ですが、すべてテーマエディタの「設定」項目からノーコード・ノーカスタマイズで設定可能です。
#Shopify

Shopifyのヘッダーに登録・表示されるメインメニューですが、一覧に展開することでサイトマップのように表示させることもできます。その設定例です。
#Shopify

前回の「Shopifyのテーマ「Dawn/Rise」のコレクションページで表示件数を切り替える」カスタマイズを行った際、そのままですと注文の「追加の詳細」にその情報が保持されます。特に保持する必要がなければ、main-cart.liquidに１行コードを追加しておきます。
https://x.com/sh_sakamoto/status/1848212616147267678
#Shopify

Shopifyのテーマ「Dawn/Rise」のコレクションページで、１ページあたりの表示件数をストアフロント側で変更できるようにする設定例です。変更した表示件数は、同じテンプレートを使用するコレクションで、購入完了するまで維持されます。
#Shopify

Shopify Flowはスプレッドシートと連携ができるので、注文データの一部を抽出してログ計測することで、例えば日次のディスカウント利用率を算出するなど、簡易集計に使ったりもしています。
#Shopify

Shopifyの日本向け新テーマ「Rise」についてですが、基本構造が「Dawn」に非常に似ているため、過去に紹介した施策事例がそのまま適用できるケースが多くあります。たとえば、コレクションの連続読み込みも同様に実装できました。
#Shopify

Shopifyのテーマ「Dawn/Rise」の商品ページで、商品情報セクション内に追加可能な「テキストブロック」ですが、テーマエディタ上ではスタイル操作の自由度は小さいのですが、テキストメタフィールド内でHTMLタグを使うことができるので実は自由にスタイル設定できます。
#Shopify

Shopifyのテーマ「Dawn/Rise」の特集コレクションや商品サムネイルのカルーセルは横スクロールが可能ですが、そのスクロール位置をセッション中に保存しておく設定例です。都度スクロールし直さなくてよくなるので、回遊性を高める効果が期待できます。
#Shopify

Shopifyの商品ページに関連キーワードリンクブロックを表示する設定例ですが、ファイルによるコード編集を必要とせずに、メタフィールドとテーマエディタのカスタムliquidだけで設定することも可能です。
https://x.com/sh_sakamoto/status/1846038292451688916
#Shopify

Shopifyの商品ページに関連キーワードブロックを表示する設定例です。前回はタグだけでしたが、今回はタグまたはストア内検索を選択できます。必要に応じてテーマエディタから設定可能です。
#Shopify

Shopifyのテーマ「Dawn/Rise」に実装した「閲覧履歴セクション」を使って、「最近見た商品」ページを実装することもできます。その設定例です。
https://x.com/sh_sakamoto/status/1844951128368349362
#Shopify

前回の「Shopifyのテーマ「Dawn/Rise」にカスタマイズした閲覧履歴セクションを実装する」カスタマイズを行った際、そのままですと注文の「追加の詳細」にその情報が保持されます。特に保持する必要がなければ、main-cart.liquidに１行コードを追加しておきます。
https://x.com/sh_sakamoto/status/1844951128368349362
#Shopify

採用されているテーマによって表示の仕方が異なりますが、例えばテーマ「Dawn」や「Rise」ですと、このように「デフォルトテーマのコンテンツを編集する」を開いていただき、表示するテキストを編集することが可能です（HTMLタグなどは使えません）
テキストだけでなく変更をかけたい場合も、コード編集から該当箇所のliquidを編集していただけると思います。

Shopifyのテーマ「Dawn/Rise」には標準で商品閲覧履歴が無いので、特集コレクションセクションをベースにjsのlocalStrageとliuidのcart.attributesを使って閲覧履歴セクションを実装する際の設定例です。liquidの制約で最大20件まで表示可能です。
#Shopify

Shopifyのブログに未読の最新記事がある際に、ヘッダーやドロワーメニューのブログリンクや記事一覧に自動で「New」バッジを表示する設定例です。記事が表示されるとバッジは消えますが、新しい記事が追加されると再び表示されるようになります。
#Shopify

Shopifyテーマのセクションについて、「特定のタグを持つ（または持たない）アカウントにのみ表示」という設定項目を追加することによって、条件に合致する顧客がストアにログインしている時だけ表示されるようにする場合の設定例です。
#Shopify

Shopifyのテーマ「Dawn/Rise」の商品ページでは、ブロック要素などに商品メタフィールドの内容を連携させることができますが、全ての商品にメタフィールドが無い場合があります。そんな時は非表示になるようにする設定例です。
#Shopify

Shopifyのテーマ「Dawn/Rise」のコレクションページで売り切れ商品にオーバーレイ表示させる方法ですが、前回のようにテーマエディタから編集するのではなく、直接Liquidコードを編集する方法であれば、特集コレクション側も同時に変更可能です。
https://x.com/sh_sakamoto/status/1842414413141217657
#Shopify

以前ポストしたShopifyのテーマ「Dawn」のマルチカラムセクションをカスタマイズしてバナー掲載枠として活用する事例ですが、これもメタオブジェクトを使って一元管理することができます。その設定例です。
https://x.com/sh_sakamoto/status/1814148160648069387
#Shopify

Shopifyのメタオブジェクトを使うことで複数のページに配置されたセクション情報を一元管理することができます。例えば特集商品セクションの参照先商品をメタオブジェクトにしておけば、メタオブジェクトの中身を切り替えるだけで全ページの内容を更新できるようになります。
#Shopify