商品情報にスキップ
公開日：2023.12.11
【Dawn】ShopifyのテーマDawnの商品画像にLoading処理を追加する設定例
用途
Shopifyのテーマ「Dawn」には他のテーマで見かけるような商品画像の読み込み中に表示されるLoading処理が付いていません。そこで、Javascriptによってcssアニメーションによるloaderを動的に追加するための設定例です。（DOMの指定方法が異なるためテーマ「Dawn」でのみ使用可能です）
テーマDawnの商品画像にLoading処理を追加する設定例
【（テーマDawnの場合）設定方法】テーマエディタでヘッダーグループにカスタムLiquidセクションを追加してコードを挿入
サンプルコード
動作検証済テーマ：Dawn/Rise 15.2.0
