Xポストログ

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

  • Shopifyのsitemap.xmlには.atomファイルも記載されるので、Search Consoleの「クロール済み・インデックス未登録」にもリストアップされるのですが、不要なら外しておきたいところです。robots.txtを編集してDisallow: /*.atomを加えておくのが良さそうです。
    https://community.shopify.com/c/shopify-discussions/shoppify-creates-atom-pages-in-backened/m-p/1495863
    #Shopify

    Xで見る
  • Shopifyのコレクションページで、商品説明文を商品ごとに表示する設定例です。取り扱い商材によりますが、商品の写真や価格のほかに説明文も掲載することで、お客様が商品選びやすくなるようアシストできます。
    #Shopify

    Xで見る
  • Shopifyのテーマ「Dawn」のカート画面で、商品のSKUを表示させる設定例です。テーマエディタの設定画面で表示をON/OFFできるようにすることもできますが、表示することが確定しているのであれば、直接コードを書いてしまって良いかと思います。
    #Shopify

    Xで見る
  • Shopify Flowで「予定時刻トリガー」を使ったFlowの場合、アクションの中身をデバッグする際は現時点の1〜数分後を指定して即時実行することで結果確認するなどしています。(指定時刻に実行されるかどうかについては、リアルにその時刻の経過を待ちます)
    #Shopify
    https://help.shopify.com/ja/manual/shopify-flow/reference/triggers/scheduled-time

    Xで見る
  • Shopifyのカート画面で配送日指定など注文情報に追加できるようになるcart.attributesですが、ちゃんと値が設定されているかどうかを毎回注文完了して確認するのは手間です。カート画面でcart.attributesの中身を確認できるようにした、運営者向けのデバッグ用確認画面の設定例です。
    #Shopify


    スレッド

    こちら、一部Javascriptのコードが間違っておりましたので訂正になります。

    Xで見る
  • @btc_hagitori そちらも可能です。個々のコードはあくまでも単独使用を前提としていますので、組み合わせ時はエラーになります。必要に応じて編集頂いて構いません。設定例を記載してみましたがコメントの通り、ディスカウント設定によっては使えないケースがありますのでご注意ください。
    https://x.com/sh_sakamoto/status/1691647318368698711

    Xで見る
  • 前回の「あといくらで¥XX割引」に「あといくらで送料無料」を組み合わせたい時の設定例です。(前提となるディスカウント設定が異なる場合、このままでは使えないので必要に応じて編集が必要です。ご注意ください)
    https://colossal-vanadium-63c.notion.site/0a9a9edf24b9454583c8d86558559d74
    #Shopify
    https://x.com/sh_sakamoto/status/1691263447684853760
    https://x.com/sh_sakamoto/status/1637746747018719238

    Xで見る
  • @btc_hagitori 可能です。今回はその方法をアップしてみました。
    自動ディスカウントで設定していますが、クーポンで行う場合は、クーポンコードを表示する、などの対応方法で良いかと思います。
    https://x.com/sh_sakamoto/status/1691263447684853760

    Xで見る
  • 「あといくらで送料無料」を応用した、自動ディスカウントを使った「あといくらで¥XXX割引」の実装方法です。
    #Shopify
    https://x.com/sh_sakamoto/status/1637746747018719238


    スレッド

    サンプルコードはこちらになります。(対応テーマはDawnになります)
    https://colossal-vanadium-63c.notion.site/20a59f5688ea407f91e0af3c8f21f301?pvs=4

    Xで見る
  • Shopifyの一括編集画面は非常に便利ですよね。複数行の編集も手軽に行えるのですが、複数行をただ選択しただけだと編集やペーストができません。その状態から最初の1業目を入力状態(カーソルが当たった状態)にしてあげればOKです。
    #Shopify

    Xで見る
  • ShopifyのテーマDawnでは商品詳細ページに在庫ステータスを表示することができますが、それをコレクション(一覧ページ)にも出せるようにする方法です。
    #Shopify

    Xで見る
  • Shopifyテーマ標準のお問い合わせフォームは、管理画面のプロフィールに設定したメールアドレスにのみ送信されます。お問い合わせ内容ごとにメールの送信先を変更したい時は、運用もしやすいということもあり、フォームごとに送信先を指定できるアプリをお使い頂くことをオススメしています。
    #Shopify

    Xで見る
  • Shopifyの商品情報ページで、購入ボタン近辺にも決済アイコンを表示するための方法です。テーマのコードを編集して独自ブロックを追加できる形にしても良いのですが、「カスタマイズされたliquid」ブロックにコードを挿入する方法であれば手軽に追加可能です。
    #Shopify

    Xで見る
  • テーマエディタで各セクションごとに追加できるカスタムCSSですが、セクションそのものに適用したい場合はセレクター無しの{}で囲めば良いようです。ソースコードを確認するとそのセクションのIDが自動で付与されてました。
    #Shopify

    Xで見る
  • Shopifyの「商品を指定して直接チェックアウトに遷移できるリンク」にディスカウントコードも設定できるのですが、複数指定できないバグがあったようでして、公式サポートに問い合わせたら直して頂けました。ありがとうございます。
    #Shopify
    https://x.com/sh_sakamoto/status/1685124384904851456
    https://shopify.dev/docs/apps/checkout/cart-permalinks/cart-permalinks#step-4-apply-discounts-optional

    Xで見る
  • Shopifyのメタフィールド「リッチテキスト」ですが、そのまま表示しようとするとjsonデータが出力されてしまいます。HTMLタグ付きで表示されるようにするためには「metafield_tag」フィルタを使います。
    #Shopify
    https://shopify.dev/docs/api/liquid/filters/metafield-filters#metafield_tag

    Xで見る
  • Shopifyで日を跨いでチェックアウトされることで配送日希望に対応できない日付が指定されてしまう件ですが、注文完了画面にもアラートを表示する方法です。通知と違い随時確認できる画面なので、配送指定可能日に変更された場合はアラートが消えるようにしています。
    #Shopify
    https://x.com/sh_sakamoto/status/1687662296620040193

    Xで見る
  • Shopifyでテンプレートを跨いでセクションを複製したい時があります。本格的にテーマカスタマイズする時はメタオブジェクトで一元管理可能にするなどしていますが、シンプルに同じ内容を表示したいだけの時は、ファイルを破損しないよう配慮しつつjsonの中身をコピーするなどしています。
    #Shopify

    Xで見る
  • Shopifyではカート画面で配送希望日を取得する事が多いのですが、チェックアウト画面で離脱されて翌日以降に再開された場合、配送希望日が指定範囲外になってしまうことがあります。自動処理での対応が難しいこともあり事後対応になってしまいますが、通知内容で検知・対応する事例です。
    #Shopify

    Xで見る
  • Shopifyの商品一覧(コレクション)ページで、在庫が0になった商品を非表示にしたいときは、やはり素直に自動コレクションで条件設定するのが良いですね。手動コレクションを使ってコードカスタマイズで対応しようとするとどうしても無理が生じてしまいます。
    #Shopify

    Xで見る