REMOVE PRICES + ADD TO CART

This topic has 30 replies, 2 voices, and was last updated 1 year ago by Hung Pham.

Viewing 30 posts - 1 through 30 (of 31 total)

1 2 →

Author

Posts
December 16, 2023 at 4:10 pm #522208

iamkane1
Participant

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.

December 18, 2023 at 2:44 pm #522554

iamkane1
Participant

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.

December 18, 2023 at 8:31 pm #522711

Hung Pham
Keymaster

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,

December 19, 2023 at 12:07 am #522741

iamkane1
Participant

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.

December 19, 2023 at 11:03 am #522831

Hung Pham
Keymaster

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,

December 19, 2023 at 11:16 am #522836

iamkane1
Participant

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

December 19, 2023 at 4:43 pm #523006

iamkane1
Participant

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?

December 19, 2023 at 7:03 pm #523069

Hung Pham
Keymaster

Hi iamkane1,

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

Regards,

December 19, 2023 at 7:43 pm #523076

iamkane1
Participant

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

See pic..

https://postimg.cc/xc5jRL37

December 20, 2023 at 8:36 am #523144
Hung Pham
Keymaster
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,
December 20, 2023 at 1:36 pm #523290

iamkane1
Participant

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

December 20, 2023 at 2:08 pm #523305
iamkane1
Participant
solved.
- This reply was modified 1 year, 1 month ago by iamkane1.
December 20, 2023 at 2:20 pm #523314

iamkane1
Participant

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

December 20, 2023 at 2:31 pm #523319

iamkane1
Participant

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.?

December 21, 2023 at 8:19 am #523545

Hung Pham
Keymaster

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,

December 21, 2023 at 5:06 pm #523767

iamkane1
Participant

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.

December 22, 2023 at 1:16 pm #523982

iamkane1
Participant

Hi does that make sense?

December 22, 2023 at 8:41 pm #524135

Hung Pham
Keymaster

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,

December 22, 2023 at 8:55 pm #524137

iamkane1
Participant

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?

December 22, 2023 at 8:57 pm #524138

iamkane1
Participant

Actually I will leave it on for now…

December 23, 2023 at 6:49 am #524171

Hung Pham
Keymaster

Hi iamkane1,

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

Regards,

December 23, 2023 at 5:15 pm #524259

iamkane1
Participant

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

December 24, 2023 at 12:28 pm #524305

Hung Pham
Keymaster

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,

December 29, 2023 at 2:17 pm #525487

iamkane1
Participant

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???

December 29, 2023 at 6:50 pm #525560

Hung Pham
Keymaster

Hi iamkane1,

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

Regards,

January 8, 2024 at 4:04 pm #527916

iamkane1
Participant

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

January 9, 2024 at 7:38 am #528135
Hung Pham
Keymaster
Hi iamkane1,

Please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS
```
.product-grid-item .product-labels{
    display: none;
}
```
Regards,
January 9, 2024 at 1:31 pm #528232
iamkane1
Participant
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.
January 10, 2024 at 7:39 am #528492

Hung Pham
Keymaster

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,

January 10, 2024 at 3:41 pm #528724

iamkane1
Participant

Thanks that helps
Author

Posts