Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」のブログに未読の最新記事がある場合に自動で「New」バッジを表示し閲覧されるとバッジが消える設定例Shopifyのブログに未読の最新記事がある際に、ヘッダーやドロワーメニューのブログリンクや記事一覧に自動で「New」バッジを表示する設定例です。記事が表示されるとバッジは消えますが、新しい記事が追加されると再び表示されるようになります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」のセクションで指定されたタグを持つ（または持たない）アカウントにのみ表示させる設定例Shopifyテーマのセクションについて、「特定のタグを持つ（または持たない）アカウントにのみ表示」という設定項目を追加することによって、条件に合致する顧客がストアにログインしている時だけ表示されるようにする場合の設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」の商品ページでメタフィールドに連動するブロックを追加した際に対象商品のメタフィールドに値が無ければ非表示にする設定例Shopifyのテーマ「Dawn/Rise」の商品ページでは、ブロック要素などに商品メタフィールドの内容を連携させることができますが、全ての商品にメタフィールドが無い場合があります。そんな時は非表示になるようにする設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」のコレクションページで「売り切れ」状態の商品をバッジではなく写真全面をカバーするように表示する設定例（その２）Shopifyのテーマ「Dawn/Rise」のコレクションページで売り切れ商品にオーバーレイ表示させる方法ですが、こちらのポスト（https://store-dojo.com/en-us/products/2024-10-05）のようにテーマエディタから編集するのではなく、直接Liquidコードを編集する方法であれば、特集コレクション側も同時に変更可能になります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」のバナー表示用にカスタマイズしたマルチカラムセクションでメタオブジェクトを使って一元管理する設定例以前ポストしたShopifyのテーマ「Dawn」のマルチカラムセクションをカスタマイズしてバナー掲載枠として活用する設定例（https://store-dojo.com/products/2024-07-19）ですが、これもメタオブジェクトを使って一元管理することができます。その設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」の特集商品セクションに表示する商品をメタオブジェクトを使って一元管理する設定例Shopifyのメタオブジェクトを使うことで複数のページに配置されたセクション情報を一元管理することができます。例えば特集商品セクションの参照先商品をメタオブジェクトにしておけば、メタオブジェクトの中身を切り替えるだけで全ページの内容を更新できるようになります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」のコレクションページで「売り切れ」状態の商品をバッジではなく写真全面をカバーするように表示する設定例Shopifyのテーマ「Dawn/Rise」のコレクションページでは売り切れ商品はバッジでマーキングされますが、より目立たせるために写真全体をカバーする形で表示する設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyでアプリを使わずに商品詳細ページで「この商品は１週間で n 点購入されました」を表示する設定例Shopifyでアプリを使わずに「この１週間で n 個購入されています」を表示する設定例です。Shopify Flowを使って、商品購入日を基準に直近1週間の購入履歴をバリアントのメタフィールドに保存し、それを使って商品ページで1週間分の合計購入数を表示しています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopify Flowでアクションが発生しているかどうかを検知するため 一時的にメールやSlack通知を行う設定例Shopify Flowで複雑な処理を走らせる時など、手厚くデバッグした上でリリースしますが、それでも本番環境では何がおきるかわかりません。そこでSend emailアクションを使って挙動に不備がないかどうか確認することがあります。（通知のon/offが簡単に設定できる条件も入れておくと便利ですね）
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」のテーマ「設定 」画面に検索機能のON/OFF設定項目を追加する設定例Shopifyの検索機能自体をOFFにしておきたいというリクエストを頂く事がありますが、後日復活させたい可能性を想定し、テーマエディタ側の「設定」項目でON/OFFできるようにしておくための設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopify Flowでliquidを使用する際にデバッグを兼ねてLog outputにコードを保存しておくShopify Flowのアクションでタグを付与する際、決まった値だけでなくliquidコードを使って動的に設定することができます。ただ、一度設定した後に編集するのが大変なので、リリース後にメンテナンスしやすいようにデバッグを兼ねてLog outputアクションにコードを保存するなどしています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyでキャンセルされた分をマイナスした正しい注文回数で合計注文回数を顧客タグとして付与する設定例Shopifyで合計注文回数「orders_placed( count: *)」を条件にセグメントを作成する際、キャンセルされた注文分は除外されません。そこでキャンセル分を除いた正しい合計注文回数を顧客タグとして付与するFlow設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」の特集コレクションセクションで「指定したタグ」を持つ商品だけ表示する設定例Shopifyの特集コレクションセクションで、指定したタグを持つ商品だけを表示できるようにする設定例です。指定したタグで絞り込んだ別のコレクションを指定すれば良いのですが、一時的に指定コレクションページの商品リストとは別に、ピックアップ商品を掲載しておきたい場合などに使います。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」のブログ記事で会員のみ閲覧可能なコンテンツを設置する設定例：その２Shopifyのブログ記事で会員のみ閲覧可能なコンテンツを設置する際、こちらのコード編集による対応方法（https://store-dojo.com/products/2024-09-26）ではなく、テーマエディタ側で対応する場合の設定例です（ただし、Googleのペナルティ回避用にnoindexを追加する処理についてはtheme.liquidを直接修正する必要があります）
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」のブログ記事で会員のみ閲覧可能なコンテンツを設置する設定例Shopifyのブログ記事で会員のみ閲覧可能なコンテンツを設置するための設定例です。また、Google botとユーザーで異なるコンテンツを表示することになるのでペナルティ回避用にnoindex処理も加えておきます。（Shopifyではコンテンツ単位で401ステータスを返すことができないため）
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」で匿名アンケートを取得するためのフォーム設定例Shopifyのお問い合わせフォームをカスタマイズして、商品詳細やコレクションページに匿名で送信可能なアンケートフォームを配置する設定例です。購入まで至らず離脱してしまう顧客の動向や課題を把握し、マーケティング施策や商品ページの改善に役立てられます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」のお問い合わせフォームにliquidファイルを直接修正せずにテーマエディタから変更を加えて項目を追加する設定例Shopifyのお問い合わせフォームに「プルダウン」「ラジオボタン」「チェックボックス」の独自項目を追加する設定例ですが、こちらはliquidファイルを修正せずにテーマエディタからの編集方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」のお問い合わせフォームに「プルダウン」「ラジオボタン」「チェックボックス」の項目を追加する設定例Shopifyのお問い合わせフォームに「プルダウン」「ラジオボタン」「チェックボックス」の独自項目を追加する場合の設定例です。チェックボックスについてはHTML要素を追加するだけでは送信できないためjavascriptを併用する必要があります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」のコレクションページや特集コレクションセクションで顧客が一度閲覧した商品に「閲覧済」を表示する設定例Shopifyのテーマやアプリによって閲覧履歴をカルーセル表示する機能がありますが、それとは別にコレクションページの商品カード上に直接マーキングしてしまう設定例です。類似商品を多数掲載しているストアで効果を発揮します。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyの商品管理画面で在庫切れのバリエーションを持つ商品を確認する方法Shopifyの商品管理画面では売切中のバリエーションを含む商品を絞り込む機能がありません。また、在庫管理画面もバリアントごとに表示されるため商品単位での把握がしづらいことがあります。そこで非公開の自動コレクションを使って、売り切れ商品のみを表示する条件を指定して確認するなどしています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド