Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
【Shopify TIPS】
テーマ「Dawn」カート画面でカートが空の場合のみ「特集コレクション」を表示しカートに商品が投入されたら非表示になる設定例Shopifyのカート画面でカートが空のときだけおすすめ商品を表示し、カートに商品が入った際は非表示にしたいケースがあります。例えば「特集コレクション」セクションを使って特定のコレクションを掲載する場合、liquidの冒頭に少し手を加えて非表示条件を指定するなどしています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のスライドショーセクションでアクセスするたびに表示順をランダムで切り替える設定例Shopifyのテーマ「Dawn」にはトップページのキービジュアルとして使用することが多い「スライドショー」セクションがあります。テーマエディタで表示順を調整することができるのですが、アクセスするたびにランダムで表示したいケースがあります。その設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のコレクションページ・商品ページでセールアイコン、セール価格を目立たせたい時の設定例Shopifyのテーマ「Dawn」はデフォルトの状態では、セール中の商品が少し目立ちにくいので、値引き商品のバッジや価格のカラーを変更するのも良いですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のコレクションページで商品と商品の間の余白を無くす設定例Shopifyのテーマ「Dawn」のコレクションページで、商品と商品の間の余白を無くしたレイアウトで表示したいケースがあります。その際のカスタムCSS設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyでタグに設定された誕生日をもとに誕生日当日にメタフィールド「年齢」の値を更新するShopiry Flowの設定例Shopifyの会員登録フォームで、誕生日を顧客タグに、年齢をメタフィールドに設定できるようにした（https://store-dojo.com/products/2024-07-20）際に、その顧客が誕生日を迎えると自動で年齢が更新されるようにしたShopify Flowの設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで会員登録時に取得した誕生日をもとにメタフィールド「年齢」の値を設定するShopiry Flowの設定例Shopifyの会員登録フォームで顧客の誕生日をタグとして取得（https://store-dojo.com/products/2024-02-18）したら、そのタグを元に顧客の年齢を自動でメタフィールドに挿入できるようにするためのShopify Flowの設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のマルチカラムセクションをバナー掲載枠として活用する設定例Shopifyの注文管理画面で配送先住所に不備がある場合、アラートが表示されるようになりました。さらにそこから住所確認メールを送信できるようになりましたが、カスタムメッセージの欄が空白となので、ご注文頂いた方に住所を確認するためのメール文例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
配送先住所不備のアラートが表示された注文で、お客様に送る住所確認メールの文例Shopifyの注文管理画面で配送先住所に不備がある場合、アラートが表示されるようになりました。さらにそこから住所確認メールを送信できるようになりましたが、カスタムメッセージの欄が空白となので、ご注文頂いた方に住所を確認するためのメール文例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで30日おきにタグを付け替えることによって登録後n日以内のセグメントに自動分類Shopify Flowを利用して経過日数ごとにタグを付け替える設定を行うことで、登録後n日目のメルマガ配信に加え、登録後30日や60日などの各タイミングで、ユーザーごとに異なるメッセージやプロモーションをログイン時のストアに掲載することができます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」の「マルチカラム」セクションで商品情報を引用できるようにする設定例ShopifyのテーマDawnには便利なセクションが色々ありますが、その中の一つ「マルチカラムセクション」について。前回の複数列セクションと同様に各項目を一つひとつ入力するのではなく商品情報を指定して表示内容を自動で設定できるようにしたカスタマイズ例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」でメタフィールドと紐づけた 「折りたたみ可能な行」ブロックの中でHTMLタグを使いたい場合の設定例Shopifyのテーマ「Dawn」の商品詳細ページの「折りたたみ可能な行」ブロックにメタフィールドの値を設定して表示する際にHTMLタグを使用したい場合があります。デフォルトではHTMLタグがエスケープされてそのまま表示されてしまうので、少し手を加える必要があります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
新しいメタフィールド定義『記事』『記事リスト』、かなりありがたいですね。
これまで articles['記事handle'] で指定しないと参照できませんでしたが、今後は商品やコレクションのように、メタフィールドの値から直接取得できるようになるので実装が助かります。
#Shopify
https://shopify.dev/changelog/new-metafield-definition-types-in-graphql-articlereference-listarticlereference -
【Shopify TIPS】
Shopifyのテーマ「Dawn」の「複数列」セクションで商品情報を引用できるようにする設定例ShopifyのテーマDawnには便利なセクションが色々ありますが、その中の一つである「複数列セクション」について。ブランク画像の通り商品情報を掲載することが多いのですが、各項目を一つひとつ入力するのではなく商品情報を指定して表示内容を自動で設定できるようにしたカスタマイズ例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyでseo.hiddenメタフィールドを設定することでsitemap.xmlから除外することが可能Shopifyのsitemap.xmlはrobots.txtのように新規にファイルを作成して編集することはできません。しかし、noindex処理をしているコンテンツを除外したい場合があります。その場合は、メタフィールド「seo.hidden」を指定することで対応できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」の各セクションの見出しなど改行が許可されていな項目で入力できるようにする設定例Shopifyのテーマ「Dawn」のセクションタイトル（見出し）など基本的に改行することができませんが、どうしても改行したい場合はコードを編集してschemaを変更することで入力できるようになります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
“毎日発信は大事ですよ！”とマーチャントさんにお伝えする以上、自分たちがやっていなければ説得力がない。そう思って始めたのがこのShopify TIPS投稿です。
最低でも1日1回、何かしらのTIPSを欠かさず発信し続けて、気づけば丸3年が経ちました。… -
【Shopify TIPS】
Shopifyのテーマ「Dawn」のサムネイルレイアウト設定された商品詳細ページでバリアント設定されていない商品写真をシェアできるようにする設定例Shopifyのテーマ「Dawn」のサムネイルレイアウト設定された商品詳細ページで、バリアントが割り当てられていない写真もシェアできるようにするための設定例です。取得したURLを使って商品ページを表示すると、即座にその写真に切り替わります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のブログページでブログ記事セクションを使用して特定の記事をピックアップ表示するための設定例Shopifyのテーマ「Dawn」のブログ記事の一覧画面で、特定の記事をピックアップして優先表示するための設定例です。ブログ記事セクションに手を加えて、エディタ画面で指定した記事handleが優先表示されるようにしています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopify Flowで日付を扱う際、タグやテキストなど文字列として設定する場合は日付型の値とは異なり時差の調整を行う必要あり少々マニアックな話題ですが、Shopify Flowで現在時刻をタグやテキスト形式のメタフィールドに文字列として設定する際、そのままでは標準時で設定されてしまいますので日本時間に変換する処理を加えています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyでメルマガ初回登録日をタグとメタフィールドに付与する設定例メルマガの初回登録日をタグやメタフィールドに設定するための設定例です。登録日をメタフィールドに設定するときはその日をそのまま登録できますが、タグに付与するときは標準時との時差を考慮して設定する必要があります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド