Xポストログ

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

2024年1月の投稿 絞り込みを解除

  • 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タグでカスタムセクションを呼べるというわけですね。

  • Shopifyのポリシーページは基本的にテーマエディタやliquidコードではカスタマイズできないのですが、こちらのページのやり方が参考になります。新規にカスタムセクションを作成してtheme.liquid側でURLに応じて表示を出し分ければ良いとのこと。なるほどですね。https://tomblanchard.co.uk/taking-design-control-of-shopify-policies/
    #Shopify

    スレッド

    なぜか今回画像が荒かったので、アップしなおしますね。

  • （実家が上越なので色々とありますが予約済みの投稿でしたのでご容赦ください）前回投稿の「テーマ「Dawn」の商品ページでカラーバリアントをスウォッチ表示する設定例（https://x.com/sh_sakamoto/status/1741670588559839334）」に関連して、コレクションページにもカラースウォッチを表示できるようにするための設定方法です。

  • 新年あけましておめでとうございます。新春第一弾はShopifyのテーマ「Dawn」の商品詳細ページで、カラーのバリアントピッカーをスウォッチで表示する設定例です。以前ポストした「選択中のバリアント名を表示する方法」と合わせて使うと利便性が増します。
    https://x.com/sh_sakamoto/status/1656916028105064450
    #Shopify