Variations that are set with price ranges showing the range instead of main price

Hi,

Thank you for reaching out to us.

https://prnt.sc/-Bux8G8_LHm_ the price behavior you are seeing comes from WooCommerce by default and is not a bug.

Warm Regards,
The 8Theme Team

Hello @GreenLion,

You can hide only one of the prices within a range using custom CSS.

Before: https://prnt.sc/8Ula83hmQ49T
After: https://prnt.sc/h83vBoe7-Coq

You may use the following custom CSS:

.product-type-variable .elementor-widget-woocommerce-product-etheme_price:has(p.price .amount ~ .amount) .amount + span,  
.product-type-variable .elementor-widget-woocommerce-product-etheme_price:has(p.price .amount ~ .amount) .amount ~ .amount {  
    display: none;  
}

Please note that other solutions would require additional customization, which is beyond the scope of our basic support.

For more information, please refer to our documentation:
https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @GreenLion,

Would you like to disable this custom CSS for specific products and apply it globally to others? Since the credentials were modified, we were unable to verify the exact products. However, as an example, you can use the following custom CSS in addition to the previous one:

.postid-21260 .product-type-variable .elementor-widget-woocommerce-product-etheme_price:has(p.price .amount ~ .amount) .amount + span,  
.postid-21260 .product-type-variable .elementor-widget-woocommerce-product-etheme_price:has(p.price .amount ~ .amount) .amount ~ .amount {  
    display: inline;  
}

You can find the product ID number (in this example, .postid-21260) using the browser inspector (https://prnt.sc/_2dINNov5w-T) or in the backend under Settings.

Browser Developer Tools: https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Tools_and_setup/What_are_browser_developer_tools

Best regards,
Jack Richardson
The 8Theme’s Team