Shopify C: Bulk Add to Cart App User Guide


Thank you for purchasing C: Bulk Add to Cart Shopify App. If you have any difficulty with this App or you find an issue, please feel free to send us a message: supportshpfy@capacitywebsolutions.com

Below you will find the detailed documentation on how to use our App and we wish you have a great experience with our Shopify App.

How to Use It


C: Bulk Add to Cart App is used For Add Multiple Products or Add Multiple Quantities to your Shopping Cart.

The App makes this process much more comfortable for customers.

With it, Customers can add multiple products and add all to the cart with a single click.

In the Product List View , Customer will be able to Insert the Quantities for each Product and click the main Add to Cart button in the top or in the bottom of the product list.


Check Live Demo Here     Watch Installation Video Guide

How to Use It

App Installation


1. Click here to visit our Shopify App >> C: Bulk Add to Cart

2. Click on Add app button.

Note: $29 USD billed once at the time of installation and its not refundable. There is not any free trial for this App.

Buy App

For Vintage Themes


Step-1: Go to Admin >> Products >> Collections & Choose any Collection for which you want to Apply Bulk Add to Cart Collection Template.

Go to Store Collections

Step-2: Just Choose Collection Template as collection.multiple-addtocart after then Click on Save.

Assign Bulk Add to Cart Collection Template

Now, Visit this Collection on your frontend to see Bulk Add to Cart Template.

Bulk Add to Cart Collection Template

For Online Store 2.0 Theme:


App Configuration Steps (Online Store 2.0)


Step-1: Go to Online Store >> Themes >> Current Theme >> Theme Customize >> Theme Settings >> App Embeds section then just follow below screenshot or watch video guide by (click here).

No Image Available

Step-2: Just Choose Collection Template as collection.multiple-addtocart after then Click on Save.

Assign Bulk Add to Cart Collection Template

Now, Visit this Collection on your frontend to see Bulk Add to Cart Template.

For Developers Customization (Online Store 2.0)



Do you want to customize our App in your Online Store 2.0 theme?


  1. !IMPORTANT: First please make sure to make your theme LIVE in which BULKCART app files installed then only feature will work.


  2. Go to Admin >> Apps >> C: Bulk Add to Cart >> How to Use it. Then you can follow steps shown in below screenshot:

  3. No Img Available

  4. NOTE: By follow above listed steps, you can add/edit contents in our BULKCART app files in your live theme means you can customize our App by your own way or if you'll need any customizations help from our side then you can drop an email at >> supportshpfy@capacitywebsolutions.com

Design Customizations (Online Store 2.0)



