Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
【Shopify TIPS】
テーマ「Dawn」の商品詳細画面でチェックボックスを表示し全てチェックされた時に購入ボタンを有効にするようにする方法：その２Shopifyの商品ページにチェックボックスを追加し、チェックを入れないと購入できないようにする実装例です。この設定では、1つのブロックにつき最大3つの項目を設定でき、さらに特定のタグが付いた商品にのみ適用することが可能です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
１人１回きりの クーポンを使った注文がキャンセルされた場合２回目の注文で 使うことができないShopifyのクーポンは１人１回という条件を設定することができますが、そのクーポンを使った注文がキャンセルされた場合、同じメールアドレスや電話番号では２回目の注文で使うことができません。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
自社ECを運営されている高松さんならでは、実践的で中身の濃いノウハウが詰まったお話が伺えるチャンネルです！
-
【Shopify TIPS】
不要であればrobots.txtを編集して.atomファイルを クロール対象から除外しておくShopifyのsitemap.xmlには.atomファイルも記載されるので、Search Consoleの「クロール済み・インデックス未登録」にもリストアップされるのですが、不要なら外しておきたいところです。「コード編集」からテンプレートを新規追加してrobots.txtを編集することができるので、「Disallow: /*.atom」と追加指定することができます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマDawnでコレクションに商品説明を引用表示するための設定例Shopifyのコレクションページで、商品説明文を商品ごとに表示する設定例です。取り扱い商材によりますが、商品の写真や価格のほかに説明文も掲載することで、お客様が商品選びやすくなるようアシストできます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマ「Dawn」のカート画面にSKUを表示する設定例Shopifyのテーマ「Dawn」のカート画面で、商品のSKUを表示させる設定例です。テーマエディタの設定画面で表示をON/OFFできるようにすることもできますが、表示することが確定しているのであれば、直接コードを書いてしまって良いかと思います。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopify Flowで「予定時刻トリガー」を使ったアクションの中身をデバッグする方法Shopify Flowで「予定時刻トリガー」を使ったFlowの場合、アクションの中身をデバッグする際は現時点の1〜数分後を指定して即時実行することで結果確認するなどしています。（指定時刻に実行されるかどうかについては、リアルにその時刻の経過を待ちます）
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
カートの追加情報(cart.attributes)の内容が設定されているかどうかを注文完了しなくてもカート画面で確認できるようにする方法Shopifyのカート画面で配送日指定など注文情報に追加できるようになるcart.attributesですが、ちゃんと値が設定されているかどうかを毎回注文完了して確認するのは手間です。カート画面でcart.attributesの中身を確認できるようにした、運営者向けのデバッグ用確認画面の設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
テーマDawnでカート画面に「あといくらで送料無料&割引」を表示する設定例「あといくらで¥XX割引」に「あといくらで送料無料」を組み合わせたい時の設定例です。（前提となるディスカウント設定が異なる場合、このままでは使えないので必要に応じて編集が必要です。ご注意ください）
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
https://store-dojo.com/products/2023-08-16
-
【Shopify TIPS】
テーマDawnでカート画面に「あと¥◯◯◯◯で割引」を表示する設定例「あといくらで送料無料」を応用した、自動ディスカウントを使った「あといくらで¥XXX割引」の実装方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
商品情報などの一括編集画面で複数行の同時編集を行う方法Shopifyの一括編集画面は非常に便利ですよね。複数行の編集も手軽に行えるのですが、複数行をただ選択しただけだと編集やペーストができません。その状態から最初の１業目を入力状態（カーソルが当たった状態）にしてあげればOKです。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【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
スレッド