Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
2026年1月の投稿 絞り込みを解除
-
【Shopify TIPS】
Shopifyのテーマ「Dawn/Rise」の商品詳細ページに表示される在庫ステータスを基準値以下で表示変更するのではなく、非表示にする設定例Shopifyのテーマ「Dawn/Rise」の商品テンプレート：商品情報セクションには、在庫数を表示したり一定の数量で表示が切り替わる在庫ステータスブロックがありますが、在庫数に応じて表示自体をさせないようにしてほしいというご要望をいただくことがあります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
「Google Antigravity」でShopifyの購入テスト作成を自動化してみました。
Shopify運用においてSidekickの活用が不可欠となってきましたが、その性能が及ばない管理画面外の周辺業務をどう効率化するかも重要です。
特に大規模改修時の「購入パターンテスト」は、重要なんですがテストスクリプト作成が手間で、これまで結局手動でこなしがちでした。そこで今回、Cursorではなく、Geminiが（だけでなくClaudeも）使える自律型AIエージェントIDEのGoogle Antigravityを使ってみましたところ、Playwrightの複雑なコードを書くハードルを、AIとの対話で一気に解消できました。
助かりポイント：
✅ 複雑なテストパターンの一括自動生成
✅ AIが自律的にブラウザを立ち上げ、ストア独自の情報を取得してテストデータ作成（何も言わなくても /collections/all を見に行ってくれる！）
✅ そのままPlaywrightのスクリプト調整まで完結今までは「手動の方が早い…」と諦めていましたが、この連携で実務導入が現実的に。
他にも色々応用できそうです。#Shopify #Playwright #GoogleAntigravity
-
【Shopify TIPS】
Shopifyで商品ページに「同じカテゴリ商品」や「同じ価格帯」など自動で設定される関連商品以外に意図的なコレクションを表示する設定例Shopifyのテーマに標準で実装されている「おすすめ」商品セクションも効果的なのですが、あえて手動で同じカテゴリや価格帯の商品を表示することでよりスムーズな購買体験を提供することもできます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn/Rise」のコレクションページで 商品リストの間にバナー画像を差し込む設定例Shopifyのテーマ「Dawn/Rise」のコレクションページで、プロモーション用のバナー画像を商品と商品の間に埋め込んで表示するための方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn/Rise」の商品詳細ページで商品説明枠にバナー画像を表示できるブロックの追加例カスタムLiquidでコードを書いても良いのですが、バナーを掲載する頻度が高い運用が想定される時は、ブロックコンテンツとして設定してしまうのがオススメです。商品説明枠にバナーを入れることで、購入検討中のユーザーの目に確実に入る可能性が高まります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn/Rise」の商品詳細サムネイルを円形にする設定例見た目がリッチなブログ記事セクションではなく、シンプルなリスト表示で掲載したいことがあります。<br>特にお知らせなどは、余計な装飾のないリスト表示の方が読みやすく効果的です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn/Rise」で最新ブログ記事リンクを表示する際にブログ記事セクションではなくリストテキスト型で表示する設定例見た目がリッチなブログ記事セクションではなく、シンプルなリスト表示で掲載したいことがあります。<br>特にお知らせなどは、余計な装飾のないリスト表示の方が読みやすく効果的です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn/Rise」でカートのポップアップ通知を使用している際に商品をカートに追加したらその通知にもおすすめ商品を表示する設定例Search & Discoveryを使えば、あらかじめ指定したおすすめ商品（関連商品）を商品詳細ページに表示できますが、ページの下部に設置されていると見逃されてしまうことがあります。そこで、これをカート追加後のポップアップ通知にも表示することで、より顧客の目に入りやすくなり、アップセル機会の最大化が期待できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで[お客様がセグメントに追加されたとき] トリガーを使ってセグメントに合致したらストア上で専用クーポンを配布する設定例Shopify Flowのセグメント追加や離脱のトリガーは本当に便利ですね。例えば、5回以上購入してくれたお客様に特別なクーポンをストア上で表示したりメールで通知するなど、特定条件を満たしたお得意様へのサービスの自動化の幅が広がりました。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn/Rise」のブログページでデスクトップを３カラム、モバイルを2カラムレイアウトにする設定例テーマエディタ上で、ブログテンプレートのブログ記事セクションにカスタムCSSを設定するだけで、デスクトップで3カラム、モバイルでは2カラムのレイアウトに変更することが可能です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで商品画像をまとめてダウンロードしたい時の対応方法商品詳細ページを表示した状態で、URLに「.json」を追加することで商品データをJSON形式で表示することができます。この時、商品データのimagesプロパティには画像のURLも含まれているので、右クリックして画像をダウンロードすることができます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn/Rise」のコレクションページで特定の行ごとに商品サイズに変化を持たせる設定例商品数が多いコレクションページでは、メリハリをつけた表示も効果的です。特定の行の商品サイズを変えることで、視覚的な興味を引き出し、ストアの魅力を高めることができます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで手動で追加した決済アイコンを商品詳細ページに表示する設定例商品詳細ページに利用可能な決済手段を明示することで、商品への興味が最も高いタイミングで、お客様の『欲しい』という気持ちを逃すことなく購入を促す効果が期待できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで手動で追加した決済アイコンをフッターに表示する設定例テーマ設定からフッターに表示可能な決済アイコンリストですが、追加した決済方法の中には自動で表示されないものもあります。それらを追加表示するための設定方法です。ユーザーが利用可能な決済オプションを視覚的に理解できるため、安心感を高める効果があります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn/Rise」で商品詳細のモバイルレイアウトの「サムネイル」を「グリッド（格子状）」でも表示できるようにする設定例モバイル画面で表示されるサムネイル画像のレイアウトを「カルーセル」ではなく、すべてグリッドに並べた状態で表示できるようにする設定例です。商品説明や購入ボタンは画面の下の方に押し下げられてしまいますが、なるべく多くの商品画像を一気に見てもらいたい場合などに有効です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn/Rise」商品詳細のデスクトップ画面で「サムネイル画像の表示列数」を４列以外にも任意に指定できるようにする設定例デスクトップ画面で表示されるサムネイル画像の列数を、4列以外にも任意の数に変更できる設定方法です。デフォルトでは４列で固定ですが、１列当たりなるべく多く（またはその逆に少なく）表示したい場合がありますが、取扱商品に応じて変更できるようになります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
ShopifyのShopifyのテーマ「Rise/Dawn」のトップページで女性用/男性用の切り替えボタンを設置し、選択状態によってコンテンツを出し分ける設定例Rise/Dawn テーマで女性向け・男性向け切り替えボタンを設置してコンテンツの表示を切り替える設定例です。切り替えた後、ストア内のページを回遊して戻ってきても選択状態が維持されます。また、SEOに配慮して、CSS/jsを使って表示・非表示を切り替えるのではなく、liquidコード上で選択状態を判別してソースコードごと非表示にします。（デフォルトでは女性向けを表示）
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで最後に閲覧した商品に関連するコレクションをトップページなどに自動で切り替えて表示できるようにする設定例テーマ「Dawn/Rise」で、最後に閲覧した商品の関連コレクションをトップページなどで自動で切り替えて表示できるようにする方法です。商品閲覧履歴とは異なり、商品に関連するコレクションを表示することで、ユーザーの関心を惹きつける可能性が高まります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn/Rise」で商品詳細ページの「折りたたみ可能な行」ブロックで メタフィールドを連携させた場合ストア検索ではヒットしないので注意メタフィールドは便利な機能なのですが、メタフィールドに入力した内容はストア内検索の対象にはならない点に気を付ける必要があります。なので、ストア内検索にヒットさせたいときは、Rise/Dawnテーマの「折りたたみ行」ブロックをメタフィールドに連携させずに、直接商品説明内にHTMLコードごと記載した方が良いケースがあります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyでメタフィールドを使って商品一覧画面でInstagramのコンテンツで紹介していることを表示する設定例商品詳細にInstagramコンテンツリンクを表示できるようにする方法（https://store-dojo.com/products/2024-11-18）に関連して、商品一覧にもコンテンツが連携していることを示すためのアイコンを表示させたい場合の方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド