Xポストログ

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

2022年11月の投稿 絞り込みを解除

  • Shopify Paymentの決済テスト、いろんなカードやステータスで確認できるので便利ですよね。
    https://help.shopify.com/ja/manual/payments/shopify-payments/testing-shopify-payments#part-1d55596f833094b9
    #Shopify

    Xで見る
  • Shopifyで商品やユーザーについて特定のタグを持っているかどうかで処理を変えたい時、[object].tagsの中身をforループで回すこともあるのですが、サクッとcontainsで判断することが多いです。
    #shopify

    Xで見る
  • Shopify標準のマイページは名前とメールアドレス、それと複数の住所が入力できるだけなので、独自の項目を追加したり、その内容をユーザー側でも編集できるようにしたいという場合は、Helium Customer Fieldsというアプリをおすすめしています。
    https://apps.shopify.com/customr?locale=ja
    #Shopify

    Xで見る
  • Shopifyの商品一覧の絞り込み検索、昨年の今頃はまだアプリを使わなければできなかった事が標準の機能でもできるようになったので嬉しいですね。個人的にはタグとメタフィールドで絞り込めるようになったことがありがたいです。
    #Shopify

    Xで見る
  • Shopifyの購入完了通知メールで表示される決済方法を日本語名に変更したい時など、特に深く考えずif文で判別していたのですが、replaceフィルターを使えばone linerで簡潔に書けるようになります。
    #Shopify

    Xで見る
  • 購入完了画面に注文メモを表示させるのであれば、注文の確認メールにも表示させたくなります。注文メモの有無を{% if note != blank %}...{% endif %}で判別させつつ、表示させたい場所にtableレイアウトでHTMLを記述しておきます。
    https://x.com/sh_sakamoto/status/1588538078586875904
    #Shopify

    Xで見る
  • Shopify管理画面の「設定>チェックアウトとアカウント」から「追加スクリプト」欄にこんな感じでスクリプトを追加すると、購入完了画面に注文メモを表示させることができます。
    #Shopify

    Xで見る
  • 多言語展開しているストアで選択言語に応じて画像や表示内容を変更したい場合、requestオブジェクトを使って `{% if request.locale.iso_code == 'en' %}`のような判別式で処理を振り分けます。
    #Shopify

    Xで見る
  • 地味な開発話を一つ。PrestigeなどのShopifyテーマで英字がすべて大文字化されてしまうことがありますが、theme.cssにtext-transform: uppercase;が設定されているせいです。必要に応じてコメントアウトする必要があります。
    #Shopify

    Xで見る
  • Shopifyの商品登録の際に気をつけておきたいのがバリエーション上限数。
    色やサイズなどのカテゴリは最大3種まで、そこに含まれる選択肢は3種合計で100までとなります。3種100ずつではないため、例えばサイズが5、色が20で上限に達してしまうので注意が必要です。
    https://help.shopify.com/en/manual/products/variants/add-variants
    #Shopify

    Xで見る