Quick View Icon Positioning

Hi,

The quick view icon we have next to our products keeps changing position depending on the display option of the shop page.

The quick view icon is located on the top right of the image in the shape of an “eye”.

When the shop display option is set to 3 products wide, the quick view “eye” icon is spaced away from the product image, exactly where we would like it to be.

However, when the shop display is set to list view and 4 products wide, the quick view “eye” icon overlaps the product image.

How can we make it such that the quick view “eye” icon is consistently spaced away from the product image in all shop display options whether list view or 2,3,4 products wide.

Attachments:

You must be logged in to view attached files.

Hello,

As soon as you set more items in the product grid, this item gets narrower, and the image fills all remaining space and icon, being always fixed in its position to overlap the image, as soon as the item gets wider, the image has a space around and icon does not overlap.

I am afraid there is no option to change that.

If you have any questions please feel free to contact us.

Best Regards

Hi,

This needs to be fixed as if people are able to chose their display option the quick view icon should accommodate.

I advise you look to fix this in your next update as our clients have complained about this.

Hello,

You can hide the option to change the number of columns or use the list.

This functionality works as it does, and it cannot be changed, unfortunately.

If you have any questions please feel free to contact us.

Best Regards

If we can change the margin from left to 5-10px someway that would work for us.

Hello,

We are glad you have solved the issue.

If you have any questions please feel free to contact us.

Best Regards

The quickview background border shadow keeps coming on when we specified display: none in our stylesheet. Unless someone does hard refresh it is loading from time to time.

Could I request you please check: https://devsite.nutratea.co.uk/

Kind regards
SP

Hello,

Do you mean tooltip? I do not see any background on the icon: https://gyazo.com/1af451c8f453616b7d3d9b78c4bfda81

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts