Adding image in Supply theme Footer

Highlighted
New Member
4 0 0

Hello,

Does anyone know how I could add an image in the supply theme footer? I seem to have only the option of adding a menu in the footer, and there doesn't seem to be any menu option that gives you the possibility of putting just an image.

Anyone have any experience with this or know how it would be possible to do it?

Thanks

0 Likes
Highlighted
Shopify Staff
Shopify Staff
115 0 12

Hey Felix,

Great question!

Adding an image into the footer isn't possible in the theme customizer, but it may be possible to do so if you input some custom coding. Before making any coding changes, it's always a good to do so on a copy of your theme so you don't risk breaking anything. You can see how to duplicate themes right here.

For example, if you go your theme's coding by going to Online Themes > ... > Edit HTML/CSS. Then, go to the "Assets" folder on the left-hand side and add the image you want to be in the footer by clicking "Add a New Asset". After this, make sure to make note of what the image is called(yourimagename.jpg).

Next, go to the "Sections" folder on the left-hand side and find the "footer.liquid" in the folder. Once inside your "footer.liquid", you can insert an image by inserting the following code:

 <div class="grid-item seven-twelfths text-right">
        <img src="{{ 'yourimagename.jpg' | asset_url }}" alt="Image name" />
      </div>

You may have to experiment with where you put this code to get the image right where you want it. I would suggest putting it between lines 59 and 60 for the Supply theme if you want it on the right-hand side of the footer. 

Hope this helps!

Matt

Highlighted
New Member
4 0 0

Thanks, it helps, but I still have one issue, it's appearing below the Newsletter, would it be possible to have it put on an entire new row on the right of the newsletter somehow?

Thanks

0 Likes
Highlighted
Tourist
181 0 1

Hi There,

 

I'm using Venture theme but I don't see footer.liquid on my section should I make it and paste the code on it?

 

Thanks

0 Likes
Highlighted
New Member
1 0 0

after i add the picture how i can resize the picture

 <div class="grid-item seven-twelfths text-right">
        <img src="{{ 'free.png' | asset_url }}" alt="free" /> 

0 Likes
Highlighted
New Member
1 0 0

Thanks for the info Matt ive got so far....

I've been trying to upload our logo to the footer. So far I have manged to get most parts to work, but can't  figure out how to place it neatly. See image . 

0 Likes
Highlighted
Tourist
16 0 1

can you help me with the code on how to add a background image to the footer? i am using Envy Theme.  

Highlighted
New Member
4 0 0

muchas gracias por la respuesta, me gustaria hacerte una pregunta sobre este tema

 

se puede añadir una url a una pagina en la imagen?

 

gracias

0 Likes
Highlighted
Tourist
4 0 2

Which line should I put it for the Supply theme if I want it on the left-hand side of the footer?

Highlighted
Tourist
9 1 4

I was having the exact same problem.And after some trial and error i finally found perfect solution.Here is the solution i posted

https://community.shopify.com/c/Shopify-Design/How-do-i-add-image-in-footer-of-supply-theme-just-bel...

0 Likes