hi m using Dawn theme and wants to create customized section like shown in picture
I see you’re looking to create a custom section in the Dawn theme, similar to the one shown in your image. Let’s walk through the process together.
1. Access Your Theme’s Code:- From your Shopify admin dashboard, navigate to Online Store > Themes.
- Find your current theme (Dawn) and click on Actions > Edit code.
2. Create a New Section:- In the Sections directory, click on Add a new section.
- Name your section appropriately (e.g., custom-section) and click Create section.
3. Add Your Custom Code:- In the newly created custom-section.liquid file, you’ll see some default code. You can replace this with your custom HTML, CSS, and Liquid code to achieve the desired layout and functionality.
4. Define Section Settings (Optional):- To make your section customizable from the theme editor, you can define settings within {% schema %} tags. This allows you to add text fields, image pickers, and other inputs that can be adjusted without touching the code.
5. Include the Section in Your Theme:- To add this custom section to a specific page or template, you’ll need to include it in the relevant template file. For example, to add it to your homepage, you can add {% section ‘custom-section’ %} in the index.liquid file.
6. Test Your Changes:- After saving your changes, preview your store to ensure the new section appears as intended and functions correctly.
If you need any other assistance, I am willing to help.
Best regards,
Daisy.