Shopifyの商品カードをカスタマイズ|売り切れ・セール価格・割引率・独自タグ
Shopifyの商品カードで売り切れ・セール価格・割引率・独自タグを表示する方法を、花月のカスタムセクションを例に解説します。価格の条件分岐とlabel_タグの変換、複数バリエーションの注意点まで整理します。
初心者のための徹底ガイド-Web制作
CATEGORY
Shopifyの基本設定、テーマカスタマイズ、商品登録、ストア運営など、ECサイト制作に役立つ情報を解説します。
Shopifyの商品カードで売り切れ・セール価格・割引率・独自タグを表示する方法を、花月のカスタムセクションを例に解説します。価格の条件分岐とlabel_タグの変換、複数バリエーションの注意点まで整理します。
Shopifyで画像を選んでも表示されないときは、image_pickerのtypeと設定IDを確認します。実際のサンクスページ修正例をもとに、section.settingsの参照、背景画像の出力、画像タグとの使い分けを解説します。
Shopify標準のお問い合わせフォームでplaceholderが見えない原因、textareaの必須入力、return_toによるサンクスページ遷移を解説。複製テーマで確認するポイントもまとめます。
Shopifyの/collections/allで表示元のLiquidファイルを特定し、商品一覧のタイトルと説明文をテーマエディターから変更できるようにする方法を解説します。collection.json、section schema、section.settingsの関係も分かります。
ShopifyのカスタムLiquidでunlessとrequest.page_typeを使い、ブログ記事の詳細ページだけCSSを除外する方法を解説します。Horizonへの追加手順、articleとblogの違い、反映されない場合の確認点も分かります。
ShopifyのカスタムLiquidとカスタムCSSの違いを整理し、Horizonのヘッダー・フッターへの追加、request.page_typeとpage.handleによる条件分岐、セクション単位でCSSを適用する仕組みを解説します。
ShopifyでできることをWordPressと比較し、Liquid、テーマ構造、Shopify CLIの役割を整理します。実装前に確認した内容と、今後検証・アウトプットするテーマ開発の流れをまとめました。