How to make a Dawn theme banner clickable?

[Amiesessentials]

Hello,

How do I make my Dawn theme banner clickable? 

www.amiesessentials.com

[Shridharr · Accepted solution]

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.

[Shridharr · Accepted solution]

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.

[Carevip]

Thank you, it was very helpful.

[Tammy]

This didn’t work for me

[dmwwebartisan · Accepted solution]

@Amiesessentials 

Please check the following URL for creating a clickable banner 

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

Thanks!

[bubblebeauty]

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

Cheers!

[oscprofessional]

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. <a> 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.

<div class="banner">
  <a href="/your-link-url">
    <img src="{{ section.settings.image }}" alt="{{ section.settings.alt_text }}">
  </a>
</div>

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' ).

[PlaceresDeLola]

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!