https://johnhashim.com/series/woocommerce-theme/ Recent content in woocommerce theme on John hashim Hugo -- gohugo.io en johnnyhashim [at] gmail.com (john hashim) johnnyhashim [at] gmail.com (john hashim) ©{year}, All Rights Reserved Thu, 13 Aug 2020 22:41:09 -0400 https://johnhashim.com/posts/add-plus-and-minus-ajax-buttons-to-woocommerce-quantity-inputs/ Thu, 13 Aug 2020 22:41:09 -0400 johnnyhashim [at] gmail.com (john hashim) Thu, 13 Aug 2020 22:41:09 -0400 https://johnhashim.com/posts/add-plus-and-minus-ajax-buttons-to-woocommerce-quantity-inputs/ WooCommerce uses number inputs for the cart quantities by default, as most browsers now support. <input type="number" /> However, you may want to have JavaScript powered inputs if you want greater control over appearance. Simply all you need to change Plus and minus Quantity button is, first get lead of the default quantity-input.ph by replacing it with this code 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 <? john hashim featured image wordpress woocommerce programming woocommerce theme https://johnhashim.com/posts/customize-the-in-stock-message-on-product-page-in-woocommerce/ Thu, 13 Aug 2020 22:41:09 -0400 johnnyhashim [at] gmail.com (john hashim) Thu, 13 Aug 2020 22:41:09 -0400 https://johnhashim.com/posts/customize-the-in-stock-message-on-product-page-in-woocommerce/ There are so many ways this can be overridden or customized depending on how you’re developing your project and your experience, but this is the simple way to do it if you have experience or not. copy and paste this code in your child theme or parent theme you’re developing in Functions.php 1 2 3 4 5 6 7 function my_wc_hide_in_stock_message( $html, $product ) { if ( $product->is_in_stock() ) { return ''; } return $html; } add_filter( 'woocommerce_get_stock_html', 'my_wc_hide_in_stock_message', 10, 2 ); This would remove the stock being shown every time wc_get_stock_html gets called. john hashim featured image wordpress woocommerce programming woocommerce theme https://johnhashim.com/posts/how-to-auto-update-woocommerce-cart-when-quantity-changes/ Thu, 13 Aug 2020 22:41:09 -0400 johnnyhashim [at] gmail.com (john hashim) Thu, 13 Aug 2020 22:41:09 -0400 https://johnhashim.com/posts/how-to-auto-update-woocommerce-cart-when-quantity-changes/ This simple snippet will work with my first post that shows how to add plus and minus on your woocommerce site on the single page or cart to update the product price and total price automatically. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <?php // Add this to your theme's functions.php function jh_add_script_to_footer(){ if( ! is_admin() ) { ? john hashim featured image wordpress woocommerce programming woocommerce theme https://johnhashim.com/posts/how-to-get-quantity-based-pricing-table-code-in-your-custom-theme/ Thu, 13 Aug 2020 22:41:09 -0400 johnnyhashim [at] gmail.com (john hashim) Thu, 13 Aug 2020 22:41:09 -0400 https://johnhashim.com/posts/how-to-get-quantity-based-pricing-table-code-in-your-custom-theme/ there are some points that you will need to offer a discount to your customers base on the number of units or quantity sold and if you’re a shop owner you know how customers love discounts so let’s get started 🙂 WooCommerce Discount Rules helps you to create any type of bulk discounts, dynamic pricing, advanced discounts, percentage discounts, user role-based discounts for your products. Offer Product quantity based discounts, cart-based discounts at a percentage or fixed amount or Buy One and Get one free (BOGO) deals or discount based on total order. john hashim featured image wordpress woocommerce programming woocommerce theme https://johnhashim.com/posts/how-to-get-woocommerce-customers-email-by-product-id/ Thu, 13 Aug 2020 22:41:09 -0400 johnnyhashim [at] gmail.com (john hashim) Thu, 13 Aug 2020 22:41:09 -0400 https://johnhashim.com/posts/how-to-get-woocommerce-customers-email-by-product-id/ So you have a shop that sales different product and you would like to follow up based on products that where purchased by your customers, this is not a big deal if all you need is an email, address, name or any information you collect on your checkout form as it is all saved in your database. This is very important if your running Google ads to try and focus on where most of your customers are based or trying to get your customers feedback. john hashim featured image wordpress woocommerce programming woocommerce theme https://johnhashim.com/posts/how-to-hide-a-woocommerce-sidebar-widget-on-certain-pages/ Thu, 13 Aug 2020 22:41:09 -0400 johnnyhashim [at] gmail.com (john hashim) Thu, 13 Aug 2020 22:41:09 -0400 https://johnhashim.com/posts/how-to-hide-a-woocommerce-sidebar-widget-on-certain-pages/ So you’re building your own store theme or maybe you’re using a commercial theme and it does make sense for you to load the same products or same information on two places on the same page or maybe you don’t want the widget to show on other pages for some reasons. Remember always try to load less and useful information and resources as possible to speed up your pages and keep your customers happy. john hashim featured image wordpress woocommerce programming woocommerce theme https://johnhashim.com/posts/how-to-sort-woocommerce-cart-items-alphabetically/ Thu, 13 Aug 2020 22:41:09 -0400 johnnyhashim [at] gmail.com (john hashim) Thu, 13 Aug 2020 22:41:09 -0400 https://johnhashim.com/posts/how-to-sort-woocommerce-cart-items-alphabetically/ If you’re running a woo-commerce online shop site with a lot of Products and you would like to make it easier for your customers to be able to check what they have in their cart without so many downs then using this snippet of code would be your best choice. if you’re creating a pluging or a new theme then this can be added in the functions.php and if your using a child theme then you can easily create functions. john hashim featured image wordpress woocommerce programming woocommerce theme https://johnhashim.com/posts/how-to-update-product-total-prices-based-on-discount-table-unit-price/ Thu, 13 Aug 2020 22:41:09 -0400 johnnyhashim [at] gmail.com (john hashim) Thu, 13 Aug 2020 22:41:09 -0400 https://johnhashim.com/posts/how-to-update-product-total-prices-based-on-discount-table-unit-price/ This snipet is for anyone building a wholesale woo-commerce site that sale products in large amount and offer discount based on the the number of units bought. for instance if 10 units will eaqual to 200$ then 20 units will equal to 392$ and so on … You can try to tweak this simple code based on your your Woorcommerce theme. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 var price = parseFloat(someVars['regularPrice']); var discountTable = []; someVars. john hashim featured image wordpress woocommerce javascript programming woocommerce theme