Hello all, I want to add an image to my footer in my turbo theme form out of the sandbox. I am still working on Shopify 1.0 and Turbo theme 2.0 so basically the older version from 2 years ago. I have my image uploaded in my files and have the link now I just need the code. I tried using this below in my theme.liquid file at the very end but all it is doing is making the actual code show up on my store footer. Any help would be appreciated. Thanks
Topic summary
A user is attempting to add a clickable image to the footer of their Turbo theme 2.0 (Shopify 1.0). They have the image uploaded and its URL but are struggling with implementation.
Initial Problem:
- User tried adding code to the theme.liquid file, but only the code itself appears in the footer, not the rendered image
Key Guidance Provided:
- The CSS code was incorrectly placed in theme.liquid and should instead go in the CSS file (styles/style/theme/base)
- Current code uses background-image property, which won’t display the image properly
- Correct approach: Use
<a href="#"><img src="image URL"></a>in the footer section where the image should appear
Follow-up Questions:
- User seeks confirmation about code placement and whether to remove existing code
- Asks about exact location within the footer section
- Shares screenshot showing potential footer section location
Status: Discussion remains open with implementation details being clarified.
1] you have added css code to theme.liquid which is wrong, you need to add this code in your css file… styles/style/theme/base one of these
2] if you want to link image to some page, you need to use in your footer where you want image to appear, right now your code is putting image in the background which will not work for your requirement.
Okay but my main code is correct then? I just have to add it to the area that you mentioned? And then that code you provided to link it should go right under the other code? Does that sound correct? Thanks
