Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
2025年4月の投稿 絞り込みを解除
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」の商品ページに設置したブログ記事セクションでタグの関連度が高い(同じタグを持つ数が多い)順に表示する設定例ShopifyのテーマDawnの商品ページにブログ記事リンクを設置してストア内の回遊性を高めることがありますが、できる限り商品と関連性の高い記事を表示させたいところです。そこで商品と共通のタグを持ち、その際に関連度が高い（同じタグを持っている数が多い）順に表示する場合の設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」の商品ページに設置したブログ記事セクションで 商品タグと同じタグを持つ記事を優先的に表示する設定例ShopifyのテーマDawnの商品ページにブログ記事リンクを設置してストア内の回遊性を高めることがありますが、できる限り商品と関連性の高い記事を表示させたいところです。そこで商品と共通のタグを持つ記事を自動的に優先表示させる設定例です。商品ごとに記事を指定する手間が省けます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のコレクションリストページで並び替えを可能にする設定例Shopifyのテーマ「Dawn」のコレクションリスト（コレクションの一覧）ページは、テーマエディタ側で並び順を指定できますがユーザー側では変更できません。そこで並び替えを可能にする設定例です。登録されたコレクションの数が膨大なストアで有用です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマDawnのセクション「特集コレクション」にコレクション画像を表示する設定例ShopifyのテーマDawnの「特集コレクション」のセクションにコレクション画像を表示できるようにするための設定例です。トップページに複数のコレクションリストを並べる際など、コレクションの特徴を表す画像も一緒に置いておくことでのよりカテゴリイメージが伝えやすくなります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopify FlowのAdd Tagアクションに Liquid コードを使う設定例Shopify FlowのAdd Tagアクションで指定するタグは、直接的なタグ名だけでなく、Liquidコードを使って動的に生成した内容を設定することができます。１ラインの入力フォームなのですがスクリプト構文をそのまま入力できます。（コードは後から編集しやすいように別の場所に保管しておくことをおすすめします）
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
ブログ記事やページのタイトルを改行して表示する方法Shopifyのコレクションのタイトルを改行したい場合があります。ただ、商品と同様、コレクションタイトルは様々な画面やデータで参照されているので、<br>タグによるタイトル自体の改行は避けたい所です。そこで表示用のメタフィールドを使う方法をお勧めしています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
コレクションタイトルを改行して表示する方法Shopifyのコレクションのタイトルを改行したい場合があります。ただ、商品と同様、コレクションタイトルは様々な画面やデータで参照されているので、<br>タグによるタイトル自体の改行は避けたい所です。そこで表示用のメタフィールドを使う方法をお勧めしています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのコレクションページに同じ商品を含む他のコレクションを自動的に“関連コレクション”として表示する方法Shopifyのコレクションページにセクションを追加すれば他のコレクションへの導線を簡単に設置できますが、固定リストなのでコレクションごとに設定するのは少々面倒です。そこで、コレクションに掲載された商品が含まれる他のコレクションを自動で引っ張ってきてリスト表示する設定方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで共有可能なリンクでストアに遷移した際にそのクーポンが適用されていることをヘッダーで通知する設定例Shopifyのディスカウントコードは共有URLを使うことでコードを入力せずに適用させることができるのですが、このURLを使って遷移してきた際にそのクーポンコードが適用されたかどうかがすぐにはわかりません。そこでクーポンが適用されていることをヘッダー上で通知するための設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
-
【Shopify TIPS】
Shopifyで対象ユーザーがアカウントを新規登録・ログインするだけで社割クーポンが即座に適用された状態にする設定例Shopifyでストア上で、自社ドメインメールでの登録を条件に会員登録と同時に自動で社割クーポンが適用された状態にするための設定例です。２回目以降もログインするだけで適用されます。購入後にクーポンが外れてしまっても、再適用ボタンがヘッダーに表示されます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで商品やブログに設定したタグについて「タグの完全一致」と「タグの部分一致」を判定するコード例Shopifyで商品やブログに設定されたタグを判別する際に、指定したタグが含まれるか（完全一致）、または指定した文字を持つタグが含まれるか（部分一致）で判別方法が変わりますが、そのLiquidコード例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのブログ記事管理画面でURLを打ち替えてJSON表示にすればブログ記事の中身も含めて一括表示が可能Shopifyのブログ管理画面のURLを打ち替えると、ブログ記事本文を含めて登録された記事の内容をjson形式で確認することができます。Matrixifyを使ってブログ記事をエクスポートするほどでもない時など便利です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn」のフッターにお問い合わせフォームを追加する設定例Shopifyのテーマ「Dawn」のフッターにお問い合わせフォームを設置する設定例です。お問い合わせフォームのセクションは基本的にはページ内での使用が前提ですが、コードを流用することでフッターのブロック要素として設置することもできます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyでリスクレベルの高い注文をキャンセルする方法の設定例Shopifyでリスクレベルの高い注文を確定前にキャンセルする方法の一例です。Shopify Flowやアプリを使って即時キャンセルもできるのですが、その場合キャンセル通知が送られません。そこで管理者宛に通知して手動対応を促しつつ、メールの文面は適切な内容に差し替えておくという方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
WebhookのデバッグにオススメのBeeceptorShopifyの「設定＞通知」から作成できるWebhookですが、デバッグの際はBeeceptorが便利ですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyでメタフィールドを使ってコレクションのパンくずリストに多段階の親子構造階層構造を持たせる設定例Shopifyでメタフィールドを使ってコレクションページに階層構造を持ったパンくずリストを表示する設定例です。子から親コレクションを指定するシンプルな構造となっています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyでコレクションや商品ページで表示内容に応じてレイアウトを切り替えたい場合はシンプルにテンプレートの切り分けがおすすめShopifyでコレクションや商品ページの掲載内容に応じてレイアウトを切り分けたいケースがありますが、複雑なことはせずにテーマエディタからテンプレートを切り分ける方法が、ノーコードで設定もできますしシンプルに便利ですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで特別なキャンペーン用に作成したコレクションでは「セール（売り切れ含む）アイコン」を非表示にしたい場合の設定例Shopifyで特別なコレクションページを作成した際に、通常とは異なり割引商品を掲載していても「セールアイコン」を表示させたくないことがあります。そんな時はテンプレートを複製した上で、カスタムCSSを使って非表示にしてしまうのが手軽ですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」で複数のコレクションに属する商品の詳細画面で流入元に合わせて動的に関連コレクションを表示できるようにする設定例Shopifyテーマの「特集コレクションセクション（コレクションの一部を商品やページに表示する機能）」を使って、複数のコレクションに掲載されている商品の詳細画面の場合、流入元のコレクションに合わせて関連コレクションの内容を動的に切り替える設定例です。回遊性の向上が期待できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで組み合わせOKのディスカウントを両方とも「共有可能なリンク」で適用しようとすると最初に適用した分が削除されてしまうので注意が必要Shopifyで組み合わせ可能なディスカウントを使用する際、コード入力が不要な「共有可能なURL」の使い方には少々注意が必要です。２つ以上のディスカウントをURLでは併用できず、最後に適用したものだけが有効化されます。併用するコードはチェックアウト画面での入力が必要になります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド