REMOVE PRICES + ADD TO CART

This may sound strange given that we are using a pure ecommerce theme but we have decided now to offer services, and not products as such, on some of our products. So rather than selling say DOG TOYS, we are now only offering a manufacturing sercvice, so we are keent o remove the add to cart button and the pricing, but we cant to keep them as “products” becuse of the nice menu system and as well as the home page “featurd categories” and “featured products”, they are all linked up.

So, how can I remove the ADD TO CART and PRICES for the products, can this be done individually? As some products may still need it.

On the product page, is it possible to remove the MAIN ECOMM BLOCK at the top? This is the block with all of the usual ecomm looking featurs, see picture attached of this “block”. Link to product page in private. If you notice, below that, I have added a block from the PORTFOLIO pages (what we have called HOW WE WORK). For these new service pages it may be best to just have no ecom at all, but we still want to work with the menu system and the home page features etc.

https://postimg.cc/jnVB5yY3

Hope this makes sense.

I have made it a ‘simple product’ and ‘virtual which seems to have removed the price function, is it possible to remove that large main com block at the top of the product page, please see links and sreen shot in first messag, for a service product that can not be bought, it seems counterintuituve to have a typical eccom block which is confusing… We want to just have the block below it for now… please see links and pics.

Hi iamkane1,

Thanks for reaching to us.

Could you, please, circle which part you want to remove? This will allow me to thoroughly investigate and address your concerns in a more efficient.

Regards,

Hi, please see picture arracged, the top ‘block’ which is pretty much the ‘ecom’ element. For a lot of our products they will be services, only 10% will be ‘ecom’… So can I remove this entire block, as it strongly resembls ecom and we dont want to confuse out customer that thre is something to buy on these now more brochure style pages where we want to promote a service (bespoke manufacturing)

I think I want to keep these pages as ecom ultimatlyt so that they work with the menu system and the home page featured sectionts. I know I could add in pages there instead on the menu and honme page but they are all set up now.

Would you say making it a simple product and a virtual product to hide the price is the right way to go about this?

Thanks.

Attachments:

You must be logged in to view attached files.

Hi iamkane1,

If you would like to display Product tabs only, I kindly recommend you use WooCommerce Layout builder functionality of WoodMart theme, please refer to this article for more details https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

However, if you use product couldn’t purchase products, you can enable Catalog mode mode in Theme Settings > Shop > Shop https://prnt.sc/BgfTDF4pB6Pb

Regards,

I have enabled catalog mode and can still see prices on products, except the on i made into a ‘virtua;l product’… ?

ALSO – Please look at the picture I uploaded, the bit that is circled in dark red, is it possible on some products I can remove this section completely?

What if I wanted products to b

The issue I have is if i do this by just creating new pages and assign those pages in the menu system, easy enough, but then on the home page, unless I have actual products created there will be nothing on the home page featured…. Does this make sense?

Hi iamkane1,

You want to remove circled area and menu for some products only?

Regards,

Yes, is that possible… so it looks like this on some products..

See pic..

https://postimg.cc/xc5jRL37

Hi iamkane1,

There are 2 ways to do that:

1. You can create Custom Single Product layout for specific product (if they don’t have same layouts) https://prnt.sc/OKtoggNxmZA9. And inside the layout, you can use Product tabs widget to show its information.

2. In case you don’t want to go with Custom WooCommerce Layouts, you can use Custom Code CSS combine with Products’s ID.

Please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

.single-product.postid-381 .wd-builder-off .single-product-page > .container:not(:last-child) {
    display: none;
}

381 is the ID of product, you can replace with others. See screenshot to figure out ID https://prnt.sc/cmAcSU5dizhB

Regards,

OK thanks th css route has worked anc changing the product id is simple enough.

[iamkane1]

solved.

• This reply was modified 1 year, 1 month ago by iamkane1.

Any idea what this white circle is?
I can’t seem to get rid of it?
top left of the product thumbnail.

