商品情報にスキップ
1 1
公開日:2024.10.08

【Dawn】Shopifyのテーマ「Rise/Dawn」のコレクションページで「売り切れ」状態の商品をバッジではなく写真全面をカバーするように表示する設定例(その2)

【Dawn】Shopifyのテーマ「Rise/Dawn」のコレクションページで「売り切れ」状態の商品をバッジではなく写真全面をカバーするように表示する設定例(その2)

用途

  • コレクション情報管理・編集

実装方法

  • HTML/CSS
詳細を表示する

Shopifyのテーマ「Dawn/Rise」のコレクションページで売り切れ商品にオーバーレイ表示させる方法ですが、こちらのポストのようにテーマエディタから編集するのではなく、直接Liquidコードを編集する方法であれば、特集コレクション側も同時に変更可能になります。


Shopifyのテーマ「Rise/Dawn」のコレクションページで「売り切れ」状態の商品をバッジではなく写真全面をカバーするように表示する設定例(その2)


【(テーマRise/Dawnの場合)設定方法】「snippets/card-product.liquid」のコードを修正し、「assets/base.css」にスタイルを追加


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

「snippets/card-product.liquid」のコードを修正

「assets/base.css」にスタイルを追加

関連ポスト