Solved

how to add clickable logos on homepag

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

Accepted Solutions (2)
Shopi5_Coders
Explorer
40 5 10

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.
Want to hire us? or visit our website and Get a free quote

View solution in original post

Shopi5_Coders
Explorer
40 5 10

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.
Want to hire us? or visit our website and Get a free quote

View solution in original post

Replies 10 (10)

Shopi5_Coders
Explorer
40 5 10

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.
Want to hire us? or visit our website and Get a free quote
George230
Tourist
22 0 0

Hi mate,

 

Here's the link:   

https://jolistore.co.uk/

Shopi5_Coders
Explorer
40 5 10

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.
Want to hire us? or visit our website and Get a free quote
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?

Shopi5_Coders
Explorer
40 5 10

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.
Want to hire us? or visit our website and Get a free quote
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.

Shopi5_Coders
Explorer
40 5 10

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.
Want to hire us? or visit our website and Get a free quote
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?

 

Shopi5_Coders
Explorer
40 5 10

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.
Want to hire us? or visit our website and Get a free quote
kathieT
Visitor
1 0 0

log.pnglogsi.PNG

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?