Quick view only

hi there, is it possible to have a page with products that can not be clicked on to view the product page, so that the only option is to add to cart from that page itself?
Please see the link below, currently you can click on the product and be taken to the product page, I want just for the product(s) to be added to cart from there, is that possible?
Thanks

Hello,

We have different product styles that you can set via Theme Settings -> Product archive -> Product styles.

In your case, I suggest you choose the “Show button on hover on image” style which allows you immediately add the product without going to the product page.

https://gyazo.com/9165369bc092e2d42f316ffbdfdf5f07

https://gyazo.com/2d96a483430fb09bbbd0c6d2eae1669b

Also, you can test any style and set that you like more.

Kind Regards

Thank you that works with the show button on hover on image option, however with over 60% of my customers being on mobile this change does not affect mobile. If I click a product picture on mobile it takes me into the product, is there anything we can do for this?

Hello,

In this case, enter the below code to the “Custom CSS for mobile” area, it will disable the link to the product page by clicking on the image.

.product-grid-item .product-image-link {
    pointer-events: none;
}

If you ever need to reach out to me, please do not hesitate to do so.

Kind Regards

Thats perfect! The only thing is I need this just to apply to the one page (slug is “super-sale”) could this be done? Thank you so much!

Hello,

If you mean products that have the “Sale” label, try this one code for disabling links for them.

.product-grid-item.wd-with-labels .product-image-link {
    pointer-events: none;
}

In the meantime, please feel free to ask any questions you may have!

Kind Regards

Thank you , this would not be required for all sale items, just for items on a certain page which has the slug “super-sale” can this be applied to a page?

Hello,

I can’t find such a page with the “super-sale” slug on your site. Could you please send me a link with some screenshots for a better understanding?

I await your response.

Kind Regards

Hi there, the page id is 93483 if that helps? Its a page I have created for certain sales. Thank you

Hello,

Please, try to use the below code to disable links on images on the “super-sale” page.

.page-id-93483 .product-grid-item .product-image-link {
    pointer-events: none;
}

I hope this helps!

Kind Regards

Thank you so much! It seems that I have added the snippet wrong,
https://snipboard.io/HgU6RI.jpg

this is the error im receiving https://snipboard.io/F5Wrlt.jpg

Thank you!

Hello,

You are trying to add the CSS snippet to the area for the PHP code, it will not work that way. Please, paste this code to the “Global Custom CSS” area that is in Theme Settings -> Custom CSS.

https://prnt.sc/ggqb0CKS98Dj

Kind Regards

That worked thank you, the only issue I have now is that there is no add to cart option on this page (when viewing on mobile) https://www.silkwormstore.co.uk/super-sale/
We changed to the show button on hover on image for desktop which is great, meaning they will add to cart that way. But for mobile you’ll see there is no option to add to cart, thanks.

Hello,

Unfortunately, such a product grid design is not included the “Add to cart” button on the mobile device.

In your case, you need to click on the title to move to the product page and there add it to the cart.

Kind Regards

[Author]

Posts