Hello guys, do you know how to add a logo image to the footer in Brooklyin theme?
Like, ok the left of the first column? (even though I'm not sure how it would turn out in the mobile version, I should be on the top i guess)
Any help is highly appreciated, my level of coding is pretty low...
spooperstore.com
paws2020
Hi, you can do this easily by adding a code on your theme code.
1.goto online stores - themes - duplicate the theme - edit code
2.open footer.liquid under sections
3. add this code there
<img src="{{ 'myimage.gif' | asset_url }}" style="height: 50px; width: 100px" title="My image" />
So, what you have to do is substitute the real address for the part:
{{ 'myimage.gif' | asset_url }}
To do that you need the address of your own store.
First, click on an image on your website and call up its properties – on a mac you option-click to bring up the contextual menu and select properties. Another way is to open the image in a new tab or new window. Another way, in Firefox, is to choose the menu “Tools” and select “Page info” and examine the links.
What you are looking for is a string:
/files/shops/xxxx/nnnn/assets/myimage.gif
this is the address of your shop in Shopify
For instance, the picture in the header on my site is:
http://www.barbsart.ca/files/shops/0000/9166/assets/barbs-logo4.gif
Now that you have your address you can insert the following code:
<img src="/files/shops/xxxx/nnnn/assets/myimage.gif">
@Level_3_Expert thank you, but this way it's placed underneath the footer...
I was hoping to find a way to place it either as first element on the left, or centered above the links
User | Count |
---|---|
27 | |
20 | |
11 | |
11 | |
9 |