Xポストログ

2024年3月20日

Shopifyの注文詳細画面の商品ごとに「再注文」ボタンを表示する設定例です。商品詳細画面に遷移しなくても直接カートに追加できるようになるので、購入頻度の高い商材を扱っているストアほど利便性を高めることができます。
#Shopify https://x.com/sh_sakamoto/status/1770299350465585449/photo/1

スレッド

Xの予約投稿にバグが発生しているようでして二重に投稿してしまったのでこちらのみにします。

Xの予約投稿バグのためか画像が消えてしまっていたのでアップしなおします。

2024年3月19日

Shopifyの商品情報は管理画面で公開予定日を設定して所定の日時になったら表示することができますが、取り下げの日時を設定することはできません。そんな時はMatrixifyを使って商品を下書き状態にする日時をスケジュール設定しておくと簡単に設定できて良いですね。
#Shopify

2024年3月18日

Shopifyのテーマ「Dawn」のモバイル用ハンバーガーメニューのメニューリスト前後に任意のHTMLを表示できるようにするにあたって、ブロック要素としてより管理しやすくした場合の設定例です。
https://x.com/sh_sakamoto/status/1769212064239943731
#Shopify

2024年3月17日

Shopifyのテーマ「Dawn」のモバイル用ハンバーガーメニューで、メニューリストの前後に任意のHTMLを表示できるようにした際の具体的な表示内容の設定例です。ログインボタンやサブメニューなどが一般的ですね。
https://x.com/sh_sakamoto/status/1768849676579582321
#Shopify

2024年3月16日

Shopifyのテーマ「Dawn」のモバイル用ハンバーガーメニューですが、メニューリスト下のスペースに何かしら表示しようと思っても追加可能なブロック要素などがありません。そこで、カスタマイズされたLiquidセクションとJavascriptを使って任意のHTMLを表示するための設定例です。
#Shopify

2024年3月15日

Shopifyのテーマ「Dawn」のコレクションページから商品詳細ページに移動した際、その表示順に合わせて前後の商品リンクを設置する設定例です。都度コレクションに戻らなくても連続して閲覧してもらうことができます。
#Shopify

2024年3月14日

限定的なケースの話ですが、Shopifyのテーマ「Dawn」のフッターセクションは５ブロック目から改行されます。その際に２行目を均等配置ではなく左揃えにしたい場合の設定例です。各セクションごとにカスタムCSSで調整できるので助かりますね。
#Shopify

2024年3月13日

Shopifyのテーマ「Dawn」で、カート画面の「ご購入手続きへ」ボタンの前に「よくある質問」のリストを表示したい場合の設定例です。しっかりと購入を促せるように、購入直前の迷いを解消できるような内容を掲載すると良いですね。
#Shopify

2024年3月12日

Shopifyのテーマ「Dawn」でヘッダーを固定表示する場合、メニューやロゴ、カートなどが含まれる部分だけが固定されます。とはいえ可能であれば告知バーも常に表示されるようにしたいところです。直接コード編集せず、テーマエディタでJavaScriptを使った簡易な設定方法です。
#Shopify

2024年3月11日

Shopifyのテーマ「Dawn」のコレクションページで、メインの写真以外に登録されている商品写真から２〜5件の写真をサムネイルとして一緒に表示することができる設定例です。コレクションページ上で商品を選びやすくなる効果が期待できます。
#Shopify

2024年3月10日

Shopifyの顧客管理画面では絞り込み条件が適切にサジェストされるので、案内に従って選択していくだけで絞り込み条件式が作成できるので便利ですね。直近１年間の購入金額別顧客リストなんかも簡単に抽出できます。
#Shopify

2024年3月9日

Shopifyのテーマ「Dawn」のヘッダーから呼び出す検索ウィンドウですが、検索フォーム以外のコンテンツも表示させたいケースがあります。直接コード編集はせずにテーマエディタのカスタムLiquidを使って簡易カスタマイズする場合の設定例です。
#Shopify

2024年3月8日

Shopifyの商品管理画面で直接絞り込めない時は自動コレクションを作成すると良いという話を以前したのですが、そのままフィルターとしても使えるので便利ですね。（管理のためだけに使うのであれば、sitemap.xmlに含まれないよう非公開にしておくと良いでしょう）
https://x.com/sh_sakamoto/status/1735872377370915103
#Shopify

2024年3月7日

Shopifyのリスト型メタフィールドを扱う際、Liquidコードでその格納数を都度取得したいことがあります。その際、通常の配列型オブジェクトで有効な「.size」プロパティではなく「.count」プロパティを使います。

2024年3月6日

Shopifyの再入荷通知を商品詳細画面に掲載する場合、それらの商品を集めたコレクションを設定しておくのも良いですね。前回、前々回のFlowの一部を修正して、再入荷タグを持つ商品を表示するコレクションを作成すれば対応可能です。
https://x.com/sh_sakamoto/status/1764501020846022901
https://x.com/sh_sakamoto/status/1764863408250482752
#Shopify

2024年3月5日

Shopifyで再入荷したバリアントを商品詳細画面で案内する際、再び在庫切れとなってしまった場合は通知の対象からは外した方が良いでしょう。そこで「out of stock」のトリガーを使って対象のタグを削除するFlowも設定する方法です。
https://x.com/sh_sakamoto/status/1764501020846022901
#Shopify