How to make a Dawn theme banner clickable?

Store Design
,
1

Hello,

How do I make my Dawn theme banner clickable?

www.amiesessentials.com

1 Like
2

To make the banner in the Dawn theme on your website, you can follow these steps:

  1. Log in to your Shopify admin panel.

  2. From the left-hand sidebar, go to ā€œOnline Storeā€ and click on ā€œThemesā€.

  3. Find the Dawn theme and click on the ā€œCustomizeā€ button.

  4. In the customization panel, locate the section that includes the banner you want to make clickable. It might be called ā€œHeaderā€ or ā€œHeroā€ section.

  5. Look for an option or setting related to the bannerā€™s link or click functionality. This setting may vary depending on the specific layout and options provided by the theme.

  6. Enable or enter the desired URL or page link in the appropriate field. This should allow you to specify where the banner should redirect when clicked.

  7. Save your changes and exit the customization panel.

3

@Amiesessentials

Please check the following URL for creating a clickable banner

https://ezfycode.com/blog/dawn-theme-clickable-banner-tutorial

Thanks!

2 Likes
4

Hello @Amiesessentials

To make the banner section clickable in the Dawn theme on Shopify, you can modify the themeā€™s code to add a link to the banner.

  1. Online store > Themes
  2. Customize the button to access the theme editor
  3. Navigate to sections > hero.liquid
  4. tag around the banner element to create a clickable link.
  5. Set the href attribute of the anchor tag to the desired URL where you want the banner to link to.

Replace ā€œ.your-link-URLā€ with the actual URL you want the banner to link to. you can use an absolute URL. 'https://example.com/pageā€™) or a relative URL (e.g. ā€˜../pageā€™ ).

5

Hey there, looks like I dont have that option in my Theme: Refresh. Is there another way to hyperlink my banner to https://www.facebook.com/groups/1489558128276798?

https://bubblebeautysupplies.com/

Password: bubble

I have circled the banner I want hyperlinked, and the div class highlighted in Inspect mode

banner.PNG
banner.PNG1424Ɨ889 231 KB

Cheers!

6

Thank you, it was very helpful.

7

This didnā€™t work for me

8

Hello,

Thank you for the information. Does this allow me to modify the URL on the editor or do I have to edit the code always. my store is www.losplaceresdelola.com

Thank you!