Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」のコレクションページで「タグによる絞り込み(詳細な絞り込み)」で不要なタグを非表示にする設定例：その２こちら（https://store-dojo.com/products/2024-12-10）の設定方法は直接コードに除外するタグを記述する方法でしたが、運用を開始するとコード編集はしたくないものですね。というわけで、テーマ「Rise/Dawn」のエディタ上で除外したいタグを随時追加・削除・編集できるようにする方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」の商品ページに説明書などのPDFファイルダウンロードリンクを設置する設定例商品の説明書など、商品に関連する資料をダウンロードできるようにする方法です。商品ページにファイルダウンロードリンクを設置することで、顧客サポートの向上や商品の理解を深めることが期待できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」のコレクションページで「タグによる絞り込み(詳細な絞り込み)」で不要なタグを非表示にする設定例ShopifyのSearch & Discoveryで絞り込み条件にタグを設定した際、スマートコレクションの条件などで使用しており、絞り込みとしては表示したくないタグを非表示にしたい場合があります。テーマ「Rise/Dawn」で、予め指定したタグを非表示にする設定方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyでメタフィールドにピックアップ期間を指定して自動でピックアップされる商品を切り替える設定例アプリMatrixifyを使って商品ごとにメタフィールドを使って表示期間を指定することでピックアップ商品を自動で切り替える方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマの色（カラースキーム）で不要なスキームを削除する方法Shopifyのテーマ設定画面で任意に追加することができるカラースキームですが、誤って操作するなどして不要なカラーが増えてしまったときは、「テーマ編集」から「config/settings_data.json」を開き、該当の項目を削ることで削除できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【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
スレッド