Shopify themes, liquid, logos, and UX
Hi guys,
Ive been trying to add clickable logos on homepage but it's literally too much for me.
Does anyone can guide me on how I can make it? Anything would be very appreciated.
Solved! Go to the solution
This is an accepted solution.
If you need to change the size, you can do so by adding width="400px" change the number so it fit your needs.
<a href="PUT LINK HERE TO THE PAGE IT SHOULD LINK TO"><img src="Insert image link here" width="400px" ></a>
This is an accepted solution.
This will work.
1. on top over the pictures put <div class="picturesaligned">
and a closing </div> after all the pictures, just as i did below.
<div class="picturesaligned">
<a href="PUT LINK HERE TO THE PAGE IT SHOULD LINK TO"><img src="Insert image link here" width="400px" ></a>
<a href="PUT LINK HERE TO THE PAGE IT SHOULD LINK TO"><img src="Insert image link here" width="400px" ></a>
</div>
Next go to css file and paste this in the bottom.
.picturesaligned{
display: flex;
}
Please send the link to your store.
I will help you with the task.
You're running the Prestige theme, so it should be possible to add a custom section.
Please make a custom section, and insert the following code and change it to your need.
<a href="PUT LINK HERE TO THE PAGE IT SHOULD LINK TO"><img src="Insert image link here"</a>
This will make a clickable image/icon.
If you need to change the layout/position of it, then please feel free to contact me.
Thank you, it works perfectly.
As you said I would need help with the size and also if I can have them as a carousel on mobile mate.
Should I upload a smaller image?
This is an accepted solution.
If you need to change the size, you can do so by adding width="400px" change the number so it fit your needs.
<a href="PUT LINK HERE TO THE PAGE IT SHOULD LINK TO"><img src="Insert image link here" width="400px" ></a>
Thanks a lot, really appreciate it. The only thing is that they come one on top of the other rather than one next to each other. Is there a code I can change that?
But thanks anyway mate you've helped me a lot.
This is an accepted solution.
This will work.
1. on top over the pictures put <div class="picturesaligned">
and a closing </div> after all the pictures, just as i did below.
<div class="picturesaligned">
<a href="PUT LINK HERE TO THE PAGE IT SHOULD LINK TO"><img src="Insert image link here" width="400px" ></a>
<a href="PUT LINK HERE TO THE PAGE IT SHOULD LINK TO"><img src="Insert image link here" width="400px" ></a>
</div>
Next go to css file and paste this in the bottom.
.picturesaligned{
display: flex;
}
Got it right now. Thank you
One last question mate, is there a chance I can make it as a carousel now, with only 2 icons per image on mobile devices?
That would require some more coding.
You can hire us to do the task if needed?
Best regards
-HelpifyHelp.
Is there anything wrong with these sizes? It is blog for blenders i don't know how to set it up for proper clickable logo?
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024