Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」の「特集コレクション」をカスタマイズしてカートページで「一緒に購入される商品」を表示する設定例Shopifyのテーマ「Dawn」で、カートに追加された商品に連動して商品メタフィールドに登録された「一緒に購入される商品」がカート画面上でサジェストされる機能の設定例です。購入直前のカート画面に表示することで一定の購入単価向上効果が見込めます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のカートページで「ご購入手続きへ」ボタンをノーコードで画面上部に表示するための設定例Shopifyのカート画面で購入商品数が多い場合、スマホ画面では「ご購入手続きへ」ボタンが見切れてしまうことがあります。Amazonのように上に持ってくることができればチェックアウト画面にスムーズに誘導することができます。テーマエディタを使ってノーコードで実装するための設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」でブログの２ページ目以降で表示した記事で「ブログに戻る」リンクから元の一覧ページに戻ることができるようにする設定例Shopifyのテーマ「Dawn」のブログ記事画面は「ブログに戻る」ボタンをタップするとブログ一覧の最初に戻ってしまいます。そこで、２ページ目以降の一覧ページから遷移したときには、ちゃんと元の一覧ページに戻ることができるようにするための設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのマイページの注文一覧画面の各種文言も「デフォルトテーマのコンテンツ編集」から対応可能ShopifyのテーマDawnのマイページの注文履歴に表示される項目も「デフォルトテーマのコンテンツ編集」から変更可能です。ちなみにコードを編集せずに変更できる箇所がかなりあるので、まずは変更対象の項目をテーマのコンテンツ編集画面で検索することをオススメしています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」で注文詳細画面にフォーム導線を設置しそこからのお問い合わせ時は注文番号と注文商品を自動で連携する設定例Shopifyの注文詳細ページにお問い合わせ導線を設置しておき、そこから遷移した際に注文番号と注文商品を自動で項目追加する設定例です（フォームのテキストフィールドを自動で追加します）。お客様の入力の手間を減らし、入力ミスを防ぐ効果が期待できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【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
スレッド