Xポストログ

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

  • Shopifyのテーマ「Dawn」のコレクションページで、商品タイトルや金額などを商品写真に重ね合わせる設定例です。(背景の地色に曇りガラス効果を加えていますが、任意に変更可能です)
    #Shopify

    Xで見る
  • Shopifyでアプリを使わずに一定金額でノベルティグッズプレゼントを行いたい場合の設定例です。カートの合計金額を元に「あといくら」「基準達成」を判別してメッセージを切り替えつつ、Shopify Flowを使って注文後に自動で商品追加を行います。
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」でドロワータイプのカートを選択すると、カートページを表示せずに直接チェックアウト画面に遷移するようになります。とはいえ購入前にカートページで確認したいケースもよくあるので、ドロワーからカートページに遷移できるようにリンク先を変更する設定例です。
    #Shopify

    Xで見る
  • Shopifyの商品詳細ページのフッター付近に、その商品が含まれるすべてのコレクションに関するパンくずリストを設置する設定例です。回遊性向上というよりも、コレクションページに対する内部SEO対策用のリンクテキストとして有用です。
    #Shopify

    Xで見る
  • Shopifyで、一定期間注文が発生しないことを通知するためのFlow設定例です。何かしらストアに異常が発生し顧客が注文できなくなってしまっている時など、早い段階で検知することができます。
    #Shopify

    Xで見る
  • Shopifyの注文一覧で、配送指定日が設定された注文に気づきやすいように注文情報にタグを付与するFlowを走らせておくのも良いですね。

    Xで見る
  • Shopifyでショッピングバッグなど、その商品のみ購入されてしまうと困る場合があります。商品に専用のタグを付与しておくことで、その商品だけしかカートに入っていない時は購入手続き画面に進めないようにする設定例です。(動的チェックアウトは不可にしておく必要があります)
    #Shopify

    Xで見る
  • ShopifyのLOOK BOOK用にコレクションを作成する時など、価格を非表示にしたい時があります。そんな時は通常使用するものとは別のコレクションテンプレートを作成し、カスタムCSSで価格部分を非表示にするなどすればコストをかけずに設定できます。
    #Shopify

    Xで見る
  • マニアックな話ですがShopifyの既存「ファイル」のURLを参照して商品登録すると、別のファイルとして登録されてしまうので少し注意が必要です。Shopify Editions24で発表されていましたが、商品ページからもコンテンツの既存ファイルが選択できるようになるので、実装が待ち遠しいですね。
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」のコレクションページフィルタ「価格」は数値による指定が少々面倒ということで、以前にメタフィールドを使った価格帯選択方式を紹介致しましたが、こちらはメタフィールドの設定なしで価格レンジボタンを設置する方法です。
    https://x.com/sh_sakamoto/status/1636185438816993281
    #Shopify

    Xで見る
  • Shopifyの注文情報は管理画面から「追加の詳細」に掲載されている内容を編集することはできるのですが、項目自体を新たに追加することができません。そこで、項目を追加したいときはMatfixifyを使います。
    #Shopify

    Xで見る
  • Shopifyで複数のクーポン(ディスカウント)が使えるようになって久しいですが、その利用度合いを確認したいケースがあります。Flowを使って注文ごとに使用されたクーポン数をタグづけしておけば情報が抽出しやすくなりますね。
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」にパンくずリストを設置する際、何もしなければ商品情報はホームの直下に指定せざるを得ないのですが、メタフィールドを使って親コレクションを指定することで親子構造を設定することもできます。
    https://x.com/sh_sakamoto/status/1780083700165931306
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」にはパンくずリストがありませんので、独自に設置する必要があります。その設定例です。
    #Shopify

    Xで見る
  • Shopifyでお客様の事情等で注文をキャンセルして再注文していただく際に、一度使ってしまったクーポンが使えないというケースがたまにあります。その際は、通常通り注文してもらった後、手動で注文のディスカウントを編集して再適用するなどしています。
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」のコレクションページで、ページを切り替えることなく2ページ目以降を動的に読み込めるようにするための設定例です。スマホで一瞬チラついてしまうのですが、商品詳細から戻ってきた時や画面をリロードした際も、直前の読み込み状態を保持します。
    #Shopify

    Xで見る
  • Shopify Bundlesは本来はその名の通り複数の商品をバンドルし(まとめて)て商品が販売できるようになるアプリですが、異なる数量で商品を販売する際の簡単な在庫共有アプリとしても利用することができます。
    #Shopify

    Xで見る
  • Shopifyで特定の商品が含まれていたら送料を無料にしたいケースがあります。商品の「重量」情報を使っていないストアに限りますが、重量を条件に無料配送を設定し、対象商品にのみ重さを設定することで、その商品が含まれていた場合に送料を無料にすることができます。その設定例です。
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」には動的に商品をサジェストしてくれる「関連商品」セクションがありますが、「付属商品」という似た機能を持つブロックがあります。こちらは表示する商品を意図的に指定できるので、コーディネート商品などを掲載するのがいいですね。
    #Shopify

    Xで見る
  • Shopifyの商品詳細の価格表示にデフォルトで表示されている通貨コード「JPY」ですが、設定画面を操作することで非表示にすることができます。
    #Shopify

    Xで見る