Do you want to use your own CSS / styling for bulkcart app in your online store 2.0 theme?

  1. Go to Online Stores >> Live theme >> Theme Customize >> Theme Settings > App embeds section then please open our App embed block i.e. CWS - Bulk Add To Cart. Then at bottom of this page, you`ll see Design customizations section just like below screenshot:

  2. Here, you can enter your own CSS wrapped in style type tag.

  3. No Img Available

General Settings


  1. Go to Admin >> Apps >> C: Bulk Add to Cart >> General Settings

  2. From Here, You can Manage various settings of Bulk Add to Cart Collection template easily. Also, You can revert old settings by click on Reset Settings button.

  3. General Settings:
    General Settings

  4. Multicart Settings:
    Multicart Settings

  5. Limit Settings:
    Limit Settings

  6. Label Settings:
    Label Settings

  7. Load More Settings:
    Load More Settings

  8. Bulk Cart Form - Product Image Hover (Flipper) Settings:
    Bulk Cart Form - Product Image Hover (Flipper) Settings

Language Translation


(1) Go to Admin >> Active Theme >> Click on Edit languages then click on "Cws bulk add to cart" section.

Language Translation Settings

(2) From here, you can enter language specific texts in "Cws bulk add to cart" section and click on "save" button at top right corner!

Language Translations

 

Language Shortcode FAQ

NOTE: If you do not find "Cws bulk add to cart" language section then you'll need to add below language shortcode in your active (published) theme's locale file for example: "es.json" (If Spanish is your active theme's language. So here, You'll need to paste below language shortcode in your active theme's language locale file for that you'll need to find out which is your current locale file).

If you're not sure how to do this then please contact us via email: supportshpfy@capacitywebsolutions.com, we'll help you!

  1. Step-1: From your Shopify admin, click on Online Store >> Themes and Select your Current Active Theme.

  2. Step-2: Go to Locales Folder and choose es.json file for example if your language locale is "es" (spanish).

    Add below code at the end of JSON File before closing curly brace ("}") but please put comma(,) first.
     

Installation / Uninstallation


  1. Go to Admin >> Apps >> C: Bulk Add to Cart >> Installation / Uninstallation

  2. App Code Installation: Select Theme in which you want to Install App Files & Click on Install App Code button.

  3. IMPORTANT! When you Change Your Store Theme After App Installation, Please Re-Install App Files using below button to make it working.

  4. App Code Installation

  5. App Code Uninstallation: Select Theme from which you want to Uninstall App Files & Click on Uninstall App Code button.

  6. App Code Uninstallation

Manual Installation Steps - Vintage Themes


    Step-1: Click on Download App Files button and Extract App Files in your PC.  

    No Image Available

    Step-2: Go to your Online Stores > Themes > Actions > Edit Code > Templates then Add a New Template like below screenshot >

    Just paste collection.multiple-addtocart.liquid file contents from ZIP archive into this new template file.

    No Image Available

    Step-3: Now, Go to your Theme's Snippets folder then create a new file with name as multiaddtocart-init like below screenshot >

    Just paste multiaddtocart-init.liquid file contents from ZIP archive into this new snippet file.

    No Image Available

    Step-4: Now, create a new snippet file with name as multiaddtocart-list like below screenshot >

    Just paste multiaddtocart-list.liquid file contents from ZIP archive into this new snippet file.

    No Image Available

    Step-5: Now, You have to Upload Assets Files one by one in your Theme's Asset Folder like below screenshot >

    • File-1: multiple-addtocart.js
    • File-2: multiple-addtocart.css
    • File-3: multicart-noimg.png
    • File-4: multicart-icon.png
    • File-5: multiaddtocart-loader.gif

    No Image Available

    Step-6: Now, You have to add app "Shortcode" by go to Layout Folder and open theme.liquid file.

    Add the below code before closing the head tag(</head>).

    No Image Available

    Step-7: Now, You have to add "Cart Shortcode" by go to Layout Folder and open theme.liquid file.

    Add the below code before closing the body tag(</body>).

    No Image Available

    Step-8: Now, You have to add "Language Shortcode" by go to Locales Folder and open en.default.json file.

    Add below code at the end of JSON File before closing curly brace ("}") but please put comma(,) first.

    No Image Available

    That's all! Now, just visit your storefront.


Manual APP Code Uninstallation Steps:


  1. App Files will not be removed after Uninstallation of the App. So, You can Uninstall App Code Files manually from your theme.

    Step-1: Go to Online Store > Themes and Select your Current Active Theme then Delete below files from specific folder one by one:

    For Vintage themes:

    • Folder: Templates → Filename: collection.multiple-addtocart.liquid

    • Folder: Snippets → Filename: multiaddtocart-list.liquid

    • Folder: Snippets → Filename: multiaddtocart-init.liquid

    • Folder: Assets → Filename: multiple-addtocart.js

    • Folder: Assets → Filename: multiple-addtocart.css

    • Folder: Assets → Filename: multicart-noimg.png

    • Folder: Assets → Filename: multicart-icon.png

    • Folder: Assets → Filename: multiaddtocart-loader.gif

    For Online Store OS 2.0 themes:

    • Folder: Templates → Filename: collection.multiple-addtocart.liquid

    Step-2: Go to Online Store > Themes and Select your Current Active Theme > then go to Locales folder and remove "Language Shortcode" from locale file i.e. "en.default.json".

    Remove "cws_bulk_add_to_cart" whole JSON array from "en.default.json" file then click on "Save" button at top right corner!

    NOTE: If you're not sure how to do this then you can contact us by drop an email at supportshpfy@capacitywebsolutions.com

    No Image Available

    After Delete all files & Remove shortcode then just visit your storefront!


  2. If You need any help then Please feel free to    Contact Us

Customer Support


If you have any questions, please do not hesitate to contact us at supportshpfy@capacitywebsolutions.com.We are happy to help!

Please add our email: supportshpfy@capacitywebsolutions.com to your address book to ensure our response email isn’t marked as spam mail.

We will try our best to reply your emails as soon as possible , except weekends and National Holidays.

Thank you.
Capacity Web Solutions Team

Credits


faq