Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
お試し実装頂きありがとうございます。
Horizon系のテーマは入れ子（ネスト）構造を設定できる「テーマブロック」に魅力がありますよね。公開しているカスタマイズコードは、ブロックレベルで単独で動くものが多いので、使いまわしやすいかな、と思います。ぜひ色々試してみてください。
（以前お伝えしたように、既存ノウハウについてはHorizonでの利用可否も情報追加していこうかな、と思います） -
【Shopify TIPS】
Shopifyのテーマ「Rise/Dawn」の商品詳細画面で過去に購入済みの商品であることを表示する設定例Shopifyのテーマ「Rise」や「Dawn」の商品詳細画面で、ログイン済みのアカウントに対して、以前購入した商品にAmazonのように『過去購入済み』であることを表示するための設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopify Flowを使って購入済みの商品（バリアント）を顧客メタフィールドに記録する設定例Shopifyで発送完了時に顧客メタフィールドに購入済みの商品(バリアント)をShopify Flowを使って記録しておく設定例です。購入数までは取得せず、その商品(バリアント)を購入したかどうかのみを保持します。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopify Flowを使って使用済みクーポンコードを顧客メタフィールドに記録する設定例Shopifyで使用されたディスカウント（クーポンコード）を顧客メタフィールドに保持したい場合のFlow設定例です。顧客メタフィールドに保持しておくことで、使用されたディスカウントを個々の顧客ごとに確認しやすくなります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
【Shopify TIPS】 Shopify Flowを使って使用済みクーポンコードを顧客メタフィールドに記録する設定例
https://store-dojo.com/products/2024-08-15 -
【Shopify TIPS】
Shopify Flowを使って注文時に使われたクーポンコードを顧客タグに追加する設定例Shopifyで使用されたディスカウント（クーポンコード）を注文メモやタグ以外に、顧客タグとしても登録したい場合のFlow設定例です。顧客タグとして設定しておくことで特定クーポンの未利用顧客が抽出しやすくなり、CRMメール配信などに活用できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」の数量セレクターをプルダウン型にする設定例Shopifyのテーマ「Dawn」で、商品詳細ページの数量セレクターを「＋－」ボタン型からプルダウンに変更する設定例です。元のセレクターにはさまざまなイベントが紐づいているため、それらは維持しつつ、新たに設置するプルダウンを通じて間接的に操作する形にしています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
ShopifyでSearch Consoleに出ているパラメータ付きの商品ページURLはcanonicalで正しいURLが指定されているので気にしなくてOKShopifyの商品ページのレコメンドセクションに掲載されている商品リンクはパラメータが付与されているため、GoogleのSearch ConsoleにそのURLが検知されることがあります。レコメンドロジック用のパラメータなどですが、canonical設定で適切に処理されているので気にする必要はありません。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで決済方法を注文タグとして付与するFlowを設定した後で過去の注文にも適用したい場合も過去の注文を選択して一括でFlowを実行可能Shopifyの注文情報にShopify Payments以外の決済手段をタグ付けするFlow（https://store-dojo.com/products/2024-08-10）を設定した後で、過去の注文情報にもタグ付けしたい場合は、一括でFlow実行すればOKです。（Order createdトリガーによるFlowは後から一括実行ができるので便利ですね）
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopify Payments以外の決済方法を注文タグとして付与するFlowの設定例Shopifyの注文情報にShopify Payments以外の決済手段をタグ付けしておけば、注文管理ページで決済手段による絞り込みができるようになります。タグはFlowを使って注文生成時に設定されるようにしておきます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」でサムネイルを表示しない商品詳細モバイルページで画像前後ナビゲーションを画像に重ねてより多くの情報をファーストビューに収める設定例Shopifyのテーマ「Dawn」のモバイルページで、商品写真のサムネイルを表示しないレイアウトパターンを採用する際は、ページを開いた瞬間により多くの情報が目に入るように画像の上にナビゲーションボタンや表示枚数を重ねて表示するのも良いですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のヘッダーカートアイコン上に合計金額を表示する設定例Shopifyのテーマ「Dawn」のヘッダーにあるカートアイコンでは通常カート内のアイテム数が表示されますが、その代わりにカート内商品の合計金額を表示するようにした設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のカート画面に「カートを空にする」リンクを設置する設定例使い道としては主にストア構築中のテスト用になるのですが、Shopifyのカート内のアイテムを一括削除するためのリンク設定方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyでは最終購入日に相対日時を指定することができるので直近n日間注文のない休眠顧客のセグメントを作成可能Shopifyの顧客セグメントは様々な条件で抽出可能ですが、その中の一つ「最終購入日」を使って休眠顧客を抽出する設定例です。プルダウンに例示される条件で「<=」は「日付以前」とありますが「相対日（月）」の指定も可能なので、現時点からの直近n日間未購入アカウントが抽出できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」の各種セクションタイトルを左端以外にも中央や右端に表示したい時のCSS設定例ShopifyのテーマDawnには様々なセクションがありますが、見出し(タイトル)の配置位置について設定項目が無いのでカスタムCSSで調整します。なお、セクションタイプによって設定方法が異なるので、それぞれの設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」の「特集コレクション」セクションで「コード編集」せずにテーマエディタの操作のみでランキング表示する設定例Shopifyのコレクションページでランキング表示する方法（https://store-dojo.com/products/2024-07-30）を応用して、少々無理やりですが「特集コレクション」セクションも同様にテーマエディタからの編集のみでランキング表示できるようにした設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のコレクションページで「コード編集」せずにテーマエディタの操作のみでランキング表示する設定例Shopifyテーマ Dawn のコレクションページで、コード編集のような大掛かりな作業をせずにランキングを表示する方法です。ページが複数に分かれる場合でも、通し番号でランキングを表示できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のカート画面にある「買い物を続ける」のリンク先を直前の画面にする設定方法Shopifyのカートページに設置されている「買い物を続ける」リンクですが、固定で「collections/all」が指定されています。ショッピング途中など、前に見ていたページに戻りたいケースも多いので、直前ページにリンクするようにしておくのも良いですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のセクション「折りたたみ可能なコンテンツ」について「最初の行(カラム)」以外に任意の行(カラム)も最初から開いておくようにする設定例Shopifyのテーマ「Dawn」の「折りたたみ可能なコンテンツ」セクションはデフォルトで「最初の行を開いておく」ことができますが、少し手を加えることで最初以外の任意の行も指定して最初から開いておくことができるようになります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」の商品ページに設置可能なブロック「折りたたみ可能な行」を最初から開いておくための設定例Shopifyのカート画面でカートが空のときだけおすすめ商品を表示し、カートに商品が入った際は非表示にしたいケースがあります。例えば「特集コレクション」セクションを使って特定のコレクションを掲載する場合、liquidの冒頭に少し手を加えて非表示条件を指定するなどしています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
