1. Start
  2. Theme File
  3. Theme Support
  4. Theme Installation
  5. Theme Settings
  6. Page Background
  7. Colour and Font
  8. Change Logo and Favicon
  9. Navigation
  10. Mega Menu
  11. Header
  12. Footer
  13. Collection Page
  14. Product Page
  15. Blog Page
  16. Contact Page
  17. Cart Page
  18. Wishlist Page
  19. Account Page
  20. Translations
  21. Checkout Area
  22. FAQs Page
  23. Product Description
  24. Mailing with MailChimp
  25. Mailing with Campaign Monitor
  26. Limited Offers
  27. Mailchimp Popup
  28. ONE Product Selling
  29. Twitter Widget
  30. Facebook Widget
  31. Social Media Icons
  32. Instagram
  33. Flickr
  34. Tweet to get Discount Code
  35. Product Reviews Integrated
  36. Adding color swatches to your products
  37. Recently Viewed Products
  38. Notification Products
  39. Advanced Group Filtering

Responsive Shopify Theme - QuickShop

Documentation 2.1.1 (Still Updating...)


Thank you for purchasing this theme. If you have any questions or need support, please help me submit a ticket to http://support.roartheme.com

This theme is designed to use with Shopify only.
This documentation is made with Documenter

Theme File


If you purchased our theme from Themeforest. You can download the theme anytime from Themeforest > Your Account > Downloads.
Navigate through your purchased items and find Quickshop. Theme File is always in ZIP format. Unzip it and here's the list of what's included:

  1. Packages - Contains Installable Skins (.zip). The valid file to upload to your Shopify store via Admin Panel should be here.
  2. Documentation - Contains theme documentation file.
  3. Licensing - Contains all licensing info files.
  4. Changelog (.txt) - Includes all theme versions changelog info.
  5. Readme (.txt)

Theme Support

Many support queries and technical questions will already be answered in this documentation, so please read this item first. You can also find other tips/tricks in our solutions/articles. If you can’t find the answer you’re looking for, please:

What's included

What's NOT included

Installation


(!!!)IMPORTANT: To start the installation, you MUST unzip the Theme File beforehand.

  1. From your Shopify admin, click Online Store, and then click Themes
  2. Click Upload A Theme in the top right-hand corner
  3. From the Upload A Theme dialog, click Choose File to select one of the .zip files in the Packages folder (mentioned above)
  4. Click Upload

To publish the theme on your storefront immediately, click Publish theme

Theme Settings


To customize this theme's appearance and settings

In your backoffice go to: Online Store > Themes:

In your Theme Settings:

Page Background



Page Background


Page Selector

Fonts


Change Logo and Favicon


Site Logo

You can create logo with image format or text format.

Favicon

Mega Menu


This theme come with Mega Menu module, allowing you to create menu with sub-items and background image. Here's an example:

How to create a Mega Menu like that?

- Go to Admin > Online Store > Navigation and create 5 linklists:

  1. One represents for the main menu.

  2. To make a sub menu for an item, create a linklist with same name with the item. So, we need 4 more linklists which represent for 4 sub menus

- Go to Customize theme > General > Mega Menu and choose the linklist represent for the main menu:

Collection Page


Product Page


Blog Page


Contact Page


Cart Page


Wishlist Page


This theme comes with a wishlist app called RT-Wishlist, which is developed by RoarTheme. If your QuickShop theme license is legal, you have the right to use it for free.

Account Page


Translations


Here's a quick way to change some of the more commonly text

Checkout Area


FAQs Page


Product Description


Mailing with MailChimp


Where do I get my MailChimp Form Action?

Those themes contain a theme setting called MailChimp Form Action or something similar. The MailChimp form action is the only piece of information the theme needs to hook up its signup form to your MailChimp account.

Requirements

To complete this tutorial, you will need:

				

If you're using a mobile device, the screenshots in these instructions might not be entirely accurate. If you can't see MailChimp menu options at any time, try clicking the More button at the top left of the screen.

#

To obtain the code for your MailChimp Form Action:

