remove variable price from product variation (5 posts)

  1. yalaniv
    Posted 2 years ago #

    When I add a variations to a product,
    that one variation cost 25$ and the other cost 50,
    it shows me the product with the price 25-50 and the top of the page,
    and the price of the exact variation under the variation.

    How to remove the spectrum of the prices,
    and leave only the price of the variation?


  2. sirajm
    Posted 2 years ago #


  3. lorro
    Posted 2 years ago #

    Using some custom css, it would be easy to remove the spectrum of prices altogether, or to replace it with something like "Prices from 25$", but to get the spectrum field to update with the selected variation price would require recoding the javascript that changes the lower field when the user changes the option. Recoding the javascript to do this would be a big job for what it is. And this new javascript may need updating when WooCommerce is updated.

  4. Netz
    Posted 1 year ago #

    With regard to creating custom css to replace variation prices display with "Prices from 25$" as you suggest... would be very grateful if you can you tell me how to do this? :-)

    What css and where to put it?

    The reason why it is important is because it becomes a problem on smaller devices such as ipad - prices are not visible.

  5. lorro
    Posted 1 year ago #

    To be able to advise what css, please can you post a link to a relevant page. Different themes may have different markup so its necessary to examine the page using browser tools.

    Some themes have the facility to enter custom css. It may be in Admin page > Appearance > Customise, or Admin page > Theme Options. It may be called Custom CSS or Styling or similar.

    If your theme does not have this feature, you can use a plugin like this one:

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic