Shopify-Cart-Drawer

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

Shopify-Cart-Drawer

★ 9 Open GitHub ↗

How To Create Custom Cart Drawer for Your Shopify Store?

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# How To Create Custom Cart Drawer for Shopify Store ?
[Perfecly Work On Debut Theme]

Step 1: Login to your store and click on "Online Store". See Screenshot ![Step 1](https://user-images.githubusercontent.com/64454714/109423717-a1ed2d80-7a06-11eb-88ab-3d852cd75a27.png)

Step 2: Choose your theme and click on "Actions". A drop down will be open. Then Click on "Edit Code". See Screenshot! ![step 2](https://user-images.githubusercontent.com/64454714/109424023-f93fcd80-7a07-11eb-8210-a102023c24b0.png)
![step 2a](https://user-images.githubusercontent.com/64454714/109424014-f04efc00-7a07-11eb-8d17-9b55647a484f.png)

Step 3: On the left hand Side, Click on "Snippet" and "Add a new snippet". A pop up will open write your snippet name whatever you want. For eg "cart-drawer", it will create a file as "cart-drawer.liquid". Then Paste the code in the file and Save it. See Screenshot ![step 3](https://user-images.githubusercontent.com/64454714/109424320-335d9f00-7a09-11eb-9bd9-41bb7a0bf1ff.png)
![step 3a](https://user-images.githubusercontent.com/64454714/109424532-fc3bbd80-7a09-11eb-8bd3-205eca2f0df3.png)

Step 4: Now open "Assets file" and paste your CSS and JS code in "theme.css" and "custom.js" file respectively. Add the "jQuery CDN" & "custom.js" file in "theme.liquid" file. See Screenshot! ![step 4](https://user-images.githubusercontent.com/64454714/109426585-76713f80-7a14-11eb-82a2-c7e76a81b537.png)
![step 4a](https://user-images.githubusercontent.com/64454714/109426587-7a9d5d00-7a14-11eb-8e78-a6f027692720.png)

Step 5: Now Paste this code {% include 'cart-drawer' %} in "theme.liquid" and Save the file. See Screenshot! ![step 5](https://user-images.githubusercontent.com/64454714/109426702-f7c8d200-7a14-11eb-88c8-1d6f27174445.png)

Final Step: Now Checkout your store. You have successfully add the cart drawer to your Store.

To support me
<a href="https://www.buymeacoffee.com/thearvind" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>

Shopify-Cart-Drawer

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README