Duplicate +/- shown, and also new +/- not centered

Hello,

the linked website is in maintenance mode and I can’t access it for troubleshooting. Would it be possible to link the staging/test URL?

Best regards,

Ryszard

Sorry it was updating a Plugin. You can access it now. Now when I deactivate the QTY INCR plugin, the original plus/minus is to the left and right of the number. But when I activate your plugin, it shifts the old plus/minus to above and below as you can now see.

The problem is that there are JavaScript-generated buttons that appear after QIB buttons are generated. In the next plugin release, there will be a higher CSS specificity to make sure that these buttons are gone (in this case they are not, what creates even worse initial experience). But the worst thing is that a container was inserted inside my plugin’s container and can’t be simply hidden, otherwise the input field disappears. However, it looks that the creators of Astra theme gave us a brilliant way to get rid of these buttons when used in functions.php of the child theme:

add_filter( 'astra_add_to_cart_quantity_btn_enabled', '__return_false' );

If this works, I’ll use it in the next plugin release to eliminate this problem out-of-the-box.

• This reply was modified 4 years, 7 months ago by taisho.

Another thing is that the buttons are displayed on your category page. I see this as an unwanted outcome. The same as for variable products, for bundles some extra choices need to be done on the product page (assuming no Quick View plugins or such theme functionality). This makes simply setting the quantity on the category page and adding the product to the cart impossible.

The easy solution is not to enable the plugin on archive pages (configurable in plugin settings). However, it could happen that on the category page there is a mix of products – some are bundles and some are simple products where the buttons would be welcome. Then I have the following solution for a test, if this works, I would implement it in the next version. In file “qty-increment-buttons-for-woocommerce.php”, line 460, change from:

if ( $product->is_purchasable() && ! $product->is_sold_individually() && $product->is_in_stock() && 'variable' != $product->get_type()) {

to:

if ( $product->is_purchasable() && ! $product->is_sold_individually() && $product->is_in_stock() && 'variable' != $product->get_type() && 'bundle' != $product->get_type() ) {

I would appreciate checking it.

Hi Taisho. The Astra CSS worked. Thanks. The other settings you were saying were not necessary I just went into your plugin’s settings and changed it to Archive-Shop and the quantity went away where I don’t need it.

But I just noticed another problem. When your plugin is active, it eliminates the “Buy Now” option that is available above the add to cart button normally. Its an option with WooCommerce/Stripe payment plugin that you can activate a buy now button that allows users to use Apple Pay, Google Pay, etc and purchase an item directly from that page. Your plugin seems to hide/disable it.

I just deactivated your plugin so you can see the buy now button I am referring to

Can you please make a screenshot? I can’t see this button even in Incognito mode.

By the “Astra CSS” did You mean this line?

add_filter( 'astra_add_to_cart_quantity_btn_enabled', '__return_false' );

Also, it’s great that the “Shop” option in settings solved the problem (while I think “None” would be better), but I would appreciate changing the code line as I suggested and checking if it works with Shop & Category – to help me with tests.

Taisho, I updated the Archive setting to Shop & Category and also the line of code you sent. Seemed to work great.

See link below with screenshots. One you can see the Buy Now Box when the plugin is deactivated, and when activated you can see the Buy Now is gone.

SCREENSHOTS

Also, any way so the plus/minus buttons and the number are centered? They are staggered (see picture).

• This reply was modified 4 years, 7 months ago by eddyrelik.

I also added screenshots on that link of the settings for WooCommerce-Stripe payment gateway showing what setting disappears with your plugin.

I see I’ll further investigate it and try to fix it tomorrow.

It’s from this plugin, right?

https://www.ads-software.com/plugins/woocommerce-gateway-stripe/

Thanks, Yes, that is correct!

Just found an interesting variable that brings back the Buy Now button with your plugin on. I decided to remove the product quantity button at the bottom of my “Add to Cart” widget by going into the Product-Inventory-Sold Individually to “Yes”. I did this so that its less confusing for customers to see another quantity plus/minus next to all of the choices I have. This works for me because I can only ship one package at a Time so my customers would not be able to select more than one package/bundle anyway.

And by doing this, the Buy Now Option retuned. So there is something odd. If I have “Sold Individually” off, or set to No, and your plugin Off, then the Buy Now button is available. If I turn your plugin on, the Buy Now button disappears. If I then change the “Sold Individually” option under Inventory to Yes/Active, the Buy Now Option returns. My quantities still show because of the product bundle and min/max plugins for WooCommerce for selecting quantities within a single item.

I added a screenshot to the link above that shows this setting in Inventory that brought it back.

Not sure if this is clear. For other users this may be an issue if they want to have a quantity before the Buy Now option and also a quantity for adding to cart.

Thanks for the feedback, glad to hear that it’s okay now.

I’ll have a closer look during the weekend and see if I can do something based on it that can be applied in the plugin.

Best regards,

Ryszard

Hi,

I think I have a similar problem. When I installed the plugin you can see that there are 2 ‘+’ and 2 ‘-‘.I can’t get rid of the middle buttons. I tried some css codes but nothing seems to work. Could this be due to the theme I’m using? Jupiter X?

If I want to edit the page in Elementor, everything’s fine. But once I update, the middle buttons appear.

Site: https://www.windkracht12.be
https://paste.pics/8V7I8

Kind regards,

Hello,

I checked a demo site with Jupiter X as yours is in under-construction mode. Please let me know if this CSS added to child theme CSS or extra CSS of the theme (not sure if this theme has such feature) works:

.input-group-prepend, .input-group-append {
    display: none;
}

Best regards,

Ryszard