How to hide price range for woocommerce variable products
Get the code to paste -https://docs.google.com/document/d/1WkiXHBUZL5ltpUWYKDJC6w0uHyo1y-7z7NM84GwrVIY/edit?usp=sharing
Overview with Timestamps
0:00 What you learn in this tutorial
0:17 What will you learn and how will the final tweaks look
1:05 Install a code editor to be able to ad the script (if you don’t have anyone installed already)
2:09 Adding the script to your code editor ( I am using the editor “Code snippets”)
In the WooCommerce store space, there are many types of products. Variable products are one of them and play a big part when you are trying to sell products online with multiple variations options.
Thanks to WooCommerce logic, you can create several variations of the same product. This means that it is possible to create a single product with multiple variable products such as colors, sizes, weights, etc. Besides that, you can set different pricing for each of the variations of your product. So, when you create a variable product with multiple prices, the price of the product is shown as a range on the product page. If you create a variable product with different prices, you would see the price range on the product page and product listing as for example 199 $ – 1590 $⬅ but in this tutorial, I am going to show you how to change that to show the price like this instead: From 199 $ ⬅
But wooCommerce does not let us modify the price range from its settings. So we need to do some code modifications on our side. To be able to install the code that I provide you will need to have a code editor plugin installed. I do recommend the free plugin “Code snippets” works great for any code and its totally free. After install, you just copy the script that is provided on the top of the screen, and you are done.
Please let me know if you have any questions
LIKE TO DONATE