{"id":384692,"date":"2023-06-23T08:03:29","date_gmt":"2023-06-23T08:03:29","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=384692"},"modified":"2024-06-06T06:29:41","modified_gmt":"2024-06-06T06:29:41","slug":"woocommerce-quantity-plus-minus-buttons","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/","title":{"rendered":"How to Add Quantity Plus and Minus Buttons in WooCommerce?"},"content":{"rendered":"\n<p>In this blog, we will see how we can display custom minus and plus quantity buttons on a WooCommerce product page and cart page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1: Create a Custom Plugin<\/h2>\n\n\n\n<p>First of all, create a directory for your new plugin in the plugins directory path i.e. &#8216;\/wp-content\/plugins\/&#8217;. In my case, the directory name is &#8216;wc-add-to-cart-plus-minus-button&#8217; you can change your directory name as you want.<\/p>\n\n\n\n<p>Next, Open this folder in your preferred text editor and create a php file like &#8216;demo.php&#8217;.<\/p>\n\n\n\n<p>Put the following header comments in the PHP file to make this a plugin file.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">\/**\n * Plugin Name: WooCommerce Custom Add To Cart Plus &amp; Minus Button\n * Description: To add custom plus and minus button for add to cart items.\n * Version: 1.0.0\n * Author: Webkul\n *\n * @package WooCommerce Custom Add To Cart Plus &amp; Minus Button\n *\/<\/pre>\n\n\n\n<p>You can change the above information to match your details.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2: Add the Code for the Add to Cart Quantity Plus &amp; Minus Buttons<\/h2>\n\n\n\n<p>Now, add the below code to this file for displaying the custom minus and plus quantity buttons on a WooCommerce single product page and cart page.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">defined( &#039;ABSPATH&#039; ) || exit(); \/\/ Exit if accessed directly.\n\nif ( ! class_exists( &#039;Rk_Plus_Minus&#039; ) ) {\n\n\t\/**\n\t * Main Class.\n\t *\/\n\tclass Rk_Plus_Minus {\n\n\t\t\/**\n\t\t * The instance variable of the class.\n\t\t *\n\t\t * @var $instance.\n\t\t *\/\n\t\tprotected static $instance = null;\n\n\t\t\/**\n\t\t * Constructor of this class.\n\t\t *\/\n\t\tpublic function __construct() {\n\t\t\tadd_action( &#039;woocommerce_after_quantity_input_field&#039;, array( $this, &#039;rk_display_quantity_plus&#039; ) );\n\t\t\tadd_action( &#039;woocommerce_before_quantity_input_field&#039;, array( $this, &#039;rk_display_quantity_minus&#039; ) );\n\t\t\tadd_action( &#039;wp_footer&#039;, array( $this, &#039;rk_add_cart_quantity_plus_minus&#039; ) );\n\t\t}\n\n\t\t\/**\n\t\t * Display plus button after Add to Cart button.\n\t\t *\/\n\t\tpublic function rk_display_quantity_plus() {\n\t\t\techo &#039;&lt;button type=&quot;button&quot; class=&quot;plus&quot;&gt;+&lt;\/button&gt;&#039;;\n\t\t}\n\n\t\t\/**\n\t\t * Display minus button before Add to Cart button.\n\t\t *\/\n\t\tpublic function rk_display_quantity_minus() {\n\t\t\techo &#039;&lt;button type=&quot;button&quot; class=&quot;minus&quot;&gt;-&lt;\/button&gt;&#039;;\n\t\t}\n\n\t\t\/**\n\t\t * Enqueue script.\n\t\t *\/\n\t\tpublic function rk_add_cart_quantity_plus_minus() {\n\n\t\t\tif ( ! is_product() &amp;&amp; ! is_cart() ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\twc_enqueue_js(\n\t\t\t\t&quot;$(document).on( &#039;click&#039;, &#039;button.plus, button.minus&#039;, function() {\n\n\t\t\t\t\tvar qty = $( this ).parent( &#039;.quantity&#039; ).find( &#039;.qty&#039; );\n\t\t\t\t\tvar val = parseFloat(qty.val());\n\t\t\t\t\tvar max = parseFloat(qty.attr( &#039;max&#039; ));\n\t\t\t\t\tvar min = parseFloat(qty.attr( &#039;min&#039; ));\n\t\t\t\t\tvar step = parseFloat(qty.attr( &#039;step&#039; ));\n\n\t\t\t\t\tif ( $( this ).is( &#039;.plus&#039; ) ) {\n\t\t\t\t\t\tif ( max &amp;&amp; ( max &lt;= val ) ) {\n\t\t\t\t\t\tqty.val( max ).change();\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\tqty.val( val + step ).change();\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif ( min &amp;&amp; ( min &gt;= val ) ) {\n\t\t\t\t\t\tqty.val( min ).change();\n\t\t\t\t\t\t} else if ( val &gt; 1 ) {\n\t\t\t\t\t\tqty.val( val - step ).change();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t});&quot;\n\t\t\t);\n\t\t}\n\n\t\t\/**\n\t\t * Instance of this class.\n\t\t *\n\t\t * @return object.\n\t\t *\/\n\t\tpublic static function get_instance() {\n\t\t\tif ( is_null( self::$instance ) ) {\n\t\t\t\tself::$instance = new self();\n\t\t\t}\n\n\t\t\treturn self::$instance;\n\t\t}\n\t}\n}\n\nRk_Plus_Minus::get_instance();<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3: Save and Activate the Plugin<\/h2>\n\n\n\n<p>Once you have added the code to the main plugin file, save the file and activate the plugin in the WordPress admin panel. To activate the plugin, go to the \u201cPlugins\u201d menu and find the plugin you just created. Click \u201cActivate\u201d to activate the plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1492\" height=\"612\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/activate_plugin.png\" alt=\"activate_plugin\" class=\"wp-image-384704\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/activate_plugin.png 1492w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/activate_plugin-300x123.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/activate_plugin-1200x492.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/activate_plugin-250x103.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/activate_plugin-768x315.png 768w\" sizes=\"(max-width: 1492px) 100vw, 1492px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 4: Test the Custom Quantity Buttons<\/h2>\n\n\n\n<p>After activating the plugin, go to the shop page and click on any product. Now you can see the plus and minus quantity buttons around Add to Cart button on the WooCommerce Single Product Page as shown in the below image.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"916\" height=\"498\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/plus_minus_buttons.png\" alt=\"plus_minus_buttons\" class=\"wp-image-384708\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/plus_minus_buttons.png 916w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/plus_minus_buttons-300x163.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/plus_minus_buttons-250x136.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/plus_minus_buttons-768x418.png 768w\" sizes=\"(max-width: 916px) 100vw, 916px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>On the Cart Page, it will look like the following image:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"915\" height=\"363\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/plus_minus_button_cart_page.png\" alt=\"plus_minus_button_cart_page\" class=\"wp-image-384713\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/plus_minus_button_cart_page.png 915w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/plus_minus_button_cart_page-300x119.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/plus_minus_button_cart_page-250x99.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/plus_minus_button_cart_page-768x305.png 768w\" sizes=\"(max-width: 915px) 100vw, 915px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Adding a custom add-to-cart quantity plus and minus buttons to the WooCommerce shop page is a simple and effective way to improve the user experience of your online store. <\/p>\n\n\n\n<p>With the sample code provided above, you can easily create a custom  Add to Cart Quantity Plus &amp; Minus buttons on Single Product Page and Cart Page.<\/p>\n\n\n\n<p>That&#8217;s all about &#8220;How to do Add to Cart Quantity Plus &amp; Minus Buttons in Woocommerce?&#8221;.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Support<\/h2>\n\n\n\n<p>If you need any technical assistance, please reach us by mail at\u00a0<a href=\"mailto:support@webkul.com\">support@webkul.com<\/a>. Also, discover various solutions to add more features and enhance your online store by visiting\u00a0the\u00a0<a href=\"https:\/\/store.webkul.com\/woocommerce-plugins.html\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce plugins<\/a>\u00a0page. Additionally, if you require expert assistance or want to develop custom unique functionality or want to create a <a href=\"https:\/\/webkul.com\/wordpress-theme-development-services\/\">Custom WordPress Theme<\/a> then <a href=\"https:\/\/webkul.com\/hire-woocommerce-developers\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hire WooCommerce Developers<\/a> for your project.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this blog, we will see how we can display custom minus and plus quantity buttons on a WooCommerce product page and cart page. Step 1: Create a Custom Plugin First of all, create a directory for your new plugin in the plugins directory path i.e. &#8216;\/wp-content\/plugins\/&#8217;. In my case, the directory name is &#8216;wc-add-to-cart-plus-minus-button&#8217; <a href=\"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":505,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1773],"tags":[1468,1258,13679],"class_list":["post-384692","post","type-post","status-publish","format-standard","hentry","category-woocommerce","tag-woocommerce","tag-wordpress","tag-wordpress-development-services"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add Quantity Plus and Minus Buttons in WooCommerce?<\/title>\n<meta name=\"description\" content=\"In this blog, we will see how we can display custom minus and plus quantity buttons on a WooCommerce Single Product Page and Cart Page.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Quantity Plus and Minus Buttons in WooCommerce?\" \/>\n<meta property=\"og:description\" content=\"In this blog, we will see how we can display custom minus and plus quantity buttons on a WooCommerce Single Product Page and Cart Page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-23T08:03:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-06T06:29:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/05\/activate_plugin.png\" \/>\n<meta name=\"author\" content=\"Raushan Kumar Paswan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Raushan Kumar Paswan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/\"},\"author\":{\"name\":\"Raushan Kumar Paswan\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/db36277344bb56e4917bf0211aec8793\"},\"headline\":\"How to Add Quantity Plus and Minus Buttons in WooCommerce?\",\"datePublished\":\"2023-06-23T08:03:29+00:00\",\"dateModified\":\"2024-06-06T06:29:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/\"},\"wordCount\":404,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/05\/activate_plugin.png\",\"keywords\":[\"WooCommerce\",\"wordpress\",\"wordpress development services\"],\"articleSection\":[\"WooCommerce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/\",\"url\":\"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/\",\"name\":\"How to Add Quantity Plus and Minus Buttons in WooCommerce?\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/05\/activate_plugin.png\",\"datePublished\":\"2023-06-23T08:03:29+00:00\",\"dateModified\":\"2024-06-06T06:29:41+00:00\",\"description\":\"In this blog, we will see how we can display custom minus and plus quantity buttons on a WooCommerce Single Product Page and Cart Page.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/activate_plugin.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/activate_plugin.png\",\"width\":1492,\"height\":612,\"caption\":\"activate_plugin\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Quantity Plus and Minus Buttons in WooCommerce?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/db36277344bb56e4917bf0211aec8793\",\"name\":\"Raushan Kumar Paswan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ce9851ee21ba1ce546af25d566be4dffeaa3d4f8a1be72688619265ad326a321?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ce9851ee21ba1ce546af25d566be4dffeaa3d4f8a1be72688619265ad326a321?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Raushan Kumar Paswan\"},\"description\":\"Raushan specializes in WordPress SaaS Development and Shipping Method services, delivering scalable solutions that streamline eCommerce operations. Expertise drives enhanced digital presence and empowers businesses to achieve sustained growth.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/raushankrpaswan-wp333\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add Quantity Plus and Minus Buttons in WooCommerce?","description":"In this blog, we will see how we can display custom minus and plus quantity buttons on a WooCommerce Single Product Page and Cart Page.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Quantity Plus and Minus Buttons in WooCommerce?","og_description":"In this blog, we will see how we can display custom minus and plus quantity buttons on a WooCommerce Single Product Page and Cart Page.","og_url":"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2023-06-23T08:03:29+00:00","article_modified_time":"2024-06-06T06:29:41+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/05\/activate_plugin.png","type":"","width":"","height":""}],"author":"Raushan Kumar Paswan","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Raushan Kumar Paswan","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/"},"author":{"name":"Raushan Kumar Paswan","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/db36277344bb56e4917bf0211aec8793"},"headline":"How to Add Quantity Plus and Minus Buttons in WooCommerce?","datePublished":"2023-06-23T08:03:29+00:00","dateModified":"2024-06-06T06:29:41+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/"},"wordCount":404,"commentCount":1,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/05\/activate_plugin.png","keywords":["WooCommerce","wordpress","wordpress development services"],"articleSection":["WooCommerce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/","url":"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/","name":"How to Add Quantity Plus and Minus Buttons in WooCommerce?","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/05\/activate_plugin.png","datePublished":"2023-06-23T08:03:29+00:00","dateModified":"2024-06-06T06:29:41+00:00","description":"In this blog, we will see how we can display custom minus and plus quantity buttons on a WooCommerce Single Product Page and Cart Page.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/activate_plugin.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/activate_plugin.png","width":1492,"height":612,"caption":"activate_plugin"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/woocommerce-quantity-plus-minus-buttons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Add Quantity Plus and Minus Buttons in WooCommerce?"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/db36277344bb56e4917bf0211aec8793","name":"Raushan Kumar Paswan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ce9851ee21ba1ce546af25d566be4dffeaa3d4f8a1be72688619265ad326a321?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ce9851ee21ba1ce546af25d566be4dffeaa3d4f8a1be72688619265ad326a321?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Raushan Kumar Paswan"},"description":"Raushan specializes in WordPress SaaS Development and Shipping Method services, delivering scalable solutions that streamline eCommerce operations. Expertise drives enhanced digital presence and empowers businesses to achieve sustained growth.","url":"https:\/\/webkul.com\/blog\/author\/raushankrpaswan-wp333\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/384692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/505"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=384692"}],"version-history":[{"count":16,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/384692\/revisions"}],"predecessor-version":[{"id":445953,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/384692\/revisions\/445953"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=384692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=384692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=384692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}