Xポストログ

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

Shopifyのテーマ「Dawn/Rise」のコレクションページでは売り切れ商品はバッジでマーキングされますが、より目立たせるために写真全体をカバーする形で表示する設定例です。
#Shopify

Shopifyの管理画面からプレビューをした際、常時フッターに管理バーやプレビューバーが表示されます。画面を表示するたびに表示を消すのが面倒なので、場合によっては設定画面に項目を設けて常時非表示にしておくなどしています。
#Shopify

Shopifyでアプリを使わずに「この１週間で n 個購入されています」を表示する設定例です。Shopify Flowを使って、商品購入日を基準に直近1週間の購入履歴をバリアントのメタフィールドに保存し、それを使って商品ページで1週間分の合計購入数を表示しています。
#Shopify

Shopify Flowで複雑な処理を走らせる時など、手厚くデバッグした上でリリースしますが、それでも本番環境では何がおきるかわかりません。そこでSend emailアクションを使って挙動に不備がないかどうか確認することがあります。（通知のon/offが簡単に設定できる条件も入れておくと便利です）
#Shopify

Shopifyの検索機能自体をOFFにしておきたいというリクエストを頂く事がありますが、後日復活させたい可能性を想定し、テーマエディタ側の「設定」項目でON/OFFできるようにしておくための設定例です。
#Shopify

Shopify Flowのアクションでタグを付与する際、決まった値だけでなくliquidコードを使って動的に設定することができます。ただ、一度設定した後に編集するのが大変なので、リリース後にメンテナンスしやすいようにデバッグを兼ねてLog outputアクションにコードを保存するなどしています。
#Shopify

Shopifyで合計注文回数「orders_placed( count: *)」を条件にセグメントを作成する際、キャンセルされた注文分は除外されません。そこでキャンセル分を除いた正しい合計注文回数を顧客タグとして付与するFlow設定例です。
#Shopify

Shopifyの特集コレクションセクションで、指定したタグを持つ商品だけを表示できるようにする設定例です。例えばコレクションページの商品リストとは別に、ピックアップ商品を掲載しておきたい場合などに使います。
#Shopify

Shopifyのブログ記事で会員のみ閲覧可能なコンテンツを設置する際、前回のLiquidコード編集ではなく、テーマエディタ側で対応する場合の設定例です（ただし、Googleのペナルティ回避用にnoindexを追加する処理についてはtheme.liquidを直接修正する必要があります）
https://x.com/sh_sakamoto/status/1839152918618059252
#Shopify