Xポストログ

Xで投稿したShopify関連の内容をそのまま記録しています。

  • ShopifyのテーマDawnの商品ページにブログ記事リンクを設置してストア内の回遊性を高めることがありますが、できる限り商品と関連性の高い記事を表示させたいところです。そこで商品と共通のタグを持つ記事を自動的に優先表示させる設定例です。商品ごとに記事を指定する手間が省けます。
    #Shopify

  • Shopifyのテーマ「Dawn」のコレクションリスト（コレクションの一覧）ページは、テーマエディタ側で並び順を指定できますがユーザー側では変更できません。そこで並び替えを可能にする設定例です。登録されたコレクションの数が膨大なストアで有用です。
    #Shopify

  • ShopifyのテーマDawnの「特集コレクション」のセクションにコレクション画像を表示できるようにするための設定例です。トップページに複数のコレクションリストを並べる際など、コレクションの特徴を表す画像も一緒に置いておくことでのよりカテゴリイメージが伝えやすくなります。
    #Shopify

  • マニアックな話を一つ。Shopifyでグローバルに参照できて何かと便利なリンクリスト(type:lik_list、オブジェクト名:linklist)なんですが、制約でセクション内に設定項目として2つ以上設置することができません。仕方ないのでテキストフィールドでhandleを直接指定してもらうなどしています。
    #Shopify

  • Shopify FlowのAdd Tagアクションで指定するタグは、直接的なタグ名だけでなく、Liquidコードを使って動的に生成した内容を設定することができます。１ラインの入力フォームなのですがスクリプト構文をそのまま入力できます。（とはいえ編集は別の場所でやった方が良いですね）
    #Shopify

  • Shopifyのブログ記事やページのタイトルを
    改行したい場合も前回のポスト同様にメタフィールドを使って実装できます。ちなみにバランスを考慮してデスクトップとモバイルで改行位置を切り替えたいときは、class付き<br>タグにstyleを指定することで対応可能です。
    https://x.com/sh_sakamoto/status/1746744012512412074
    #Shopify

  • 顧客タグからのクーポン発行→適用のステップがなくなり自動で割引状態とのことで、クーポン適用漏れの問い合わせも削減できますし、助かりますね。

  • Shopifyのコレクションのタイトルを改行したい場合があります。ただ、商品と同様、コレクションタイトルは様々な画面やデータで参照されているので、<br>タグによるタイトル自体の改行は避けたい所です。そこで表示用のメタフィールドを使う方法をお勧めしています。
    #Shopify

  • （すいません、先程のポストに画像ミスがありましたので再掲します）2024年2月からのGmailガイドライン変更に向けてShopifyでも「SPF/DKIM/DMARC」の設定が必要になりました。様々なチェッカーツールがありますが、Gmailを使って通知メールを受信して設定内容を確認することもできます。
    #Shopify

  • Shopifyのコレクションページにセクションを追加すれば他のコレクションへの導線を簡単に設置できますが、固定リストなのでコレクションごとに設定するのは少々面倒です。そこで、コレクションに掲載された商品が含まれる他のコレクションを自動で引っ張ってきてリスト表示する設定方法です。
    #Shopify

  • Shopifyのディスカウントコードは共有URLを使うことでコードを入力せずに適用させることができるのですが、このURLを使って遷移してきた際にそのクーポンコードが適用されたかどうかがすぐにはわかりません。そこでクーポンが適用されていることをヘッダー上で通知するための設定例です。
    #Shopify

  • Shopifyでストア上で、自社ドメインメールでの登録を条件に会員登録と同時に自動で社割クーポンが適用された状態にするための設定例です。２回目以降もログインするだけで適用されます。購入後にクーポンが外れてしまっても、再適用ボタンがヘッダーに表示されます。
    #Shopify

  • Shopifyで商品やブログに設定されたタグを判別する際に、指定したタグが含まれるか（完全一致）、または指定した文字を持つタグが含まれるか（部分一致）で判別方法が変わりますが、そのLiquidコード例です。
    #Shopify

  • Shopifyのブログ管理画面のURLを打ち替えると、ブログ記事本文を含めて登録された記事の内容をjson形式で確認することができます。Matrixifyを使ってブログ記事をエクスポートするほどでもない時など便利です。
    #Shopify

  • Shopifyのテーマ「Dawn」のフッターにお問い合わせフォームを設置する設定例です。お問い合わせフォームのセクションは基本的にはページ内での使用が前提ですが、コードを流用することでフッターのブロック要素として設置することもできます。
    #Shopify

  • Shopifyでリスクレベルの高い注文を確定前にキャンセルする方法の一例です。Shopify Flowやアプリを使って即時キャンセルもできるのですが、その場合キャンセル通知が送られません。そこで管理者宛に通知して手動対応を促しつつ、メールの文面は適切な内容に差し替えておくという方法です。
    #Shopify

    スレッド

    すいません。勘違いしておりましたが、ShopifyFlowによるキャンセルアクションでも、キャンセル通知を送ることは可能でした。
    ですので、リスクレベルの高い注文を強制的にキャンセルし、その際に適切な内容に差し替えたメールを送るところまで１つのFlowで設定できます。

  • Shopifyの「設定＞通知」から作成できるWebhookですが、デバッグの際はBeeceptorが便利ですね。チームメンバーの @chrtsd19 さんに教えていただきました。

  • Shopifyでメタフィールドを使ってコレクションページに階層構造を持ったパンくずリストを表示する設定例です。以前ポストしたものは「親から子コレクション群を指定」していましたが、こちらは子から親を指定する方式なのでシンプルな構造となっています。
    https://x.com/sh_sakamoto/status/1651925095533907970
    #Shopify

    スレッド

    すいません。また画像が粗いですね。アップしなおします。

  • Shopifyでコレクションや商品ページの掲載内容に応じてレイアウトを切り分けたいケースがありますが、複雑なことはせずにテーマエディタからテンプレートを切り分ける方法が、ノーコードで設定もできますしシンプルに便利ですね。
    #Shopify

  • @machitake__ そうなんですよ。私も目から鱗でした。jsonファイルからでなくてもsectionタグでカスタムセクションを呼べるというわけですね。