Shopifyのテーマ「Dawn」はヘッダーの背景は固定化されており、スライドショーや画像バナーの上に重ねて表示することはできません。そこでJavascriptとcssを使ったヘッダー背景透過処理の設定例です。テーマエディタでON/OFF操作も可能です。
テーマ「Dawn」のトップページでヘッダーの背景を透過してスライドショーや画像バナーの上に重ねて表示できるようにする設定例
【設定手順①】「settings_schema.json」にschemeを、「ja.schema.json」にラベルを追加
【設定手順②】「header.liquid」にschemeを、「ja.schema.json」にラベルを追加
【設定手順③】「header.liquid」に２種の表示用コードを追加
