Welcome to the Liquify Community

Updated 3 weeks ago

mini-cart_close element not triggering cart close

Hi, for starters, I am new to Liquify, so any help is appreciated.
For whatever reason I cannot get my mini-cart to close with the "x" icon included. This seems to also be the case in the default clonable on webflow. I've double checked that my attributes and hierarchy match the clonable, but it still doesn't seem to be triggering. Any ideas on why this would be happening? Clicking off the mini cart still works.
Attachments
image.png
image.png
1
J
P
j
27 comments
Hey @Paulo Mello, can you check whether the empty Mini Cart also has the li-element="dropdown-toggle" attribute? There are two headers, on on the filled cart and one on the empty cart. I think the template has still the old one.
It does not! I suspect that could cause issues
Yea, we have to update that, sorry :)
does the mini-cart_header need it as well?
No, just the elements that you click on. So in that case, only the two .mini-cart_close
But if you want to close the mini cart per click on the mini-cart_header, you can do that aswell
Ok, sweet. Glad I checked in with you as I probably would have spend hours trying to figure that out
Yea, I know. The template still has some issues, but we're working on it :)
Hey, unfortunately it still isn't working. site is https://pismobonfires.com
And if I click the "No Products selected" text, it closes the menu
Currently applied it to the mini-cart_header as a temporary workaround, but ideally it should be linkable to the button
Hey, I think that's still happening because of the old li-mini-cart-toggle attribute. Can you remove that attribute and look whether it's still behaving so weird?
Attachment
image.png
I haven't tried that yet, but in the meantime decided that I like the close function on the header lol. Will test that on a future store at somepoint
Allright πŸ™‚ then i will mark this one as solved
Is there any more on this? I just pulled a new template today and am observing this same behavior.
Hey @jason, can you send me the Shopify preview link and the password? :)
sure let me publish it.
as I mentioned, it's the out of the box template
When did you clone the template?
less than an hour ago
I'll have a look, thanks for letting me know :)
so no need to publish it for you?
Can you publish and send it to me anyway? And did you change anything after cloning the template? :)
nope, bone stock template. i'll publish here
well, i must be nuts because it's now working for me. It's just not working in the webflow editor
That happens because we use AlpineJS to handle the cart. And the script for that will be implemented during the conversion process. So the cart (and therefore the closing functionality) will only work in Shopify, not in Webflow
perfect, sorry about the confusion
Add a reply
Sign up and join the conversation on Discord