Return to previous page

Single Product Page – Remove price Range

This topic has 8 replies, 3 voices, and was last updated 8 minutes ago ago by Luca Rossi

George

Participant

February 17, 2025 at 18:02

Please see attached .jpg picture from single product page. How do I remove the price range which displays pricing from low to high prices?

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#434612 Copied Theme version: 9.4.5

7 Answers
Tony Rodriguez

Support staff

February 18, 2025 at 06:04
Hello, @George,

Thank you for contacting us and for using XStore.

To remove the price range, We have added Custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

.single-product .product-information-inner p.price { display: none !important; }

We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

Best regards,
8Theme Team
Content is visible for topic creator and
support staff only.
#434625 Copied
George

Participant

February 18, 2025 at 23:34

Unfortunately this fix now hides pricing on the product page when using the drop down selector for size, color etc for all products that have only a single price regardless of option selected.. If I make my selection, I see no pricing but when I use the ADD TO CART or BUY NOW function I do see the pricing on the CART and CHECKOUT pages.

The fix works just fine for any products that have multiple prices on the single product page depending on the options selected size, color etc.

Here is an example of it NOT WORKING
https://exteriorcoatings.com/product/e903ucb-cove-base-urethane-mortar-high-heat-250f-anti-fungal/

Here is an example of it working
https://exteriorcoatings.com/product/np-1-cove-master-vertical-epoxy-mortar-100-solids-high-build-4-colors/

#434716 Copied
Tony Rodriguez

Support staff

February 19, 2025 at 05:27
Hello, @George,

Thank you for your response.

To hide the price range only for variable products while keeping the price visible when an option is selected, use the following CSS.

/* Hide price range only for variable products */ .single-product .product.type-product.woocommerce-variation-price .price { display: block !important; /* Show price when a variation is selected */ } .single-product .product.type-product p.price { display: none !important; /* Hide the default price range */ }

This ensures:

The price range is hidden on variable product pages.
The selected variation’s price appears when an option (size, color, etc.) is chosen.
Single-priced simple products are unaffected.

Please see the images for reference in the private content area.

Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

Best regards,
8Theme Team
Content is visible for topic creator and
support staff only.
#434720 Copied
George

Participant

February 19, 2025 at 06:09

still not working. Example you gave me has multiple prices. PLEASE SEE THIS LINK

https://exteriorcoatings.com/product/e903ucb-cove-base-urethane-mortar-high-heat-250f-anti-fungal/

ANOTHER LINK EXAMPLE
https://exteriorcoatings.com/product/14-heavy-duty-floor-scraper-for-flake-removal-and-stubborn-substances/

#434724 Copied

Tony Rodriguez

Support staff

February 19, 2025 at 06:18

Hello, @George,

Thank you for your response.

1/ By default, WooCommerce displays the price for variable products in two locations, particularly when different variations have different prices. The price range is shown at the top of the variation form, and the final price is displayed once a specific variation is selected. Unfortunately, WooCommerce does not offer a built-in option to modify the initial price display. Implementing such a change would require additional customization.

2/ Please note that the behavior you are observing is the default functionality of WooCommerce variable products. These products are managed by the WooCommerce plugin.

If you have any questions or require further assistance regarding WooCommerce’s functionality, we kindly recommend contacting their support team directly via the following link: https://wordpress.org/support/plugin/woocommerce/

Should you have any additional inquiries, feel free to let us know.

Best regards,
The 8Theme Team

#434725 Copied

George

Participant

February 19, 2025 at 15:19

I still need your help. The comments you made previously if functioning is exactly what I want to see. When I implement your changes, they work just fine for variable products with multiple prices As pointed on in your 1st bullet point, the price range is hidden on variable products that have differing prices BUT the pricing disappears completely on variable products that have only 1 price point AND pricing disappears for simple products too. So if you can get your fix to work as you stated I am fine. I am not looking for any functionality that your theme does not make available.

“This ensures:

The price range is hidden on variable product pages.
The selected variation’s price appears when an option (size, color, etc.) is chosen.
Single-priced simple products are unaffected.”

#434782 Copied

Luca Rossi

Support staff

February 20, 2025 at 07:14

Dear @George,

We recommend trying the following solution: (https://www.8theme.com/topic/how-to-replace-variable-price-range-display-with-active-variation-price/#post-425950).

Please note that any further customization falls beyond the scope of our standard support services. If you require additional modifications, we kindly invite you to submit a request through our (https://www.8theme.com/account/#etheme_customization_panel). Kindly be advised that customization services may incur additional charges.

Should you have any further questions or require assistance, please do not hesitate to reach out to us.

Best regards,
8Theme Team

#434823 Copied
Viewing 8 results - 1 through 8 (of 8 total)