https://postimg.cc/CZs7ysHV

I want to create one master product and duplicate it…
But before i move on,
I think we will need the “SHIPPING INFO” and the “REVIEWS” removed from this product also, could i please ask very nicely if you can add in the css code with the last one, to remove the SHIPPING and REVIEW tab?

https://postimg.cc/QK8YHnmm

I would have no idea where to begin.?

Hi iamkane1,

1. https://postimg.cc/CZs7ysHV

I can’t see this section. Did you remove it by yourself?

2. Product tabs

There are 3 default tabs of WooCommerce:

+ The Additional Information Tab: Shows when the Attributes are added under a Product. If the Attributes are not added then the Additional Information tab doesn’t show.

+ Description Tab: This is the main description on the product page. Please enter the product and make sure you have added the content.

+ Reviews: Used to show customers’s reviews.

If you want to add additional tabs for specific product, you can add Tab via Product Setting https://prnt.sc/exIlSVXRC9_d

You can use Product tabs widget to display Description and Product attributes (Additional Information). Disable Reviews option. https://prnt.sc/5-S-SyfgA9FO

If you want to display custom attributes, which are separate Product > Attributes, you can create custom table via HTML Block > select via Custom Tab in Product Settings.

Navigate to Theme Settings > Shop > Single Product > Tabs. In the Additional tabs, you can remove Table title, Content to disable these https://prnt.sc/aiddjA_pEWmR

Regards,

Hi I have read your reply but not sure you understad.

Look at this picture..

https://postimg.cc/CzgLQFpz

There is DESCRIPTION, REVIEW + SHIPPING tabs.. I want to remove REVIEW and SHIPPING for some products. For the products where I have removd the main ecom block, which you wrote css code for me.

1. Is it possible I can remove REVIEWS and SHIPPING for some products?
2. Is there any CSS code you can add to the original CSS code you gave me which would do this?

Thanks.

Hi does that make sense?

Hi iamkane1,

1. Reviews

You can disable the option “Enable Reviews” in the Product data metabox https://prnt.sc/4PDGWYc5FVVS

2. Shipping & Delivery

To remove that tab from the single product page. Go to Dashboard > Theme Settings > Product Page > Tabs > Clear Additional tab heading and content.

Regards,

Thanks, I have removed reviews… but..

“2. Shipping & Delivery

To remove that tab from the single product page. Go to Dashboard > Theme Settings > Product Page > Tabs > Clear Additional tab heading and content.”

Does this clear it for ALL products? Can I just have it cleared on some, and on some have shipping and delivery?

Actually I will leave it on for now…

Hi iamkane1,

Keep us in mind for future questions and concerns, we’re always here to help!

Regards,

Just one last qustion…
I can’t work out what this white circle / dot is on the top left of the product on the home page?

https://postimg.cc/LJWNLZmw

Hi iamkane1,

That is New product label, you can see the label due to it has the same color with background color https://prnt.sc/_7b-k2JTmGWa

Please remove Custom Code may added to Theme Settings > Custom CSS.

Wishing you a Merry Christmas.

Regards,

Hi there is nothing in my css that i can see, well in my SNIPPETS plug in anyway.
Is there in an option in the back end???

Hi iamkane1,

Please send me temporary wp-admin info (wp-admin URL, username, password) to Private Content area, I will check the problems.

Regards,

Hello, how do I remove this white circle, i have shown you 2 times abov….??

Hi iamkane1,

Please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

.product-grid-item .product-labels{
    display: none;
}

Regards,

[iamkane1]

Thanks, is there really no option to do this without code, like just an option i can turn on and off?
I have added it and it has worked, just want to know if it will affect any functionality later on?

• This reply was modified 1 year ago by iamkane1.

Hi iamkane1,

You can turn off Hot and New labels in Theme Settings > Shop > Product labels https://prnt.sc/gksqKw6HAW6E while above Custom CSS apply to all labels.

Hope it helps.

Regards,

Thanks that helps

[Author]

Posts