Xポストログ

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

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

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

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

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

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

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

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

  • Instagramの投稿内容をストアに連携するケースは多いと思いますが、こちらのアプリで実装することが多いです。複数アカウントを管理できたり、ストアのデザインに合わせてカスタマイズできたりなど、価格の割に高機能なので、高評価なのも頷けます。
    https://apps.shopify.com/instafeed-socialwidget?locale=ja
    #Shopify

  • 配送予定日や販売期間、賞味期限など、商品説明欄にそのまま記載しても良いのですが、メタフィールドでの実装をお勧めしています。任意の場所に表示しやすくなりますし、また入力していただいた値をデータとして扱うことで計算もしやすくなるのでとても便利です。
    #Shopify

  • GitHub連携を導入してから、メインテーマの修正変更履歴が残るメリットが非常に大きいと感じています。
    先日もとあるマーチャント様にていつの間にか設定が変わってしまっていた箇所があったのですが、原因をすぐに特定することができその後の再発防止も容易でした。
    https://x.com/sh_sakamoto/status/1572935967203557376
    #Shopify

  • 会員限定などシークレットセールの相談を受けることがありますが、そんな時におすすめなアプリがLocksmithです。指定タグをもつユーザーやパスコード、特定URLでのみアクセス可能など様々な方法で商品やコレクションページへのアクセスを制御出来るようになります。
    https://apps.shopify.com/locksmith?locale=ja
    #Shopify

  • 商品詳細画面ですべての写真を載せてしまうのではなく、バリエーションごとに表示するサムネイルセットを変えたい時はこちらのアプリが便利です。さまざまなストアに導入させてもらっています。
    https://apps.shopify.com/variant-image-automator
    #Shopify

  • Shopifyにはサイズやカラーなど複数のバリエーションを持つ商品をコレクションページに同時掲載できるアプリはいくつかあるのですが、こちらのアプリは掲載する点数が多すぎると、スタックしてしまって画面がまったく描画されなくなってしまうので注意が必要です。
    https://apps.shopify.com/variable-products?locale=ja
    #shopify

  • 商品情報を登録する際、ショッピング広告用に「商品カテゴリ」はリスト選択したものを設定しますが、商品タイプに親カテゴリを含めた文字列で設定しておくと、親子構造を持った自動コレクションが作りやすくなります。
    プロジェクターは電気製品、映像それぞれのコレクションに表示されます。
    #Shopify

  • Liquidでは除数と同じ型の結果になります。つまり整数で除算すると、結果は整数になります。小数点が出るはずの数字が必要な時は気をつけないといけませんね。（それを知らずにしばらく悩みました）
    #Shopify #liquid

  • Shopifyはテンプレートが豊富なもののStoreHeroではオリジナルデザインの作成を請け負う機会も多く、ワイヤーフレームの作成からデザインFIXまでは基本的にFigmaを使っています。デザインに限らずマーチャント様とは情報や進捗、コンセプトなど幅広く共有しやすいのでやはり便利ですね。
    #Shopify

  • コードを直接編集せずにテンプレートごとに処理を出し分けたい場合「カスタムliquid」セクションを使うことがあります。（Javascriptを埋め込むだけならカスタムHTMLセクションで良いのですが、デフォルトテンプレートDawnには入って無いので）
    #Shopify

  • ギフトカードとクーポン、用途は勿論ですが注文データが異なる点も気をつけたい所です。クーポンはDiscountなので直接「売上額」がマイナスされるのですが、ギフトカードは決済方法として計上されるので、後日割引額を集計する際など注意が必要です。
    #Shopify

  • 契約プランの関係でShopify Flowが使えない時は、Mechanicを採用することが多いです。最初から膨大なタスクが用意されておりそのまま使えるものが結構ありますので助かります。「在庫が○件以下になったらメール通知」は設定する機会が多いです。
    https://apps.shopify.com/mechanic?locale=ja

  • Google Analyticsでサイト内検索を計測している場合、「行動＞サイトコンテンツ＞すべてのページ＞ページタイトル」のページで「結果0件」とフィルタをかければ、対策が必要な検索ワードを見つけることができます。（0件を表すページタイトルはテーマにより異なりますのでご注意ください）
    #Shopify