How can I implement a quick add button as a drawer on a custom liquid page?

Store Design
,
1

Hi,

i’d like to implement “quick add button” as drawer. I set up a custom liquid file, which is grabbing my products for the collection. The drawer is activated and is working. But, my code is working only if i enable “add to cart button” on the product grid page.

Which code is loaded when we activate this button? I want to load the JS code in my custom liquid page but i don’t know where this is located.

comm1.png
comm1.png632×1100 64.2 KB

comm2.png
comm2.png610×864 38.6 KB

thank you very much.

1 Like
2

The cart drawer functioanlty is working for me, and i’m able to add products to the shopping bag.

But after hide the “product grid” section my code isnt working. That means, there are other codes that are loded, right? I just want tho know which codes that are. There are some css and js codes missing after hiding or disabling the “enable quick add button”. I want to know ehat happens there and how can i load this snippets

I can share the link to my shop if you want.

3

i’ve send you our url and password for view

4

This few lines helped me out.

{{ 'quick-add.css' | asset_url | stylesheet_tag }}
1 Like