1. Log into your MailChimp account.

#

2. Click the Lists button in the left navigation bar.

#

3. Click the drop-down box on the right, and choose Signup forms.

#

4. Choose Embedded forms.

#

5. On the Embedded form code page, click on Naked.

#

6. Scroll down and locate Copy/paste onto your site.

#

7. Double-click anywhere in the box to select the code.

8. Copy the code to your clipboard (use CMD-C for Mac or CTRL-C for Windows).

10. Paste the code into any text editor so that you can view it.

11. The only line of this code that you need is the action attribute value in the opening form tag. Reading from the top of the code, it's located between the second set of quotation marks. Don’t select the quotation marks themselves, just what's inside them.

#

Copy the selected action attribute value to your clipboard.

12. In a new tab, open up your shop admin.

13. From your shop admin, click Themes to go to your Themes page.

14. Click on the Theme Settings button.

#

15. Now you need to locate the MailChimp form action field in the Theme Settings. It might be called Mailchimp form action URL, or MailChimp Form Action, or similar. Its location varies from one theme to another, but it's most likely to be in the header, footer, or home page section.

16. Paste the action attribute value into the MailChimp form action field. In the Your theme, the field looks like this:

#

17. Save your changes.

18. Test things out by subscribing to your own MailChimp newsletter.

Mailing with Campaign Monitor


Those themes contain a theme setting called Campaign Monitor Form Action or something similar. The Campaign Monitor form action is the only piece of information the theme needs to hook up its signup form to your Campaign Monitor account.

Requirements

To complete this tutorial, you will need:

To obtain the code for your Campaign Monitor Form Action:

1. Log into your Campaign Monitor account.

#

2. Click the Lists & Subscribers button in the top navigation bar.

#

3. Click the subscriber lists as you like.

#

4. Choose Grow your audience in the right navigation bar.

#

5. Click on Copy/paste a form to your site.

#

6. Scroll down and click Get the code.

#

7. Double-click anywhere in the box to select the code.

8. Copy the code to your clipboard (use CMD-C for Mac or CTRL-C for Windows).

10. Paste the code into any text editor so that you can view it.

11. The only line of this code that you need is the action attribute value in the opening form tag. Reading from the top of the code, it's located between the second set of quotation marks. Don’t select the quotation marks themselves, just what's inside them.

#

Copy the selected action attribute value to your clipboard.

12. In a new tab, open up your shop admin.

13. From your shop admin, click Themes to go to your Themes page.

14. Click on the Theme Settings button.

#

15. Now you need to locate the MailChimp form action field in the Theme Settings. It might be called Mailchimp form action URL, or MailChimp Form Action, or similar. Its location varies from one theme to another, but it's most likely to be in the header, footer, or home page section.

16. Paste the action attribute value into the MailChimp form action field. In the Your theme, the field looks like this:

#

17. Save your changes.

18. Test things out by subscribing to your own MailChimp newsletter.

Limited Offers


ONE Product Selling


Twitter Widget


Facebook Widget


Social Media Icons


Instagram


Flickr


Tweet to get Discount Code


Product Reviews Integrated


Adding color swatches to your products


Recently Viewed Products


Notification Products


How to enable advanced group filtering


So you have a lot of products and want to enable sub groups for your users to sort through. Follow the steps below to enable advanced group filtering like the image below.

  1. Define your groups. In the image above, the groups are BrandFocal Length, and Resolution

  2. Export your products into a CSV file.
    (If you are creating new products, you can skip this step)



  3. Prepend all existing tags with what group you want them to be in, with the format Group_Tag Name

    Based on our image at the top of this page, we would have tags like Brand_Canon, Focal Length_18 - 55mm, and Resolution_12 MP.

    The left side of the underscore is the group name, and the right side is the tag for the product. Spaces can be included on either side of the underscore.

  4. Save your .csv file and import the products back into your store.

    Make sure you check "Overwrite existing products that have the same handle" when uploading the file to prevent duplicate products from being created.

  5. Enable "Filter by groups" in your theme settings under "Collection Page"