Quantity Buttons (+ _) dissapear after update cart

Hello All,

Thank you for your report,
This is forwarded to the developer team, and it will be checked and fixed for the next updates.

Temporary solution to fix that issue:
Please put the CSS below in Customizing Environment > Custom CSS/JS > JS Code:
https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website

var $j = jQuery.noConflict();

function oceanwpWooQuantityButtons(i) {
    var o, t;
    ($cart = $j(".woocommerce div.product form.cart")),
        (i = i || ".qty"),
        (o = $j("div.quantity:not(.buttons_added), td.quantity:not(.buttons_added)").find(i)) &&
            "date" !== o.prop("type") &&
            "hidden" !== o.prop("type") &&
            (o.parent().addClass("buttons_added").prepend('<a href="javascript:void(0)" class="minus">-</a>'),
            o.after('<a href="javascript:void(0)" class="plus">+</a>'),
            $j("input" + i + ":not(.product-quantity input" + i + ")").each(function () {
                var o = parseFloat($j(this).attr("min"));
                o && 0 < o && parseFloat($j(this).val()) < o && $j(this).val(o);
            }),
            !$j("body").hasClass("single-product") ||
                "on" != oceanwpLocalize.floating_bar ||
                $cart.hasClass("grouped_form") ||
                $cart.hasClass("cart_group") ||
                (t = $j(".woocommerce form input[type=number].qty")).on("keyup", function () {
                    var o = $j(this).val();
                    t.val(o);
                }),
            $j(".plus, .minus").unbind("click"),
            $j(".plus, .minus").on("click", function () {
                var o =
                        !$j("body").hasClass("single-product") || "on" != oceanwpLocalize.floating_bar || $cart.hasClass("grouped_form") || $cart.hasClass("cart_group")
                            ? $j(this).closest(".quantity").find(i)
                            : $j(".plus, .minus").closest(".quantity").find(i),
                    t = parseFloat(o.val()),
                    e = parseFloat(o.attr("max")),
                    a = parseFloat(o.attr("min")),
                    s = o.attr("step");
                (t && "" !== t && "NaN" !== t) || (t = 0),
                    ("" !== e && "NaN" !== e) || (e = ""),
                    ("" !== a && "NaN" !== a) || (a = 0),
                    ("any" !== s && "" !== s && void 0 !== s && "NaN" !== parseFloat(s)) || (s = 1),
                    $j(this).is(".plus") ? (e && (e == t || e < t) ? o.val(e) : o.val(t + parseFloat(s))) : a && (a == t || t < a) ? o.val(a) : 0 < t && o.val(t - parseFloat(s)),
                    o.trigger("change");
            }));
}

$j(document ).ajaxComplete(function () {
	"use strict";
	oceanwpWooQuantityButtons();
});

Note: if you have a cache plugin or server cache. You need to clear its cache contents or disable them.

Best Regards

Hi @madmax4ever,

Please use this JS code:

var $j = jQuery.noConflict();

function oceanwpWooQuantityButtons(i) {
    var o, t;
    ($cart = $j(".woocommerce div.product form.cart")),
        (i = i || ".qty"),
        (o = $j("div.quantity:not(.buttons_added), td.quantity:not(.buttons_added)").find(i)) &&
            "date" !== o.prop("type") &&
            "hidden" !== o.prop("type") &&
            (o.parent().addClass("buttons_added").prepend('<a href="javascript:void(0)" class="minus">-</a>'),
            o.after('<a href="javascript:void(0)" class="plus">+</a>'),
            $j("input" + i + ":not(.product-quantity input" + i + ")").each(function () {
                var o = parseFloat($j(this).attr("min"));
                o && 0 < o && parseFloat($j(this).val()) < o && $j(this).val(o);
            }),
            !$j("body").hasClass("single-product") ||
                "on" != oceanwpLocalize.floating_bar ||
                $cart.hasClass("grouped_form") ||
                $cart.hasClass("cart_group") ||
                (t = $j(".woocommerce form input[type=number].qty")).on("keyup", function () {
                    var o = $j(this).val();
                    t.val(o);
                }),
            $j(".plus, .minus").unbind("click"),
            $j(".plus, .minus").on("click", function () {
                var o =
                        !$j("body").hasClass("single-product") || "on" != oceanwpLocalize.floating_bar || $cart.hasClass("grouped_form") || $cart.hasClass("cart_group")
                            ? $j(this).closest(".quantity").find(i)
                            : $j(".plus, .minus").closest(".quantity").find(i),
                    t = parseFloat(o.val()),
                    e = parseFloat(o.attr("max")),
                    a = parseFloat(o.attr("min")),
                    s = o.attr("step");
                (t && "" !== t && "NaN" !== t) || (t = 0),
                    ("" !== e && "NaN" !== e) || (e = ""),
                    ("" !== a && "NaN" !== a) || (a = 0),
                    ("any" !== s && "" !== s && void 0 !== s && "NaN" !== parseFloat(s)) || (s = 1),
                    $j(this).is(".plus") ? (e && (e == t || e < t) ? o.val(e) : o.val(t + parseFloat(s))) : a && (a == t || t < a) ? o.val(a) : 0 < t && o.val(t - parseFloat(s)),
                    o.trigger("change");
            }));
}

($j = jQuery.noConflict())(window).ajaxComplete(function ($) {
	"use strict";
	if( $j(".woocommerce div.product form.cart").find(".plus") ) {
		console.log('true');
		$j(window).ajaxComplete(function ($) {
			"use strict";
			console.log('ajax');
			oceanwpWooQuantityButtons();
		});
	} else {
		console.log('else');
		oceanwpWooQuantityButtons();
	}
});

Thank you,
Best Regards

Hello @madmax4ever,

Thank you for your report. We are aware of the issue.

The code will be fixed as a temporary solution(of course, in some other conditions, it has created a new issue). However, this is forwarded to the developer team, and it will be fixed/improved for the next updates.

Best Regards

Same here. Looking forward to a fix as soon as possible. Really annoying for UX, and no other quantity buttons plugin can override this bug.

Hello All,

Please use the latest version of OceanWP theme (and other plugins).
We’ve fixed your issue on this ticket on the latest version of the theme(v3.0.4):
https://docs.oceanwp.org/article/653-oceanwp-theme-changelog
https://docs.oceanwp.org/article/677-oceanwp-theme-ocean-extensions-changelogs
​
— @nnlam Thank you for your report; We’ll update all new demos to the latest version.

Thank you all for your waiting.

Warm Regards

So the buttons are still not displayed, and if add the code above the minimun step is 2 and not one as it should be. What a disaster this theme, first and last time I will use it.