Add link to image in footer section ( Shopify Dawn Theme )

Add link to image in footer section ( Shopify Dawn Theme )

dreamtechzone_5
Shopify Partner
576 1 91

Hello Everyone!

I am using the Shopify Dawn Theme. I have added the logo in the footer section. I would like to add a link to this logo. Is it possible? Thank you in Advance.
Store: https://blue-chic-clothes.myshopify.com/
Password: Admin

BLUE-CHIC-CLOTHES-HOME.png

Replies 3 (3)

oscprofessional
Shopify Partner
16343 2438 3177

@dreamtechzone_5 
hello please follow steps

Using Theme Customizer

  • Log in to Shopify Admin: Log in to your Shopify admin panel.
  • Navigate to Online Store: Go to Online Store and then Themes.
  • Customize Theme: Find your current theme and click on Customize.
  • Edit Footer Section: In the theme customizer, navigate to the Footer section. Depending on your theme, you may see options to add content to the footer.
  • Add Logo Image: If your theme allows, you can upload a logo image directly through the customizer. Look for an option like "Add image" or "Logo."
  • Add Link to Logo: Some themes provide an option to link the logo image to a URL. If this option is available, enter the URL where you want the logo to link.
  • Save Changes: After making these changes, save your progress.

Method 2: Editing Theme Code

Log in to Shopify Admin: Go to Online Store > Themes.>Actions > Edit code>Footer.Liquid > Add Logo HTML

<div class="footer-logo">
    <a href="https://your-link-url.com">
        <img src="{{ 'logo-image-url.png' | asset_url }}" alt="Footer Logo">
    </a>
</div>

 

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

BSSCommerce-B2B
Shopify Partner
1972 564 566

HI @dreamtechzone_5 , 

It's possible to add a link to the logo in the footer of the Shopify Dawn theme. 

You can wrap <img> into <a> with your link you want to redirect. 

BSSCommerceB2B_0-1722603491841.png

 

You can do this by this way: 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

BSSCommerceB2B_1-1722603553952.png

 

Step 2: Locate the Footer Section: In the Sections folder, look for a file named footer.liquid or something similar.

Looking for the class: footer-block__image-wrapper > img and wrap tag <img> into tag <a> with your link you want to redirect. 

Like this:

  < a href = "YOUR_LINK_HERE" >
    <img src="//blue-chic-clothes.myshopify.com/cdn/shop/files/BLUE.png?v=1722591376&amp;width=1100" alt="" srcset="//blue-chic-clothes.myshopify.com/cdn/shop/files/BLUE.png?v=1722591376&amp;width=50 50w, //blue-chic-clothes.myshopify.com/cdn/shop/files/BLUE.png?v=1722591376&amp;width=100 100w, //blue-chic-clothes.myshopify.com/cdn/shop/files/BLUE.png?v=1722591376&amp;width=150 150w, //blue-chic-clothes.myshopify.com/cdn/shop/files/BLUE.png?v=1722591376&amp;width=200 200w, //blue-chic-clothes.myshopify.com/cdn/shop/files/BLUE.png?v=1722591376&amp;width=300 300w, //blue-chic-clothes.myshopify.com/cdn/shop/files/BLUE.png?v=1722591376&amp;width=400 400w, //blue-chic-clothes.myshopify.com/cdn/shop/files/BLUE.png?v=1722591376&amp;width=550 550w, //blue-chic-clothes.myshopify.com/cdn/shop/files/BLUE.png?v=1722591376&amp;width=800 800w, //blue-chic-clothes.myshopify.com/cdn/shop/files/BLUE.png?v=1722591376&amp;width=1100 1100w" width="150" height="82.8" loading="lazy">
</>

Replace "YOUR_LINK_HERE" with the actual URL you want the logo to link to.

 

Step 3: Save your code and reload this page store front.

 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

dreamtechzone_5
Shopify Partner
576 1 91

Where should I paste the code?

Screenshot 2024-08-02 233733.png