Can I add a tree counter to my footer? Using Dawn Theme

Hey if anyone can help me with this it’d be much appreciated - I’ve built my website from scratch but without any use of code as I have absolutely no idea what to do. I’m on a budget that is pretty much used up so I can’t afford a developer at the minute so I was hoping I could find some advice on how to add this code to my footer:

OneTribe - Climate Action Counter

Thank you for any help or advice!

Luke

1 Like

@lukejones

Add this code on the bottom of your footer.liquid file.
and save.

  1. Navigate to Online Store->Theme->Edit code
  2. asset->/footer.liquid ->paste below code at the bottom of the file.
  3. Save it.
1 Like

@lukejones

Your Welcome,
If you need any more help,
then let us know,

Thank you

Thank you! I added it at the bottom but it went below the footer and as it was a white transparent image I couldn’t see it but I just added it between two sections and it kind of worked better. If you have any pointers on how I could place it better that’d be great but you’ve helped me a lot anyway. Thank you :slightly_smiling_face:

1 Like

@lukejones

Without seeing your Site how can i point out, the result for you,
what ever are you looking?

Kindly, Share your Store url.
Thank you.

1 Like

Of course! www.zenathl.com

I have figured out how to centralise the newsletter and social icons however it would be great if I could centre the tree counter, quick links and image.

1 Like

@lukejones


[
![OneTribe - Climate Action Counter|235x105](upload://9F1M7MURw4eWgFvrNKSAq0WUq4R.svg)
](https://brands.onetribeglobal.com/zenathl)

try out add your code here tag into your code.

That’s perfect thank you! The only thing I need to center now is the navigation menu list - is this possible?

1 Like

@lukejones
yes, Every thing is possible in Shopify,
What ever you want to add?

Thanks

@lukejones

But i can’t see any menus, or menulists.

1 Like

I just deleted it! I don’t think I actually need it tbh. But thank you so much for your help I really appreciate it! You’re a legend - if there is anything I can do to thank you let me know.

1 Like

@lukejones

Your Welcome, :blush:

Your support is every thing for us.

And have a Good Day.

1 Like

Sorry one more thing while you’re here - is there a way to make a slideshow image clickable without having a button on it? E.g. the whole banner would be hyperlinked to a url? Specifically the slideshow banner on the homepage and maybe even the banner image at the top. Thanks again.

1 Like

@lukejones

You can follow this.

  1. Open your theme,

  2. Open slideshow.liquid

  3. search for <div class="slideshow__text-wrapper banner__content banner__content–{{ block.settings.box_align }}

  4. Place the following code above it:

devtalk_0-1659436419708.png

After that, search for image_picker and paste this piece of code just after it:

{
“type”: “url”,
“id”: “image_link”,
“label”: “Image Link”
},

or here is an link
https://community.shopify.com/c/shopify-design/making-a-slideshow-image-clickable-in-dawn-theme/td-p/1612021

1 Like