Hot Line:

+1 (917) 730-2010

AI-Powered Web Development, SEO, Shopify & WordPress — Get a Free Consultation Today. Get Started

Tutorials

How To Add Link To Footer Image In Dawn Theme

  • 06 Jun, 2024
  • 0 Comments
  • By WebSensePro
How To Add Link To Footer Image In Dawn Theme

Step 1:

Find the following code in footer.liquid file:

<img
                           
                            src="{{ block.settings.image | image_url: width: 760 }}"
                            alt="{{ block.settings.image.alt | escape }}"
                            loading="lazy"
                            width="{{ block.settings.image.width }}"
                            height="{{ block.settings.image.height }}"
                          >

Add replace it with the following code above it:

<a href="{{ block.settings.link }}">

<img
                           
                            src="{{ block.settings.image | image_url: width: 760 }}"
                            alt="{{ block.settings.image.alt | escape }}"
                            loading="lazy"
                            width="{{ block.settings.image.width }}"
                            height="{{ block.settings.image.height }}"
                          >
</a>

Step 2:

Find the following code in footer.liquid file:

"default": "center"
        }

And replace it with the following code:

"default": "center"
        },
{
    "type": "url",
    "id": "link",
    "label": "Link"
}
4.4/5 · 7 votes
Tags:

    Comments

    Background Pattern

    Want to work with us?

    Let’s build your website, grow your traffic, and automate your business with AI.

    Background Pattern