change templates

Hi @gluehbirne,

i created an “all products” block and under the products, there are “add to cart” and “read more” buttons. i changed it in woocommerce that there are only buttons under the products to the product pages and there it can be added to the cart.

I understand that you added an “All Products” block and there are “add to cart”/”read more” buttons under the individual products.

Are you saying that you want to remove these buttons from the “All Products” block such that the product can be added only from the “Single Product page”?

Can you please share a link to the page so we can see what you are describing?

Thanks! ??

• This reply was modified 2 years, 10 months ago by Sandip Mondal - a11n.

Hi @sandipmondal ,

I understand that you added an “All Products” block and there are “add to cart”/”read more” buttons under the individual products.

Are you saying that you want to remove these buttons from the “All Products” block such that the product can be added only from the “Single Product page”?

Correct. I cannot share a link, because it is on localhost.

Hi @gluehbirne,

You can add the below CSS under Appearance > Customize > Additional CSS to remove the “Add to Cart” button that is coming from the “All Products” block:

.wc-block-grid__products .wc-block-grid__product-add-to-cart{
    display: none;
}

NOTE: This will only remove the “Add to Cart” button that is coming from the “All Products” block and not the “Add to Cart” button that comes by default on WooCommerce shop pages.

This is how a page using the “All Products” block looks using the above CSS code: https://uswoo.mystagingwebsite.com/all-products-block/

Hi @sandipmondal ,

thanks. i know that i can hide the buttons via css. but that′s not what i want to do. sorry – probably my english is not that good that i can say what i mean.

i want buttons with links to the single product page instead of buttons “add to cart” / “read more”.

Hi there,

Thanks for getting back to us.

I can see you need to make customization here. This is a fairly complex development topic. I’m going to leave it open for a bit to see if anyone is able to chime in to help you out.

I can also recommend the WooCommerce Developer Resources Portal for resources on developing for WooCommerce.

You can also visit the WooCommerce Facebook group or the #developers channel of the WooCommerce Community Slack. We’re lucky to have a great community of open-source developers for WooCommerce, and many of our developers hang out there, as well.

Best,