Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How to choose a specific Image for product hover


Muffet24

Question

Site URL: https://tresoire-demo.squarespace.com/?nochrome=false

Hey Guys! 

How would i be able to select a certain image for the product hover? We have 2 variants of the same item and I want the second one to be shown on the product hover without the second variant being the second image placement.

Is there a way to do choose a specific photo from the product to be the second photo on the hover?

Thanks!

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

5 answers to this question

Recommended Posts

  • 0

Hi

So you want to reoder the first 2 images of a products and use them for the hover effect right?

Like your reference

https://mliuheart.com/collections/shop/products/c1001-1-marked-grey-tshirt

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Advanced Product Delivery Date Time PickerGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post
  • 0

Hey guys! thanks for the replies.

So basically we need to be able to choose which photo of the product will come up as the second photo on the hover effect.

Some products will be different due to varied photo amounts. If you could possibly give me a code which enables me to pick exactly which two photos will appear on the shop page -

For example either inputting '1' for photo 1  of the carousel and '5' for photo 5 and then when on the shop page the hover effect will use photos 1 & 5 instead of always 1 & 2

Hope this clears it up. I'm far from an expert so it's a little difficult to explain. Thanks guys!!

Link to post
  • 0

Hey Bangank36,

So we have 2 types of the same Item - BLANK and MARKED. Instead of like the reference websites where we have a seperate product page for each product, we want to have MARKED to be an option - Like a colour choice.

The problem we're having is to have a coherent product photo carousel that firstly displays all 4 or 5 photos of the BLANK and then shows the MARKED product photos.

But on the shop page for the hover photo it shows the BLANK item and the MARKED item without the photos being numbers 1&2 on the product page carousel.

hope this makes sense. Thank you for the help!

Link to post
  • 0

Hi Muffet24,

Afraid there is no such option except image order, do you want to change the template files?

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Advanced Product Delivery Date Time PickerGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...