Hide regular price on a specifiek product page / category page

[peter]

1. How can I hide the regular price on a single product page where I have a formula to calculate the price.
2. Can I change the height of the calculated price
   Link to the single product page: https://lightgarden.be/product/padouk-armatuur/

3. Is it possible to hide the price on the category page ? But now it shows the regular price.
   It has to be hided only on that category. The other category are products with a regular price
4. If I hover over the products with a regular price the cart is shown normal  (on the category page)
   https://lightgarden.be/product-category/onderdelen/
   If I hover the products with a calculated price the cart is not shown correct
   https://lightgarden.be/product-category/armaturen/

 Kind Regards,

 Peter

 

 

Add New Note to this Reply

[Tracy Bui]

Hi Peter,

Thanks for contacting us.

1> Please add this Custom CSS segment on Theme Options > Custom CSS & Script > Custom CSS to hide the regular price:

.site-content-single-product .single-product-info .summary-product-wrap p.price{display: none;}

2> You can add the Custom CSS segment to change the height of the calculated price. Please make by yourself this section.

3> What the category do you want to hide regular price? Please give us your link exactly, we will help you to check.

4> Please add this Custom CSS segment to display "add to cart" button:

.woocommerce .add-to-cart-wrap a:before, .single-product .add-to-cart-wrap a:before{display:inline-block !important;}

You can check, then feedback us soon.

Best Regards,

Tracy

Add New Note to this Reply

[peter]

This reply has been marked as private.

Add New Note to this Reply

[Jackie]

Hi again.

#1. On each category, it will add the class to the body, example with the armaturen category it will have the class "term-armaturen". So you can use the class to CSS for this category page.

#1.To hide the price on the armaturen category, you can use the CSS.

.term-armaturen .product-item-wrap .product-info .price {display: none;}

#2. To change the height of calculator price, you can use the CSS class to reduce or increase the height of that section.

.uni_cpo_fields_container{
   padding: 5px 0;
   margin-bottom: 0px;
}

#4. You can use the CSS to fix the issue

.woocommerce .product-actions .add-to-cart-wrap a i { display: none; }

Please check it again.

Thank you.
Jackie.

Add New Note to this Reply

[peter]

This reply has been marked as private.

Add New Note to this Reply

[tinhbeng]

Hi,

If you want to increase text size for price, you can add these lines to Custom CSS:

.uni-cpo-total-sum{

font-size: 30px;

}

Thanks.

Add New Note to this Reply

[Author]

Posts