Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」で価格を表示しないコレクションページの設定例ShopifyのLOOK BOOK用にコレクションを作成する時など、価格を非表示にしたい時があります。そんな時は通常使用するものとは別のコレクションテンプレートを作成し、カスタムCSSで価格部分を非表示にするなどすればコストをかけずに設定できます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」の価格フィルターに１クリックでレンジ指定が可能なボタンを設置する設定例Shopifyのテーマ「Dawn」のコレクションページフィルタ「価格」は数値による指定が少々面倒ということで、１タップで価格レンジを指定できるボタンを設置する方法です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
-
【Shopify TIPS】
Shopifyで管理画面からは直接追加することができない「追加の詳細」項目をMatrixifyを使って追加する方法Shopifyの注文情報は管理画面から「追加の詳細」に掲載されている内容を編集することはできるのですが、項目自体を新たに追加することができません。そこで、項目を追加したいときはMatfixifyを使います。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで複数クーポンが適用された数をタグづけする設定例Shopifyで複数のクーポン（ディスカウント）が使えるようになって久しいですが、その利用度合いを確認したいケースがあります。Flowを使って注文ごとに使用されたクーポン数をタグづけしておけば情報が抽出しやすくなります。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」でメタフィールドを活用して商品と特定のコレクションとの親子構造を反映したパンくずリストを表示する設定例Shopifyのテーマ「Dawn」にパンくずリストを設置する際、何もしなければ商品情報はホームの直下に指定せざるを得ないのですが、メタフィールドを使って親コレクションを指定することで親子構造を設定することもできます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」にシンプルなパンくずリストを設置する例Shopifyのテーマ「Dawn」にはパンくずリストがありませんので、独自に設置する必要があります。その設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyでキャンセル後の再注文で１人１回限りのクーポンが使えない時は再注文詳細の「ディスカウント編集＆返金」処理で対応するShopifyでお客様の事情等で注文をキャンセルして再注文していただく際に、一度使ってしまったクーポンが使えないというケースがたまにあります。その際は、通常通り注文してもらった後、手動で注文のディスカウントを編集して再適用するなどしています。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のコレクションページでページをロードせずに連続してページを読み込めるようにする設定例Shopifyのテーマ「Dawn」のコレクションページで、ページを切り替えることなく２ページ目以降を動的に読み込めるようにするための設定例です。スマホで一瞬チラついてしまうのですが、商品詳細から戻ってきた時や画面をリロードした際も、直前の読み込み状態を保持します。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPSスレッド
-
【Shopify TIPS】
Shopifyで「Shopify Bundles」アプリを使って個々のSKUを用意せずに販売単位の異なる商品で在庫を共有する方法Shopify Bundlesは本来はその名の通り複数の商品をバンドルし（まとめて）て商品が販売できるようになるアプリですが、異なる数量で商品を販売する際の簡単な在庫共有アプリとしても利用することができます。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで特定の商品が含まれていたら送料を無料にする設定例Shopifyで特定の商品が含まれていたら送料を無料にしたいケースがあります。商品の「重量」情報を使っていないストアに限りますが、重量を条件に無料配送を設定し、対象商品にのみ重さを設定することで、その商品が含まれていた場合に送料を無料にすることができます。その設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」の商品詳細ページに追加可能な 「付属商品」ブロックを使って他の商品へのリンクを設定するShopifyのテーマ「Dawn」には動的に商品をサジェストしてくれる「関連商品」セクションがありますが、「付属商品」という似た機能を持つブロックがあります。こちらは表示する商品を意図的に指定できるので、コーディネート商品などを掲載するのがいいですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで商品一覧画面の画像を（一時的に）拡大表示する方法Shopifyの商品一覧画面で、商品のサムネイル表示をもう少し大きく表示したい時があります。そんな時はChromeのデベロッパーツールを開き、簡単なjavascriptを入力して拡大表示してたりします。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyのアプリ「Search & Discovery」を使って英語タイトルの商品も意図した検索ワードでヒットするようにする設定例Shopifyのストア内検索でうまく商品がヒットしてくれない時は、Search & Discoveryの「検索」機能を使います。特定の検索ワードに対して意図した商品が表示されるように設定できるので便利ですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
Shopify新テーマ「Horizon」用に作っていた「カラム」ブロックに、列ごとに幅を%指定できるオプションを追加してみました。
均等分割だけでなく、分割する列の数に応じて1:2や1:3:1など様々な比率のレイアウトに対応。自由度の高い段組みをテーマだけで対応できそうです。
テーマブロックの再利用性を活かしつつ、メンテナンス性と柔軟性を両立する設計を引き続き探っています。
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のカート画面で１タップクリップボードコピーが可能な複数のクーポンコードを表示する設定例Shopifyで複数のクーポンが使えるようになりましたが、チェックアウト画面で一つひとつ入力してもらう必要があります。ストア内に掲載している複数のクーポンを掲載し、それらのコードを１タップでコピーできるようにすることで積極的な利用を促す設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで管理画面で変更をかけた注文にタグをつけて注意メッセージを表示する設定例Shopifyの公式回答にもあるように管理画面から編集した注文はアカウントの注文詳細に反映されません（追加はされるが削除されない）。お客様は変更内容が反映されないと心配されますので、注文タグを付けて注意メッセージを出すなどの対応をすると良いでしょう。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
時間を見つけては、Shopifyの新テーマ「Horizon」を試しています。
直感的に要素を横並びにレイアウトできるようにしたかったので、構造を探りつつオリジナルの「カラム」ブロックを作成しました。
テーマブロックとして定義したことで、さまざまなセクションで利用可能になり、ネストにも対応。組み合わせ次第でかなり自由なレイアウトが組めそうだという手応えを得られました。新テーマを使いこなすにあたっては、
「テーマブロックを活かしつつ、どこまでメンテナンスしやすい構造にできるか」
「できるだけコードカスタマイズをせずに柔軟な表現を実現できるか」
などを意識しながら取り組んでいます。テーマブロックのネストやAI生成ブロックを含む柔軟なレイアウトを、どう設計・制御するかが今後ますます重要だと実感しています。
社内用ドキュメントをまとめながら、新テーマを深く理解し、どう使いこなしていくかを検証中です。
#Shopify #Horizon #ShopifyTheme
-
【Shopify TIPS】
Shopifyのテーマ「Dawn」のスマートフォン閲覧時のカート画面で 合計金額と「ご購入手続きへ」ボタンをフッター固定にする設定例Shopifyのテーマ「Dawn」で、一度に購入する商品点数が多いストアでカート離脱をできるだけ防ぎたい際に、スマートフォンでの閲覧時にカート画面で合計金額と「ご購入手続きへ」ボタンをフッター固定にする設定例です。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
-
【Shopify TIPS】
Shopifyで注文管理画面で発送が完了した商品に「発送完了日をタグ付け」する設定例Shopifyの注文管理一覧画面で、発送完了日も確認したいというリクエストをいただくことがあります。注文のフルフィルメント完了と同時に「発送完了_[注文日付]」というタグを付与するFlowを走らせるのが簡単ですね。
（詳細はスレッドのリンク先に記載）
#Shopify #ShopifyTIPS
スレッド
