Xポストログ

2023年10月19日

Shopifyのブログでは、記事にタグを付けておけばそのタグを持った記事だけの一覧を作ることができますが、URLの「/tagged/」以降に記載するタグを「+」で繋ぐことで、複数のタグを持った記事に絞り込むことができます。
#Shopify

2023年10月18日

Shopifyのテーマでは長めのロジックは {% liquid 〜 %} タグにまとめて書いたりしますが、コード作成中は処理状況を確認するため変数の値を出力したい時があります。その際、{% liquid 〜 %}内では {{ }}タグを使えないので代わりにechoを使います。
#Shopify

2023年10月17日

Shopifyの注文確認メールに掲載されているお客様情報（配送先・請求先住所）ですが、デフォルトでは氏名の部分が呼び捨て表記になってしまっています。「様」などの呼称を付けたい場合はコードを編集して対応する必要がありますがその設定例です。
#Shopify

2023年10月16日

Shopifyの商品一覧に絞り込み機能を追加してくれる公式アプリ Search & Discovery ですが、今年の１月にグルーピング機能がリリースされています。細かいサイズ群なども任意の範囲に切り分けてフィルタリングできるようになるので便利ですね。
#Shopify

2023年10月15日

Shopifyのメニューで英語と日本語を併記したい場合に、区切り文字で入力しておいてsplitで分解して展開する方法が紹介されていました。新規項目の追加や編集もしやすいので便利ですね。
https://community.shopify.com/c/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AAq-a/%E3%82%B0%E3%83%AD%E3%83%BC%E3%83%90%E3%83%AB%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AE%E8%A1%A8%E8%A8%98%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/td-p/1283105#threadeddetaildisplaymessageviewwrapper_5
#Shopify

2023年10月14日

Shopifyのテーマ「Dawn」では商品にバリエーション画像を設定している場合、商品詳細画面では最初からメイン画像がそちらに切り替わった状態で表示されます。それでは少し不都合な時があるので、バリエーション画像を設定しつつもメイン画像を最初に表示させる設定例です。
#Shopify

2023年10月13日

Shopifyのテーマ「Dawn」で、商品詳細や商品一覧の在庫切れ商品に表示される「売り切れ（テーマのコンテンツ編集から変更可能）」の文字ですが、これを商品ごとに任意の内容に変更するための設定例です。定期的に在庫が補充される商品についてラベルを設定しておくなどの使い方になります。
#Shopify

2023年10月12日

Shopifyのアカウントページと同様に、お問い合わせフォームについてもメールアドレスの間違いは防ぎたいところです。実際、アドレス間違いで返信が届かないということが発生しています。そこで確認用のフォームを設置して入力間違いを防ぐための設定例です。
https://x.com/sh_sakamoto/status/1710142842159431979
#Shopify

2023年10月11日

少々マニアックなカスタマイズ事例です。アンバサダー施策などで特定の流入経路からの購入であることがわかるように、パラメータ名とその値を注文データに引き継ぐための設定例です。ストアアクセス時に指定されたパラメータが付与されていればcart attributesに値を渡します。
#Shopify

2023年10月10日

Shopifyのテーマ「Dawn」ではカートに入っている商品の削除ボタンを押すと、確認メッセージなど表示されず即座にアイテムが取り除かれます。そこで誤って削除されないようにするためダイアログを表示する方法です。（cart.jsを修正するのでテーマバックアップを行なってから実装して下さい）
#Shopify

2023年10月9日

Shopifyで、「ドロワーメニューボタン」など画面遷移を伴わないクリックのイベントをGA4で計測したいケースがあります。gtagを使ったイベント計測用タグをテーマエディタから定義できるようにする設定例です。（カスタムイベントなので必ずしも計測できない事があるのでご注意ください）
#Shopify

スレッド

４枚目の画像がおかしかったのであげ直します。

2023年10月8日

Shopifyのチェックアウト画面はPlusを契約しないとカスタマイズできないことがほとんどですが、入力フォームのプレースホルダーは変更ができます。詳細住所の入力不備で配達不能な注文を削減するためにも、入力例などを追記しておくと良いですね。
#Shopify

2023年10月7日

Shopifyでストアデフォルトのヘッダー・フッターを持たないページを作成したくなる時があります。その手軽さや利便性の高さから通常はページビルダーアプリを使うことをオススメすることが多いのですが、テーマファイルのカスタマイズで実装することも可能です。その設定例です。
#Shopify

2023年10月6日

Shopifyのアカウントは(Shopifyに依頼して設定変更しない限り)メールアドレスの受信確認なしで登録可能です。そのためアドレスを間違えて登録された場合、再ログインできない可能性があります。そこで確認用のフォームを設置して入力間違いを防ぐための設定例です。
https://colossal-vanadium-63c.notion.site/Dawn-1b908f218b8d4444ba90bcd97ced9e52?pvs=4
#Shopify