WordPress Tutorials

Recently one of my client had a requirement and in this post I’ll show you how to add Flatsome Theme product on-sale end countdown. When you place a product on-sale for a cheaper price, you would possibly need your customers to be ready to see the initial price, so that they see the value comparison. To demonstrate a sale price your product need to incorporate actual price and sale price.   Luckily, Flatsome Theme has a countdown module and it can be added to any page using shortcode. In below code I added comments to explain [ux_countdown] shortcode usage, the first is for Admin side and 2nd is to include within functions.php or in custom plugin.     My client requirement was to add the countdown timer for products on-sale. When the product sale time ends it will not display anymore. It adds the counter for Simple & variable products. If you have set different sale-end time for each product variation. Below code will update the counter according to selected product ...

In this post I’ll show you how to do flatsome theme customization. According to Themeforest its the #1 best selling WooCommerce theme ever. It’s a multiple-purpose responsive theme and can be used for any type of WooCommerce Project. Important Flatsome Template Files Flatsome theme has lot of files and directories, Below I’ll list some important files, which are used for WooCommerce frontend templates. Flatsome root directory It contains template files for Cart, Checkout & accounts pages page-cart.php page-checkout.php page-my-account.php Flatsome/wocommerce directory It contains template files for shop listing & product details pages archive-product.php single-product.php Flatsome/inc/woocommerce directory Below files contain functions for category, product, cart, checkout & accounts pages used within flatsome theme structure-wc-global.php structure-wc-category-page.php structure-wc-product-page.php structure-wc-product-box.php structure-wc-cart.php structure-wc-checkout...