Xポストログ

2024年2月11日

Shopifyの商品ページにサイズチャートを追加する際、様々な表示方法がありますが、メタオブジェクトを用いた設定方法が汎用性が高く長期的な運用に耐えやすいと感じています。商品タイプごとに異なるフォーマットが必要になりつつも同じ設定を複数の商品で使用したい際など利便性が高いです。
#Shopify

2024年2月10日

Shopifyの購入完了後の画面で、入力された名前とメールアドレスを引き継いで会員登録を促す設定例です。購入済み顧客の場合、会員登録時のパスワードを受け付けずにメールアドレス認証が飛ぶので、パスワード入力欄を非表示にして「作成する」ボタンを押すだけでOKの状態にしています。
#Shopify

2024年2月9日

Shopifyのテーマ「Dawn」のコレクションページでは通常、商品写真、タイトル、価格、レビューなどを表示することができますが、これに加えて商品説明の一部を引用したい場合の設定例です。商品詳細ページに遷移せずに商品内容を把握してもらいやすくできます。文字数の調整も可能です。
#Shopify

2024年2月8日

ShopifyのテーマDawnで特設ページや特定の商品に誘導したい特集バナーを掲載したい時は、「画像バナー」よりも「マルチカラム」セクションを使う方が、想定する運用イメージに近いケースが多いかと思いますのでオススメです。
#Shopify

2024年2月7日

Shopifyのコレクションページに複数のバリエーションを持つ商品を掲載する際、デフォルトではない特定カラーの商品を最初から表示しておきたいケースがあります。テーマ「Dawn」で、コレクションメタフィールドを使って任意のバリエーション値を指定して表示する設定例です。
#Shopify

2024年2月6日

前回の設定例をもとに、Shopifyでよくある質問の項目を１つひとつのページとして登録した場合、その内容を検索することもできるようになります。そこで、FAQ専用の検索フォームとその結果を表示できるようにするための設定例です。（設定①と②は前回とほぼ同じ）
https://x.com/sh_sakamoto/status/1754354161875914982
#Shopify

2024年2月5日

ShopifyのFAQページは１ページの中にアコーディオン型で展開することが多いのですが、質問と回答項目を１つずつ独立したページで登録したいときがあります。他にもページが登録されているストアで、よくある質問一覧ページで対象のFAQ項目ページだけを抽出するためのコード例です。
#Shopify

2024年2月4日

Shopifyでブログ記事の中に商品情報を表示しようとする場合、HTML編集モードで画像URLや価格などを直接記載するしかないのですが、独自タグを定義してhandle（とvariant id）だけで指定できるようにする方法です。商品情報を変更すると記事側にも自動で売り切れやセール状態が反映されます。
#Shopify

2024年2月3日

ShopifyのテーマDawnの「特集コレクション」セクションは商品数が表示数よりも多い場合に「すべてを表示する」ボタンが表示できまるのですが、ボタンラベルが固定化されています。そこで、特集コレクションごとに自由に指定できるようにするための設定例です。
#Shopify

2024年2月2日

Shopifyのテーマ「Dawn」のブログ記事一覧でブログ記事に設定されたタグをリスト形式で表示する設定例です。表示させたくないタグの除外指定もできます。
#Shopify

2024年2月1日

Shopifyでは通常「カートに追加する」ボタンのラベルは「デフォルトテーマのコンテンツ編集」で変更できますが、テーマエディタを使ってテンプレートごとにラベルを指定できるようにする設定例です。
#Shopify

スレッド

すいません！設定手順画像が一つ抜けておりました。
（最近投稿画像を全部確認できなくなっておりまして）

2024年1月31日

Shopifyでランキングコレクションを作成した際に、その商品のコレクション順位を自動で表示する設定例です。ランキング内の順位が変更されれば、連動して商品詳細側の順位も更新されます。
#Shopify

2024年1月30日

Shopifyで１日あたりの購入制限を設けたいというご相談をいただくケースがあります。在庫は通常通り管理しつつ、Matrixifyのスケジュール機能を使って毎日定時に対象商品の在庫数を補充すれば近しい運用が可能です。
#Shopify

2024年1月29日

Shopifyのテーマ「Dawn」で、カートに追加された商品に連動して商品メタフィールドに登録された「一緒に購入される商品」がカート画面上でサジェストされる機能の設定例です。購入直前のカート画面に表示することで一定の購入単価向上効果が見込めます。
#Shopify

スレッド

こちらは補足画像（カート画面でのセクション設定方法）になります。

2024年1月28日

Shopifyの注文詳細ページにお問い合わせ導線を設置する方法を応用し、注文完了画面の「お問い合わせリンク」をメールからお問い合わせフォームに変更することも可能です。マイページの無いお客様のお問い合わせの手間を減らして入力ミスを防ぐ効果が期待できます。
https://x.com/sh_sakamoto/status/1749643116276285698
#Shopify

2024年1月27日

Shopifyのカート画面で購入商品数が多い場合、スマホ画面では「ご購入手続きへ」ボタンが見切れてしまうことがあります。Amazonのように上に持ってくることができればチェックアウト画面にスムーズに誘導することができます。テーマエディタを使ってノーコードで実装するための設定例です。
#Shopify

2024年1月26日

Shopifyのテーマをローカル環境で開発する際、reCAPTCHAが有効な状態ではうまくログインできないことがあります。現時点の解決策としては瞬間的にreCAPTCHAをオフにしてログイン後にすぐ戻す、という手段を取るしかなさそうですね。
https://community.shopify.com/c/shopify-cli-and-tools/accessing-a-user-account-login-via-shopify-theme-dev-command/td-p/2107818
#Shopify