Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のフッターに表示されている「Powered by Shopify」は「デフォルトテーマの コンテンツを編集」から非表示にすることが可能Shopifyのテーマ「Dawn」のフッターはデフォルトで「Powered by Shopify」の文字が表示されるようになっています。この部分を非表示させたいとリクエスト頂くことがあるのですが、footer.liquidを直接編集しても良いですし、ノーコードで対応することも可能です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopify FlowのLogアクションを使ってコードをデバッグが便利Shopify Flowは基本的にはノーコードで作成できますが、少々複雑な処理を行いたいときはコードを書くこともあります。そんなとき、Log output アクションを使うとデバッグがしやすくて便利ですね。処理内容をそのままペーストして変数の値の変化を確認するなどしています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopify Flowを使って顧客ごとに特定商品の購入数の履歴をメタフィールドに持たせる設定例② 「注文がキャンセルされたら購入数の履歴も元に戻す」前回のポストに続きShopify Flowを使った特定商品の購入数履歴について。購入がキャンセルになった場合、カウントアップしたメタフィールドの購入数履歴は減数しておきたいので、そのためのFlowになります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopify Flowを使って顧客ごとに特定商品の購入数の履歴をメタフィールドに持たせる設定例Shopifyで特定の商品を一定数購入された方にノベルティグッズを提供したい場合があります。そのためには顧客ごとに特定商品に限った購入数を知る必要がありますが、購入数の集計などはせずにShopify Flowで顧客メタフィールドに購入数を保持して他から参照できるようにするのも手です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyででストア移行時にMatrixifyを使ってブログ記事のインポートを行う際は記事本文中で表示する画像の参照先URLに注意既存ストアからShopifyにリプレイスする際、移行対象には商品情報だけでなくブログ記事が含まれることもよくあるケースだと思います。そんな時もMatrixifyが活躍してくれるのですが、記事本文中の画像はインポートしてくれないので注意が必要です。それらは別途移行しておく必要があります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」の トップページで ヘッダーの背景を透過してスライドショーや画像バナーの上に重ねて表示できるようにする設定例Shopifyのテーマ「Dawn」はヘッダーの背景は固定化されており、スライドショーや画像バナーの上に重ねて表示することはできません。そこでJavascriptとcssを使ったヘッダー背景透過処理の設定例です。テーマエディタでON/OFF操作も可能です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn」のスライドショーで表示されるコンテナの見出し・小見出しを任意の場所で改行できるようにする設定例ShopifyのテーマDawnのスライドショーで画像の上（または下）に表示される見出しと小見出しのコンテナですが、デフォルトでは任意の場所で改行することはできません。ハック的な方法ですが少しだけ手を加えて改行表示を可能にする設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
バックアップしづらい「コンテンツ > ファイル」はMatrixifyを使ってファイルのURLを取得してからの一括ダウンロードがオススメShopifyのアプリMatrixifyを使えば、「コンテンツ > ファイル」セクションのデータも一括でインポート/エクスポートできます。エクスポートしたデータから「各ファイルのURL」が取得できるので、これを使ってファイルを一括ダウンロードすれば、簡単にファイルのバックアップができるので便利です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn」の商品ページで指定したメタフィールドが未設定の場合にセクションを非表示にする設定例Shopifyではメタフィールドを使うことで共通のテンプレートを使いつつ商品ごとに異なる内容を表示することが可能です。ただ、メタフィールドが空欄の場合も強制的にブランク状態で表示されてしまう点は注意が必要です。中身がない場合も考慮して設定項目を追加しておくのもオススメです。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
商品管理画面でセール中の商品を確認する方法Shopifyの商品管理画面でセール中の商品を絞り込んで確認できると良いのですが、そのような条件設定項目がありません。データをエクスポートして確認しても良いのですが、サクッと自動コレクションの絞り込み条件を使って一覧表示するという方法もあります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopify Flowを使って注文時に使われたクーポンコードを注文メモやタグとして追加する設定例Shopifyの注文情報画面で、各注文ごとに使用されたディスカウント（クーポンコード）を注文メモやタグとして表示させる場合のFlow設定例です。クーポン以外にも注文情報の中身をタグとして抽出する際に応用できるかと思います。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」で特定の商品タグを指定して表示するための設定例Shopifyの商品詳細画面で商品情報に設定されたタグを表示する方法はカスタムLiquidを使うなど色々ありますが、表示させたいタグをテーマエディタ側で指定できるようにした独自ブロックの設定例です。表示させるタグを敢えて指定する方式なので、不要なタグが表示されないよう制御できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのチェックアウトのレイアウト指定はテーマ設定から行うShopifyのすべてのストアで適用されるようになった「１ページチェックアウト」ですが、Shopify Plus以外のストアはテーマ設定から「１ページ / ３ページ」の切り替えができます。お手軽ですが、テーマ切り替え時にチェックアウトレイアウトまで切り替わってしまわないよう注意が必要です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
ShopifyのテーマDawnの商品画像にLoading処理を追加する設定例Shopifyのテーマ「Dawn」には他のテーマで見かけるような商品画像の読み込み中に表示されるLoading処理が付いていません。そこで、Javascriptによってcssアニメーションによるloaderを動的に追加するための設定例です。（DOMの指定方法が異なるためテーマ「Dawn」でのみ使用可能です）
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のアカウントアイコンをログインの前と後で変える設定例Shopifyで「お客様アカウント」を有効化するとヘッダーにアカウントアイコンが表示されるようになりますが、このアカウントをログイン状態の有無に応じて切り替える方法です。アイコンを表示するスニペットファイルの中で、ログイン判定するコードを使って実装できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのアプリ「Matrixify」を使って商品のタイムセールを自動で実行する設定例ShopifyのアプリMatrixifyのスケジュール機能を使えば、簡単にタイムセールを実行することもできます。商品の価格などを一時的に変更するCSVと元に戻すCSVの２つを用意しておき、それぞれスケジュールを設定しておくだけです。それなりの数の商品を一括で処理したいときなど重宝します。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」の検索フォームに絞り込みフィルターの一つをカテゴリ検索のように持たせる設定例Shopifyのテーマ「Dawn」の検索ボックスにPC版Amazonのような、カテゴリの絞り込み機能を持たせる設定例です。コレクションページに設定できる絞り込みフィルターを使うことで、指定範囲内でのキーワード検索が実行できるようになります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyでメタフィールドを使ってコレクションごとにフィルターの非表示指定ができるようにする設定例Shopifyのコレクション絞り込みフィルターは全てのページで共通です。掲載商品に該当項目がなければ自動でその項目は非表示になるので十分便利なのですが、それでもコレクションごとに特定のフィルターを敢えて非表示にしたいことがあります。メタフィールドを使った設定方法の実装例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのアプリ「Matrixify」を使ってcoming soon設定した商品を自動で公開状態にする設定例Shopifyで、商品を事前公開しつつ特定の日時になったら購入可能にするには専用アプリやメタフィールドを使うなどいくつか手段がありますが、Matrixifyのスケジュール機能を使って商品情報を直接更新するという方法もあります。その設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
https://store-dojo.com/products/2023-12-05
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」でバリアントを持つ商品の在庫が一部切れている場合にコレクション(商品一覧)画面に「一部売り切れ」と表示する設定例Shopifyのテーマ「Dawn」のコレクションページでは、全てのバリアントが売り切れている時に「売り切れ」と表示されますが、いくつかのバリアントが在庫切れになってしまっている場合にも「一部売り切れ」として表示したいときがあります。その設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド