Xポストログ

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

  • 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で見る
  • Shopifyの商品一覧画面で、商品のサムネイル表示をもう少し大きく表示したい時があります。そんな時はChromeのデベロッパーツールを開き、簡単なjavascriptを入力して拡大表示してたりします。
    #Shopify

    Xで見る
  • Shopifyのストア内検索でうまく商品がヒットしてくれない時は、Search & Discoveryの「検索」機能を使います。特定の検索ワードに対して意図した商品が表示されるように設定できるので便利ですね。
    #Shopify

    Xで見る
  • Shopifyで複数のクーポンが使えるようになりましたが、チェックアウト画面で一つひとつ入力してもらう必要があります。ストア内に掲載している複数のクーポンを掲載し、それらのコードを1タップでコピーできるようにすることで積極的な利用を促す設定例です。
    #Shopify

    Xで見る
  • Shopifyの公式回答にもあるように管理画面から編集した注文はアカウントの注文詳細に反映されません(追加はされるが削除されない)。お客様は変更内容が反映されないと心配されますので、注文タグを付けて注意メッセージを出すなどの対応をすると良いでしょう。
    https://community.shopify.com/c/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AAq-a/%E6%B3%A8%E6%96%87%E3%81%AE%E4%B8%80%E9%83%A8%E5%95%86%E5%93%81%E3%82%92%E3%82%AD%E3%83%A3%E3%83%B3%E3%82%BB%E3%83%AB%E3%81%97%E3%81%9F%E5%A0%B4%E5%90%88%E3%81%AB%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E7%94%BB%E9%9D%A2%E3%81%AE%E6%B3%A8%E6%96%87%E5%B1%A5%E6%AD%B4%E3%81%AB%E3%82%AD%E3%83%A3%E3%83%B3%E3%82%BB%E3%83%AB%E3%81%AE%E5%86%85%E5%AE%B9%E3%82%92%E5%8F%8D%E6%98%A0%E3%81%99%E3%82%8B/m-p/1996417/highlight/true
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」で、一度に購入する商品点数が多いストアでカート離脱をできるだけ防ぎたい際に、スマートフォンでの閲覧時にカート画面で合計金額と「ご購入手続きへ」ボタンをフッター固定にする設定例です。
    #Shopify

    Xで見る
  • Shopifyの注文管理一覧画面で、発送完了日も確認したいというリクエストをいただくことがあります。注文のフルフィルメント完了と同時に「発送完了_[注文日付]」というタグを付与するFlowを走らせるのが簡単ですね。
    #Shopify

    Xで見る
  • Shopifyで商品管理画面から商品画像を取得したい時があります。一つひとつ開いてダウンロードしても良いのですが、数が多いと手間なのでまとめて元画像のURLをクリップボードにコピーする方法です。
    #Shopify

    Xで見る
  • Shopifyでは様々なアプリが実装可能ですが、ストアの体裁に合わせてアプリのスタイルに手を加える事もあります。そんな時は文字数制限のあるカスタムCSSではなく、カスタマイズされたLiquidコードセクションにCSSを書くと便利だったりします。(もちろん直接コード編集してもOKなのですが)
    #Shopiofy

    Xで見る
  • 前回のShopifyで顧客が使用したクーポンを顧客タグとして記録する方法を拡張し、さらにクーポンの使用回数まで記録しておきたい場合の設定例です。
    https://x.com/sh_sakamoto/status/1774285493485633907
    #Shopify

    Xで見る