Shopify C: Quick Shop App User Guide

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

Thank you for purchasing C: Quick Shop 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: Quick Shop

2. Click on Add app button.

Note:$7 USD billed after the free trial period will expire. You'll get a 7 Days free trial for this App.

App Files Installation

Enable App For Vinatge Theme

Step-1: You can Go to Online Store >> Themes >> Current Theme >> Click on Edit code just like below screenshot

Step-2: Copy below code which need to paste in your layout/theme.liquid file before closing </head> tag.

 Copy to Clipboard
{% comment %} CWS Quick Shop Script Started Here {% endcomment %} {% if request.path contains '/apps/quick-shop' %} {% capture the_script_content %} {% render 'quick-single-orderform-init' %} {% endcapture %} {% unless the_script_content contains 'Liquid error' %} {% render 'quick-single-orderform-init' %} {% endunless %} {% endif %} {% comment %} CWS Quick Shop Script Ended Here {% endcomment %}

Step-3: Please open layout folder/theme.liquid file then paste copied code of step-2 before closing </head> tag just like below screenshot:

Step-4: Copy below code which need to paste in your layout/theme.liquid file before closing </body> tag.

 Copy to Clipboard
{% comment %} CWS Quick Shop Modal Popup Started Here {% endcomment %} {% if request.path contains '/apps/quick-shop' %} {% capture the_snippet_content %} {% render 'quick-single-orderform-cart' %} {% endcapture %} {% unless the_snippet_content contains 'Liquid error' %} {% render 'quick-single-orderform-cart' %} {% endunless %} {% endif %} {% comment %} CWS Quick Shop Modal Popup Ended Here {% endcomment %}

Step-5: Please open layout folder/theme.liquid file then paste copied code of step-4 before closing </body> tag just like below screenshot:

Enable App For Online Store 2.0 Theme

Go to Online Store >> Themes >> Current Theme >> Theme Customize >> Theme Settings >> App Embeds Section then please follow below screenshot OR watch video guide by (click here)

Go to my Quick Order Page

Go to Admin >> Apps >> C: Quick Shop >> How to Use It & Click on Go to my Quick Order Page

OR You can check this after installing our App by enter URL manually like this in your browser > https://yourdomain.myshopify.com/apps/quick-shop

Cart List Popup:

Product Description Popup:

Create Menu Item for Quick Order Page

Create Menu Item for Quick Order Page by follow below two Steps:

Step-1: Go to your Shopify Admin > Menus.

Step-2: Create Menu Item by follow below Screenshot.

General Settings

1. Go to Admin >> Apps >> C: Quick Shop >> General Settings


2. From Here, You can choose which Collections you want to show by move Collections from left-side box to Selected Category List then just save it!


3. 


4. You can alter other settings i.e products limit, preset qty., show/hide brand sku column, show/hide SKU or brand individually, show/hide "All Products" option from "Choose Categories" dropdown, show/hide "Checkout" button from "Cart Pop-up" of our App, hide prices if customer not logged in, default "Sorting Option" for products display etc.


5. You can display specific collection's products by default loaded on the Quick Shop page with the help of setting i.e. "Preload Collection".


6. By using 'Customer Tags' you can show prices for a specific customer. This option will only work if 'Hide "Prices" if customer not logged in:' is set to yes.


7. 

Language Translation

Step-1: Go to Admin >> Apps >> C: Quick Shop >> Language Translation

Step-2:  Now, select Language from Translation Settings.

Step-3:  Fill all field for particular language and save it

Frontend sample

Language: English 

Language: Spanish 

Language: Japanese 

Markets - Multiple languages & currencies

Our app supports multi language and multi currency, you can create multiple markets on your store for different different country and grow your business to international level.

1. Step-1: Go to Admin >> Settings >> Markets. Then you can follow steps shown in below screenshot:

2. 
   

3. Step-2: You will get following screen , fill Market name and add countries/regions field then click on save button.

4. 
   

5. Step-3: Now,you will get following screen, set Domains and languages, Products and pricing, Duties and import taxes, Shipping, and payment method as per you needed.

6. 
   

7. Note: You have open below link and read Domains and languages, Products and pricing, Duties and import taxes, Shipping, and payment method blog.
   Domains.
   Pricing in local currencies.
   Languages.
   Duties and taxes.
   More about markets.
   

8. Step-4: Now, Go to Admin >> Settings >> Languages. then you can add language, assign market and click on publish button to publish language

9. 
   

10. Step-5: Now, Go to Admin >> Settings >> Markets >> click on Manage(which you have created markets.).

11. 
    

12. Step-6: You will get follwing screen, Click on Manage which is right side of "Domains and Languages" section.

13. 
    

14. Step-7: You will get follwing screen, set domain, sub folder and select url handle and languages .

15. 
    

16. Step-8: Now you must be translate your whole store using language Translation third paty app.

17. We Recomanded Translate & Adapt shopify language translation app

18. 
    

19. Now you can run url on browser which is you selected on step-7 and see our translated "C: Quick Shop" page.

20. 
    

Installation / Uninstallation

1. Go to Admin >> Apps >> C: Quick Shop >> Installation / Uninstallation


2. App Code Installation: Select Theme in which you want to Install App Files.


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. If You need any help then Please feel free to    Contact Us


6. App Code Uninstallation: Select Theme from which you want to Uninstall App Files.


7. 

Manual APP Code Uninstallation Steps:

1. Go to Online Stores >> Themes >> Click on Edit Code of Active theme just like below screenshot >
2. 


3. Step-1 (For Vintage Theme): Now, delete our C: Quick Shop App files one by one.


4. [1] Go to templates folder then open this file: collection.get-orderitems.liquid and click on 'Delete file' button.


5. [2] Go to templates folder then open this file: search.get-orderitems.liquid and click on 'Delete file' button.


6. [3] Go to snippets folder then open this file: quick-single-orderform-init.liquid and click on 'Delete file' button.


7. [4] Go to snippets folder then open this file: quick-single-orderform-cart.liquid and click on 'Delete file' button.


8. [5] Go to assets folder then open this file: quick-single-orderform.css and click on 'Delete file' button.


9. [6] Go to assets folder then open this file: quick-single-orderform.js and click on 'Delete file' button.


10. [7] Go to assets folder then open this image: orderform-loader.gif and click on 'Delete file' button.


11. [8] Go to assets folder then open this image: order-cart.png and click on 'Delete file' button.


12. [9] Go to assets folder then open this image: order-noimg.png and click on 'Delete file' button.


13. [10] Go to assets folder then open this image: cws-arrow.png and click on 'Delete file' button.


14. OR


15. Step-1 (For Online Store 2.0 Theme): Now, delete our C: Quick Shop App files one by one.


16. [1] Go to templates folder then open this file: collection.get-orderitems.liquid and click on 'Delete file' button.


17. [2] Go to templates folder then open this file: search.get-orderitems.liquid and click on 'Delete file' button.


18. 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".


19. Remove comma first then remove "cws_quick_shop" whole JSON array from "en.default.json" file then click on "Save" button at top right corner!

20. Please see below help screenshot >>

21. 


22. Step-3 (For Online Store 2.0 Theme): Go to Online Store > Themes > Live Theme > Theme Customize > Theme Settings > App Embeds then turn off our App embeds blocks just like below screenshot >>


23. 


24. If you're not sure or facing any problems then please feel free to contact us via drop an email at supportshpfy@capacitywebsolutions.com

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