I want TAWK chat to POPOUT from buttonizer, but facing this error.
Can anyone help me fix this ?
I want TAWK chat to POPOUT from buttonizer, but facing this error.
Can anyone help me fix this ?
this worked brilliantly!!
can you also tell me how I can add a cart action button to a group? i cant seem to find an option to add as a cart.
thanks a lot for correcting my code.
Hi @qouiou ,
After a quick google search I found the following article about custom "add to cart" URLs in WooCommerce. Read the article, try it out. You can just drop these URLs in buttonizer with the url
button action.
https://www.businessbloomer.com/woocommerce-custom-add-cart-urls-ultimate-guide/
thanks for your response again Castor. Page you suggested me is for PRODUCT ADD TO CART.
What I want is buttonizer URL action button to open my default woocommerce cart upon clicking. Example www.meccabooks.com is a shopify website, but their similar buttonizer button opens up the cart upon click, that's what I want actually.
I did that, but cart doesn't open up upon clicking. Leaves a dead action I guess.
I added cart icon www.ibsbookstore.com , can you please check error I am doing in the URL ?
Ah, I see what's going on. The shopping cart is a popup which shows when the element with id="cart" has a class "open". Something like the following should be able to toggle it (enter in javascript action)
const el = document.querySelector("#cart");
if(el.classList.contains("open")) el.classList.remove("open"); else el.classList.add("open");
Or, if you just want it to open and not toggle, simply do something like this:
const el = document.querySelector("#cart")
el.classList.add("open")
somehow both the action is not working.....with or without toggle. Attached screenshot.
I want with toggle and
open up
Actually i attached wrong pic...without javascript also its not working
Hi qouiou ,
I've checked the code of my collegue and your website and found out the cart automatically closes if you click outside that element.
If you click the Buttonizer button, it indeed opens the cart, but the cart closes as it registers a click outside the cart container.
What you could do is adding an setTimeout
.
Can you try using the following code:
const el = document.querySelector("#cart");
setTimeout(function() {
if(el.classList.contains("open")) el.classList.remove("open"); else el.classList.add("open");
}, 500);
Let me know if it helps