Home and product page - Brooklyn

Solved
Highlighted
Excursionist
31 0 5

Hi, 

I did a post yesterday, and I dont know why but I can't see it right now. I had 2 questions: 

1. Product page: Is it possible to change the image of each product when you scroll the mouse on top of it, even if you don't click on it? 

2. Home page: Is it possible to make a collage with pictures and that when you click on top of one, it takes you to the page of the product related to the picture. At the moment I have done a collage with the slideshow (https://sdesuan.myshopify.com/) but I would like it interactive. 

Thank you very much, 

0 Likes
Highlighted

Hi there,
Jack from OpenThinking here!

1. Product page: Unfortunately your theme doesn't allow you to do that out of the box. You'd need to code it and adapt your theme to do that. Either change your theme with one that has those options already built in or contact me in private I can implement it for you.

2. Home page: You can't do that either. You can add a button over the image and delete the title so the button is over the image.

here are the settings & how it'd look:
Screenshot 2020-10-30 at 14.20.52.pngScreenshot 2020-10-30 at 14.21.15.png 

 

⚡️ [Shopify Themes]: Lightning-fast, Highly converting, SEO-optimized, Minimal.
⚡️ Need help with your store? [Get a quote]
0 Likes
Highlighted
Excursionist
31 0 5

1. Product page: Unfortunately your theme doesn't allow you to do that out of the box. You'd need to code it and adapt your theme to do that. Either change your theme with one that has those options already built in or contact me in private I can implement it for you. - How can I contact you? 

2. Home page: You can't do that either. You can add a button over the image and delete the title so the button is over the image. - Can I put more than one button and of a personalized size so that it covers all the picture? In this way I would put it without colour and it would have the same effect. 

here are the settings & how it'd look:

0 Likes
Highlighted

This is an accepted solution.

1. You can contact me here for price.

2. Try this code:

<style>.openthinking { width: 100%; height: auto; }.openthinking img { object-fit: cover; width: 100%; }</style>
<div class="openthinking">
<a href="PUT YOUR LINK HERE"><img src="PUT YOUR IMG URL HERE" alt="Image description"></a>
</div>

Add a Custom HTML box and paste the code there.

Screenshot 2020-10-30 at 17.34.04.pngScreenshot 2020-10-30 at 17.40.00.pngScreenshot 2020-10-30 at 17.40.04.png 

⚡️ [Shopify Themes]: Lightning-fast, Highly converting, SEO-optimized, Minimal.
⚡️ Need help with your store? [Get a quote]
0 Likes