how to add clickable logos on homepag

Solved
George230
Tourist
22 0 0

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.

Screenshot_20210924-154931_Chrome.jpg

0 Likes
HelpifyHelp
Tourist
24 5 7

Please send the link to your store. 

I will help you with the task.

If you liked the help we provided then accept the solution and like it.
If our help was helpful please consider to give a small donation so we can keep helping on the Shopify community
click here to donate
All donations are greatly appreciated | Hire us contact support@helpifyhelp.com
0 Likes
George230
Tourist
22 0 0

Hi mate,

 

Here's the link:   

https://jolistore.co.uk/

0 Likes
HelpifyHelp
Tourist
24 5 7

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.

If you liked the help we provided then accept the solution and like it.
If our help was helpful please consider to give a small donation so we can keep helping on the Shopify community
click here to donate
All donations are greatly appreciated | Hire us contact support@helpifyhelp.com
George230
Tourist
22 0 0

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?

0 Likes
HelpifyHelp
Tourist
24 5 7

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>

If you liked the help we provided then accept the solution and like it.
If our help was helpful please consider to give a small donation so we can keep helping on the Shopify community
click here to donate
All donations are greatly appreciated | Hire us contact support@helpifyhelp.com
George230
Tourist
22 0 0

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.

0 Likes
HelpifyHelp
Tourist
24 5 7

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;

}

 

 

If you liked the help we provided then accept the solution and like it.
If our help was helpful please consider to give a small donation so we can keep helping on the Shopify community
click here to donate
All donations are greatly appreciated | Hire us contact support@helpifyhelp.com
George230
Tourist
22 0 0

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?

 

0 Likes
HelpifyHelp
Tourist
24 5 7

That would require some more coding. 
You can hire us to do the task if needed?

Best regards
-HelpifyHelp.

If you liked the help we provided then accept the solution and like it.
If our help was helpful please consider to give a small donation so we can keep helping on the Shopify community
click here to donate
All donations are greatly appreciated | Hire us contact support@helpifyhelp.com
0 Likes