Shop page changes

I want to change the way the way the shop page looks. When you hover over the product images the following details pop up:
Product Name
Price
Add to cart… which is great.

But some products I need to have the customer to customise the product so add to cart is useless - can it be turned off by product?
How do i remove the overlapping [add to cart] and [customise] button?

Hi,

To remove add to cart by product, you can add the code below in Theme Options >CSS

.product.post-37 .add_to_cart_button {
   display:none;
}

Where 37 is the product id. (How to locate product id)

Then to fix your customize button, you can add the code below in Theme Options > JS

jQuery(function($) {
   $('.woocommerce.archive .button.fpd-catalog-customize').insertAfter('.woocommerce.archive .add_to_cart_button');
});

Hope that helps.

Thank you very much

Glad we were able to help :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.