Shopify C: Bulk Add to Cart App User Guide

• App Version: 1.0.0
• Our Support Email: supportshpfy@capacitywebsolutions.com

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.

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.

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.

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

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

Assign Bulk Add to Cart Template to Collection

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

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

Now, Visit this Collection on your frontend to see Bulk Add to Cart 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).

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

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. 
   

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. 
   

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:
   

4. Multicart Settings:
   

5. Limit Settings:
   

6. Label Settings:
   

7. Load More Settings:
   

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

Language Translation

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. 


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


6. 

Manual Installation Steps - Vintage Themes

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



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.



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.



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.



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



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>).

Copy to Clipboard {% comment %} CWS Bulk Add To Cart Script Started Here {% endcomment %} {%- if template == 'collection.multiple-addtocart' -%} {% capture the_bulk_script_content %} {% render 'multiaddtocart-init' %} {% endcapture %} {% unless the_bulk_script_content contains 'Liquid error' %} {% render 'multiaddtocart-init' %} {% endunless %} {%- endif -%} {% comment %} CWS Bulk Add To Cart Script Ended Here {% endcomment %}



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>).

Copy to Clipboard {% comment %} CWS Bulk Add To Cart Script Started Here {% endcomment %} {%- if template == 'collection.multiple-addtocart' -%} {% capture the_bulkcart_script_content %} {% render 'multiaddtocart-list' %} {% endcapture %} {% unless the_bulkcart_script_content contains 'Liquid error' %} {% render 'multiaddtocart-list' %} {% endunless %} {%- endif -%} {% comment %} CWS Bulk Add To Cart Script Ended Here {% endcomment %}



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.

Copy to Clipboard "cws_bulk_add_to_cart": { "all_collection_page_title": "Products", "sort_by": "Sort By", "featured": "Featured", "price_low_to_high": "Price: Low to High", "price_high_to_low": "Price: High to Low", "alphabetically_a_to_z": "Alphabetically, A-Z", "alphabetically_z_to_a": "Alphabetically, Z-A", "date_new_to_old": "Newest to Oldest", "date_old_to_new": "Oldest to Newest", "best_selling": "Best Selling", "products_text": "Products", "product_image": "Product Image", "product_name": "Product Name", "product_options": "Product Options", "brand_text": "Brand", "sku_text": "SKU", "price": "Price", "quantity": "Quantity", "soldout_text": "Soldout", "description": "Description", "from": "From", "show_options": "Show Options", "hide_options": "Hide Options", "save_text": "Save", "in_stock_text": "In Stock", "max_stock_alert_text": "We have maximum %s items in stock.", "no_items_added_text": "Sorry! no items were added, Please fill Quantity field first then click on Add to Cart button.", "single_add_to_cart_button_text": "Add to Cart", "adding_text": "Adding...", "add_more_text": "Add More...", "thank_you_text": "Thank You..", "cart_popup_title": "YOUR CART HAS %s ITEMS", "close_text": "Close", "view_cart_text": "View Cart", "continue_shopping_text": "Continue shopping", "subtotal_text": "Subtotal", "add_to_cart_error_message": "Below items, which were not successfully added to your Shopping Cart due to following errors.", "only_n_items_available": "You can only add %count %product_name to the cart.", "too_many_items_in_cart": "You can't add more %product_name to the cart.", "all_items_in_cart": "All %count %product_name are in your cart.", "items_text": "Items", "item_text": "Item", "no_items_text": "Sorry, There are no Products in this Collection.", "categories_text": "Categories", "view_more_categories": "View More Category", "view_less_categories": "View Less Category" }



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

   

   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

• PHP
• Mysqli
• Angular JS
• jQuery Library
• Bootstrap
• Shopify API
• Shopify Theme Liquid