WooCommerce Tips

WooCommerce: Always Show Single Variation Price @ Single Product

When a variable product has the same price for all variations, a unique price is shown to website users i.e. the one at the top of the page. However, this behaves differently when each variation has its own unique price – in this case the single variation price shows after a variation is selected.

Now, this can be good or this can be bad – it depends. So in this snippet we’ll see a quick fix to make this behavior consistent i.e. showing the variation price after selection every time, no matter the conditions.

Thankfully, it’s literally one line of PHP. Enjoy!

Always display single variation price @ WooCommerce Single Product Page

PHP Snippet: Always Display Single Variation Price @ WooCommerce Single Product Page

/**
 * @snippet       Always Show Variation Price @ WooCommerce Single Product
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 3.8
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_filter( 'woocommerce_show_variation_price', '__return_true' );

Where to add custom code?

You should place custom PHP in functions.php and custom CSS in style.css of your child theme: where to place WooCommerce customization?

This code still works, unless you report otherwise. To exclude conflicts, temporarily switch to the Storefront theme, disable all plugins except WooCommerce, and test the snippet again: WooCommerce troubleshooting 101

Related content

  • WooCommerce: Custom Add to Cart URLs – The Ultimate Guide
    In WooCommerce you can add a product to the cart via a custom link. You just need to use the “add-to-cart” URL parameter followed by the product ID. This tutorial will show you how to create custom URLs to add simple, variable and grouped products to the cart – as well as defining the add […]
  • WooCommerce: Disable Variable Product Price Range $$$-$$$
    You may want to disable the WooCommerce variable product price range which usually looks like $100-$999 when variations have different prices (min $100 and max $999 in this case). With this snippet you will be able to hide the highest price, and add a “From: ” prefix in front of the minimum price. At the […]
  • WooCommerce: Hide Price & Add to Cart for Logged Out Users
    You may want to force users to login in order to see prices and add products to cart. That means you must hide add to cart buttons and prices on the Shop and Single Product pages when a user is logged out. All you need is pasting the following code in your functions.php (please note: […]
  • WooCommerce: Hide Prices on the Shop & Category Pages
    Interesting WooCommerce customization here. A client of mine asked me to hide/remove prices from the shop page and category pages as she wanted to drive more customers to the single product pages (i.e. increasing the click-through rate). As usual, a simple PHP snippet does the trick. I never recommend to use CSS to “hide” prices, […]
  • WooCommerce: Add Custom Field to Product Variations
    Adding and displaying custom fields on WooCommerce products is quite simple. For example, you can add a “RRP/MSRP” field to a product, or maybe use ACF and display its value on the single product page. Easy, yes. Unfortunately, the above only applies to “simple” products without variations (or the parent product if it’s a variable […]

Rodolfo Melogli

Business Bloomer Founder

Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as an independent WooCommerce freelancer since 2011. His goal is to help entrepreneurs and developers overcome their WooCommerce nightmares. Rodolfo loves travelling, chasing tennis & soccer balls and, of course, wood fired oven pizza. Follow @rmelogli

24 thoughts on “WooCommerce: Always Show Single Variation Price @ Single Product”

  1. Daan

    Unfortunately it’s not working, I am using Divi and Woocommerce.

    Reply
    1. Rodolfo Melogli

      Does it work if you temporarily switch to another theme? I fear it may be because of Divi

      Reply
  2. Laura

    Hi.
    Interesting!! But is it possible to always show instead the quantity of product of the single variation for a single product?

    Reply
    1. Rodolfo Melogli

      Hello Laura, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

      Reply
  3. Salik Bin Siraj

    I am using DIVI and Woocommerce

    Worked perfectly for me

    Thanks

    Reply
    1. Rodolfo Melogli

      Great!

      Reply
  4. jason

    Worked like a charm

    Reply
    1. Rodolfo Melogli

      Cool!

      Reply
  5. Greg Minaya

    Hi:
    I’m using woocommerce 3.8.1 and It’s not working.
    Thanks

    Reply
    1. Rodolfo Melogli

      Screenshot please?

      Reply
      1. Tom

        Does this still work? Did he have a valid issue?

        Reply
        1. Rodolfo Melogli

          Should work, yes

          Reply
  6. Kodi

    Is it possible to get this to show on the product archive page? So that it shows the lowest variation with each product on the archive pages?
    Thank you!

    Reply
    1. Rodolfo Melogli

      Hello Kodi, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

      Reply
  7. melle

    Hello,

    It is also possible to create something where you can show the lowest price and highest price but separately?

    So for in my case where someone can rent a product for a specific time:

    Buy product: €500 = highest price
    rent 10 months: €60 = lowest price

    Regards,

    Melle

    Reply
    1. Rodolfo Melogli

      Hello Melle, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

      Reply
  8. Carolina

    It was breaking my mind! THANK YOU!
    Ps: Working on Elementor + GP

    Reply
    1. Rodolfo Melogli

      Great!

      Reply
  9. Tomás

    Hi Rodolfo,
    It does not work either on Storefront

    A greeting

    Reply
    1. Rodolfo Melogli

      Thanks Tomas. Please read https://businessbloomer.com/woocommerce-always-display-single-variation-price/#comment-138997

      Reply
  10. elgen4

    Hi
    I tried this snippet on my website but it does not work.

    using storefront.

    Reply
    1. Rodolfo Melogli

      Hey there, works for me on Storefront. Please note this snippet: “shows the variation price AFTER SELECTION every time, no matter the conditions”

      Reply
  11. Mark Zack

    Hai, I already tried this snippet on my website but it does not work.

    I am using Ocean WP theme for your information.

    Is there is additional code should I add in order it to work.

    By the way, cool stuff ..

    Thank you

    Reply
    1. Rodolfo Melogli

      Hi Mark! I’m not familiar with Ocean WP, anyway you need to check if they override default WooCommerce functions including this one, and in that case slightly modify the snippet accordingly. Hope this helps

      Reply
Questions? Feedback? Customization? Leave your comment now!
_____

If you are writing code, please wrap it like so: [php]code_here[/php]. Failure to complying with this, as well as going off topic or not using the English language will result in comment disapproval. You should expect a reply in about 2 weeks - this is a popular blog but I need to get paid work done first. Please consider joining BloomerArmada to get blog comment reply priority, ask me 1-to-1 WooCommerce questions and enjoy many more perks. Thank you!

Your email address will not be published. Required fields are marked *