{"product_id":"2024-10-08","title":"【Dawn】Shopifyのテーマ「Rise\/Dawn」のコレクションページで「売り切れ」状態の商品をバッジではなく写真全面をカバーするように表示する設定例（その２）","description":"\u003cp\u003eShopifyのテーマ「Dawn\/Rise」のコレクションページで売り切れ商品にオーバーレイ表示させる方法ですが、\u003ca href=\"https:\/\/store-dojo.com\/products\/2024-10-05\"\u003eこちらのポスト\u003c\/a\u003eのようにテーマエディタから編集するのではなく、直接Liquidコードを編集する方法であれば、特集コレクション側も同時に変更可能になります。\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003eShopifyのテーマ「Rise\/Dawn」のコレクションページで「売り切れ」状態の商品をバッジではなく写真全面をカバーするように表示する設定例（その２）\u003c\/h3\u003e\n\u003cp\u003e\u003cimg style=\"aspect-ratio: 1.25;\" height=\"640\" width=\"800\" class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-08_1.png?v=1764401261\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e【（テーマRise\/Dawnの場合）設定方法】「snippets\/card-product.liquid」のコードを修正し、「assets\/base.css」にスタイルを追加\u003c\/h3\u003e\n\u003cp\u003e\u003cimg style=\"aspect-ratio: 1.25;\" height=\"640\" width=\"800\" class=\"zoomable-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-08_2.png?v=1764401260\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47737135333627,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-10-08.png?v=1764418393","url":"https:\/\/store-dojo.com\/products\/2024-10-08","provider":"STORE DOJO","version":"1.0","type":"link"}