Coder Social home page Coder Social logo

woocommerce / woocommerce-quantity-increment Goto Github PK

View Code? Open in Web Editor NEW
12.0 136.0 15.0 925 KB

Adds back <= WooCommerce 2.2 quantity increment buttons

Home Page: https://wordpress.org/plugins/woocommerce-quantity-increment/

CSS 36.77% JavaScript 32.37% PHP 30.86%

woocommerce-quantity-increment's Introduction

=== Plugin Name ===
Contributors: automattic, woothemes
Tags: woocommerce, quantity, quantity increment, quantity buttons, spinner
Requires at least: 4.1
Tested up to: 4.5
Stable tag: 1.1.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

WooCommerce Quantity Increment adds JavaScript powered quantity buttons to your cart page.

== Description ==

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 install and activate this plugin to do so.

It optionally includes a [Number Polyfill](https://github.com/jonstipe/number-polyfill), which is a polyfill for implementing the HTML5 `<input type="number">` element in browsers that do not currently support it.

To include this, add the following code to your theme's `functions.php` file:

`
add_action( 'wp_enqueue_scripts', 'wcqi_enqueue_polyfill' );
function wcqi_enqueue_polyfill() {
    wp_enqueue_script( 'wcqi-number-polyfill' );
}
`

== Installation ==

1. Upload `woocommerce-quantity-increment` to the `/wp-content/plugins/` directory or search for 'WooCommerce Quantity Increment' from **Plugins > Add New**.
1. Activate the plugin through the 'Plugins' menu in WordPress

== Frequently Asked Questions ==

= I don’t want to use the plugin styles as it looks bad with my theme =

You can add the following to your `functions.php` file:

`
add_action( 'wp_enqueue_scripts', 'wcs_dequeue_quantity' );
function wcs_dequeue_quantity() {
    wp_dequeue_style( 'wcqi-css' );
}
`

This will dequeue the plugin’s stylesheet.

== Changelog ==

= 1.1.0 =
* Updated to work with the WooCommerce 2.6 cart ajax script.

= 1.0 =
* Initial Release

woocommerce-quantity-increment's People

Contributors

bftrick avatar bryceadams avatar chromeorange avatar greatwitenorth avatar mikejolley avatar slash1andy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

woocommerce-quantity-increment's Issues

Quantity buttons appearance

I upgraded my woocommerce store but I don't wan't to resign from quantity plus/minus buttons. I installed this plugin but the quantity buttons doesn't looks like my old ones. You can see my old quantity button here http://www.dalbeshop.eu (this is my old testing site, but still with great quantity buttons). Now at my main site http://www.dalbeshop.pl I have really bad looking buttons and completely doesn't know how to fix them. I think that it is css settings issue, but I can't change it to the previous version (don't know how). Pleas help me achieve that, Mat.

Duplicated steps in + - buttons

Hi, I'm installed the woocommerce quantity increment in my web, with Ronneby Theme.
My first problem was that the arrows of the quantity selector did not appear in the variable products, so I installed this plugin. With this plugin I solved the problem of the arrows of the selector in the variable products, but another problem was created, which is that the arrows were duplicated in the simple products and in the cart, and by clicking on the selector instead of uploading 1 unit , go up 2 steps.
The worst thing is that now if I delete the plugin, the update cart button stops working.
It's possible to delete the predefined plus minus arrows and function?
I'm going crazy.
Can you help me?
Thanks in advance.

Uncaught TypeError: step.getDecimals is not a function

Error in the cart page.

Add:

	if ( ! Number.prototype.getDecimals ) {
		Number.prototype.getDecimals = function() {
			var num = this,
				match = ('' + num).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);
			if ( ! match ) {
				return 0;
			}
			return Math.max( 0, ( match[1] ? match[1].length : 0 ) - ( match[2] ? +match[2] : 0 ) );
		}
	}

Quantity buttons appearance vol.2

Guys I'm sorry but I must re-open "quantity buttons issue". Bad luck for me.

After resolving previous thread everything works fine and looks really good ... until I updated theme - storefront to 1.3.0.

After update my quantity buttons looks like this:

1

there is some additional quantity buttons inside number box.

Using css I can made them looks like this:

2

but there is still hover blue colour (which i don't know how to delete - there is no such line in css style) and additional quantity buttons inside box.

My previous buttons (before any upgrade - storefront or woocommerce):

3

Before updating theme I had such looking buttons and it was great but theme upgrade rearrange them. I'm sorry for my binding, please give me some advice :)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.