WP Manifestindependent plugin directory
manifest / ecommerce / woocommerce-qty-buttons-astra

Qty Buttons Astra WooCommerce

Custom WooCommerce enhancement that injects + and - quantity buttons using JavaScript. Designed for Astra theme compatibility, with full AJAX support and clean integration without overriding core templates.

by Gonzalo Rolon · github.com/ggr-dev/woocommerce-qty-buttons-astra

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/ggr-dev/woocommerce-qty-buttons-astra/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/ggr-dev/woocommerce-qty-buttons-astra ↗

Custom WooCommerce enhancement that injects + and - quantity buttons using JavaScript. Designed for Astra theme compatibility, with full AJAX support and clean integration without overriding core templates.

WooCommerce Qty Buttons (Astra Compatible)

Enhance the user experience in WooCommerce by adding intuitive + and - quantity buttons to product fields.

This solution uses JavaScript injection, making it fully compatible with the Astra theme and any WooCommerce setup without overriding templates.

🚀 Features

  • ➕ Adds plus and minus buttons to quantity inputs
  • ⚡ Works with AJAX (cart updates, fragments, etc.)
  • 🎯 Compatible with Astra theme
  • 🧩 No template overrides required
  • 🔁 Automatically applies to dynamically loaded content
  • 🪶 Lightweight and optimized

📦 Installation

Option 1: As a Plugin (Recommended)

  1. Download or clone this repository
  2. Upload the plugin folder to /wp-content/plugins/
  3. Activate the plugin from the WordPress dashboard

Option 2: Manual (functions.php)

Copy the code into your child theme’s functions.php file.

🛠️ How It Works

  • Injects + and - buttons into .quantity fields
  • Listens for click events to increase/decrease values
  • Respects min, max, and step attributes
  • Triggers WooCommerce events to ensure compatibility
  • Uses MutationObserver to support dynamic DOM changes

💡 Use Case

Perfect for improving UX in WooCommerce stores where default quantity inputs are not user-friendly.

👨‍💻 Author

Gonzalo Rolon Web Developer Portfolio: https://ggrdev.site

📄 License

This project is open-source and available under the MIT License.