Skip to product information
1 of 1
Published:2023.12.20

A setting example for the top page of the Shopify theme "Dawn" that allows you to make the header background transparent and display it over a slideshow or image banner.

A setting example for the top page of the Shopify theme "Dawn" that allows you to make the header background transparent and display it over a slideshow or image banner.

Applications

  • Header management and editing

How to implement

  • LIQUID
  • Javascript
View full details

The Shopify theme "Dawn" has a fixed header background, and cannot be displayed over a slideshow or image banner. Here is an example of how to set up header background transparency using Javascript and CSS. You can also turn it on and off in the theme editor.


An example of how to make the header background transparent on the top page of the "Dawn" theme, allowing it to be displayed over a slideshow or image banner.


[Settings Step 1] Add the scheme to "settings_schema.json" and the label to "ja.schema.json"


[Settings Step 2] Add the scheme to "header.liquid" and the label to "ja.schema.json"


[Settings Step 3] Add two display codes to "header.liquid"


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add the schema to "settings_schema.json"


Add a label to "ja.schema.json"

Related Post