Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
【Shopify TIPS】
テーマDawnで在庫ステータスをコレクションにも表示する方法ShopifyのテーマDawnでは商品詳細ページに在庫ステータスを表示することができますが、それをコレクション（一覧ページ）にも出せるようにする方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
商品詳細ページの購入ボタン付近にお支払い方法を表示する方法Shopifyの商品情報ページで、購入ボタン近辺にも決済アイコンを表示するための方法です。テーマのコードを編集して独自ブロックを追加できる形にしても良いのですが、「カスタマイズされたliquid」ブロックにコードを挿入する方法であれば手軽に追加可能です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
カスタムCSSでセクションそのものに適用したい場合はセレクター名の無い{ }で囲むテーマエディタで各セクションごとに追加できるカスタムCSSですが、セクションそのものに適用したい場合はセレクター無しの{}で囲めば良いようです。ソースコードを確認するとそのセクションのIDが自動で付与されてました。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
メタフィールドのタイプ「リッチテキスト」をストアフロントで表示する方法Shopifyのメタフィールド「リッチテキスト」ですが、そのまま表示しようとするとjsonデータが出力されてしまいます。HTMLタグ付きで表示されるようにするためには「metafield_tag」フィルタを使います。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
セクションの内容を別のテンプレートにも複製したい場合Shopifyでテンプレートを跨いでセクションを複製したい時があります。本格的にテーマカスタマイズする時はメタオブジェクトで一元管理可能にするなどしていますが、シンプルに同じ内容を表示したいだけの時は、ファイルを破損しないよう配慮しつつjsonの中身をコピーするなどしています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
近すぎる配送希望日を指定されてしまった場合の対応事例Shopifyではカート画面で配送希望日を取得する事が多いのですが、チェックアウト画面で離脱されて翌日以降に再開された場合、配送希望日が指定範囲外になってしまうことがあります。自動処理での対応が難しいこともあり事後対応になってしまいますが、通知内容で検知・対応する事例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
在庫数が0になった商品をコレクションで非表示にしたい場合Shopifyの商品一覧（コレクション）ページで、在庫が0になった商品を非表示にしたいときは、やはり素直に自動コレクションで条件設定するのが良いですね。手動コレクションを使ってコードカスタマイズで対応しようとするとどうしても無理が生じてしまいます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
特定の商品がどこからリンクされているかを確認できるセクションの設置方法 （管理ユーザー用）Shopifyで特集ページやブログ記事に掲載した商品情報の削除や編集を行いたい場合、どこに掲載したかを一つひとつ探すのは少々手間です。そこで、管理者向けにどのページからリンクされているかを確認できる簡易リンクチェッカーの設置例です。
（入力した商品情報のhandleが、ブログ記事やページ、商品情報の説明文などの文中に含まれている場合、検索結果に表示されます）（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
https://store-dojo.com/products/2023-08-03
-
【Shopify TIPS】
ディスカウント管理画面で「-（マイナス）」を使った除外検索が可能Shopifyのディスカウント管理画面では「-（マイナス）」を使った除外検索が可能です。アプリが自動で生成したクーポンが大量に貯まってしまった時など、それらを除外するのに役立ちます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
商品管理画面でメタフィールドで絞り込みできるようにする設定方法商品管理画面ではメタフィールドで絞り込みすることができます。メタフィールドの設定画面で「商品の絞り込み」のチェックをONにすれば表示されます。ちなみに2025年2月現在、絞り込みが行えるタイプは「単一行のテキスト」「商品」「会社」「コレクション」「メタオブジェクト」「ページ」「true of false」「ID」のみで、他のタイプは対象外となっています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
フルフィルメント完了時(商品出荷時)に支払い確定する設定についてフルフィルメント完了時に支払い確定にしてくれる設定があります。対応決済方法に気を付ける必要がありますが、会計処理の関係で売上確定を発送完了時としたい場合など、この設定で対応可能かどうかまずはご検討いただくのが良いですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyディスカウントの組み合わせパターン例Shopifyのディスカウント（クーポン）の組み合わせは非常に強力ですが、少々複雑です。いくつかのパターンでの適用例が公式でも紹介されていますので、その組み合わせパターン例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマDawnの告知バーに表示可能なSNSアイコンをモバイルでも表示できるようにするためのCSS設定例テーマヘッダーの機能も強化され、DawnのVer.も11に上がってデフォルトでSNSアイコンがアナウンスバーに表示されるようになりましたね。せっかくなのでモバイルでも表示できるようにするためのCSS設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
https://store-dojo.com/products/2023-07-28
-
【Shopify TIPS】
Shopify公式の無料画像サイズ変換ツールShopifyで商品画像をアップする際、画像のサイズが大きするエラーが出てしまうことがよくあるのですが、画像編集アプリを使って一括で処理するまでもない時などは、こちらの公式ツールを使ってサイズ調整しています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマDawnの告知バーをテーマエディタでデバイスごとに表示・非表示できるようにする設定例告知バー限定というわけではありませんが、Shopifyでデバイスごとにテーマエディタを使ってセクションの表示・非表示を行えるようにする場合の設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Googleドライブにアップされた画像ファイルを一括登録する方法ShopifyでCSVを使って商品情報インポートする際に別サーバにアップされたファイルのURLを指定して取り込むことができますが、その取り込み先としてGoogleドライブを使う方法です。共有用のURLをそのまま使うことはできないので、ちょっとした工夫が必要です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
商品を指定して直接チェックアウトに遷移できるリンクの作成方法Shopifyでは「商品を指定して直接チェックアウトに遷移できるリンク」を生成して、一般のサイトやSNSで手軽に共有できます。ちなみに、チェックアウトではなくてカートに遷移させたい時は「?storefront=true」パラメータをつければOKです。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn」のブログやページで商品情報を引用しやすいようにスタッフアカウントでログインしている時だけ商品情報掲載用のHTMLコードを表示する方法Shopifyでブログやページに商品情報を埋め込む場合、画像やタイトルなど一つひとつ設定する必要があり手間がかかります。基本的にはPageFlyなどのビルダーアプリをオススメしてますが、スタッフアカウントでログインしている場合に限り商品情報をHTMLで取得できるようにする、といった方法を提案する事があります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマDawnで特集コレクションの商品をランダム表示するための設定例Shopifyの「特集コレクション」で商品をランダムに表示するための設定例です。キャッシュが強固なliquidでアクセスするたびに内容が更新されるようにするため、テーマ「Prestige」で採用されているcart attributesを使った手法を参考に実験的に組んでみたものです。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
https://store-dojo.com/products/2023-07-21
-
【Shopify TIPS】
テーマ「Dawn」でログインユーザーに「ようこそ○○様」を表示する設定例常時ログインしておくことが前提のストアで見かけることが多いかと思いますが、Shopifyでログインしたユーザーに「ようこそ○○様」メッセージをヘッダー等に表示したい場合の設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド