Skip to content

valentinlako/Shopify-Custom-Floating-Drawer-Ajax-Cart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Shopify Custom Floating Drawer Ajax Cart

image image


Setup

// Add cart-drawer.liquid file within your theme's "Sections" folder

// Add ajaxify-cart.liquid file within your theme's "Snippets" folder

// Add v-drawer.css file within your theme's "Assets" folder

// Add v-drawer.js file within your theme's "Assets" folder

After all files have been uploaded, in your theme.liquid main file, right under the <body> element, add the following line of code:

{% section 'cart-drawer' %} 

Now, find the element which when clicked will open the drawer cart (the cart icon from the header, as an example). Find his unique class, then go v-drawer.js line 3 and add it there

Enjoy!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published