How can I add clickable logos to my homepage?

[George230]

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.

 

[Shopi5_Coders · 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>

[Shopi5_Coders]

Please send the link to your store. 

I will help you with the task.

[George230]

Hi mate,

Here's the link:   

https://jolistore.co.uk/

[Shopi5_Coders]

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.

[George230]

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?

[Shopi5_Coders · 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>

[George230]

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.

[Shopi5_Coders · 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;

}

[George230]

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?

[Shopi5_Coders]

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

Best regards
-HelpifyHelp.

[kathieT]

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?