gift wrap to cart drawer

Gift Wrap Option (Cart Drawer) - Upsell

How to see the code

1. Please log in/create an account first. This is to ensure that all purchases are connected to an account and can be viewed on different devices.

2. Purchase the code using the "purchase box" on the specific page of the desired code.

3. After the purchase, please refresh the page.

Compatibility: All Shopify 2.0 FREE Themes

You are able to add a note in Shopify 2.0 and also add any product to upsell in the cart. This works in Dawn Theme and any Shopify 2.0 theme, even Refresh theme. You can have a product with multiple variants and upsell your gift wraps or any other product. 

Please make sure to check the demo store before buying. Password: made4uo

If you want to use cart page, please use this code instead. 

 What you are buying:

  • Add one product in just a click of a button in your cart drawer only (no cart page)
  • Code is using ajax
  • Choose any product you want
  • Design might have to depend to the Shopify theme being use

What makes our code better:

  • We do not use external libraries, with that being said, our code will have no to minimal effect to your website's speed performance
  • We do not leave or add codes use to advertise for our website
  • Our code is mobile friendly

Any issues related to the code will be fix with no additional cost, excluding code customization requests. Simply contact us with "Chat with us." We are just a button away.

To start:

1. Go to Admin store > Online Store > Themes > Actions > Edit code.

2. Open the Snippet folder and create a new snippet, name it "gift-wrap."

3. Then paste the code below. Click SAVE.

<

 4. Next, we will add our settings to allow customization. Open the settings_schema.json under the Config folder, and scroll down until you find the last "]." Before the closing bracket, add the code below.

<

 

5. Next, you have to open the "cart-drawer.liquid" under the Snippet folder. Find the code below. See image for placement reference.

<

 Refresh theme gift wrap

 

OR you might have the code below instead. 

<

Cart drawer

6. Then insert the code below. 

<

 

Last thing to do is to assign your product for gift wrap. Go to your theme editor, click Theme Settings, the Gift wrap.

That's it (",) If this is too intense for you, do not hesitate to contact me using "Chat with us."

Copied!
Back to blog

Leave a comment