WooCommerce Tutorials

In this tutorial we’ll learn how to add a FAQ tab to products of woocommerce. Fortunately there is a plugin that will do the job nicely. Woocommerce product FAQs extends woocommerce to allow for the asking, answering and viewing of FAQs in a similar experience as on eBay. If you have ever used eBay’s ‘Ask […]

There are few concerns developers and shop owners face while using woocmmerce. One of which is regarding product sorting on shop page. By default woocommerce comes with some default sorting options either we can one of those or the alphabetical sorting option. Below are sorting options offered by woocommerce: Now if you want custom sorting

In a previous article, we have learned how to add a custom tab on product pages programmatically. In this tutorial we’ll learn how to add a custom tab on product pages with the help of a plugin. Only difference in two approaches is this, with adding a custom tab programmatically we’ll have same tab title

Price filter is a great way to help customer filter products within their budget. Most e-commerce stores use price and other filters to enhance user accessibility and experience. In this tutorial we’ll learn how to add filter by price functionality on a Woocommerce store. Fortunately, Woocommerce comes with a filter by price widget, all we

In this tutorial; We will learn how to hide subcategory from main category page in woocommerce. To do this, We will need to create/add two products and assign them to parent and child categories. I’ve assigned two products, one to the parent category i.e. category 1 and the other to the child category i.e. category

In this tutorial we’ll learn how to display all the categories and subcategories of a product without links in Woocommrce. Here is our default product screen: Now we need to display all the product categories and sub-categories without links and before product title. To do this, add the following lines of code at the end

In this tutorial we’ll learn how to fetch only those products that have images. By default Woocommerce displays all the products whether or not they have images. If a product doesn’t have any image Woocommerce will display an image placeholder instead. So, now we want to display products whose images are set. Here is my

In this tutorial we’ll learn how to display checkout page payment options as dropdown. By default woocommerce display payment options as radio buttons. Now, let’s say we want to replace these radio buttons with a dropdown. To do this go to ROOT/wp-content/plugins/woocommerce/templates/checkout and find file review-order.php. Open this file. Now find the following lines of

In this tutorial we’ll learn how to display checkout page payment options as dropdown. By default woocommerce display payment options as radio buttons. Now, let’s say we want to replace these radio buttons with a dropdown. To do this go to ROOT/wp-content/plugins/woocommerce/templates/checkout and find file review-order.php. Open this file. Now find the following lines of

In this tutorial we’ll learn how to display a specific payment option for logged in users only. First of all let’s have a look at our checkout page, what payment methods are being displayed initially. To do this add some items in cart and go to cart then proceed to checkout. Here is the default