Solved

How to make a Dawn theme banner clickable?

Amiesessentials
Visitor
1 0 1

Hello,

How do I make my Dawn theme banner clickable? 

www.amiesessentials.com

Accepted Solutions (2)

Shridharr
Shopify Partner
9 2 1

This is an 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.

View solution in original post

dmwwebartisan
Shopify Partner
12309 2550 3703

This is an accepted solution.

@Amiesessentials 

Please check the following URL for creating a clickable banner 

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

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 5 (5)

Shridharr
Shopify Partner
9 2 1

This is an 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
Tourist
9 0 0

Thank you, it was very helpful.

dmwwebartisan
Shopify Partner
12309 2550 3703

This is an accepted solution.

@Amiesessentials 

Please check the following URL for creating a clickable banner 

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

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
bubblebeauty
Tourist
6 1 0

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

 

Cheers!

oscprofessional
Shopify Partner
15897 2378 3084

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

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free