Introduction


Congratulations on your purchase of an Shopify template! This documentation consists of several parts and describes the installation, configuration and setting up an OpenCart website process.

We did our best to make this manual information to be presented in a simple way. As an effective reference, the documentation below will provides all information you need, it has been restructured in different chapters, you can see in the left-side menu. You are able to navigate to any part of the documentation using the active content headers' links.

We recommend that you should start reading the documentation at the first section.

To install this theme you must create a Shopify account.

For information an overview of Shopify's platform and features please see the Shopify Documentation

Shopify is a hosted ecommerce solution that allows you to set up and run your own online store. Pick an ecommerce website template (preferably from us!), list your products, accept credit card orders, and ship your goods — all with a few clicks of the mouse. With Shopify it's easy to sell online and there's no software to download or maintain.

You can start free trial with Shopify. Click the image below Start your free 14-day trial of Shopify

img1

Read shopify manual before you start

Installation


Dowload theme

1. Purchase Ss AaShop template from Themeforest.net then you can download theme package.

2. Extract Package that include all files and folders of theme..

3. Find this file: AaShop-1.0.0.zip in the folder AaShop-v1.0.0, then you just need to upload AaShop-1.0.0.zip file to your Shopify store.

What We'll Cover

  1. Install Theme
  2. Install Apps

Install Theme

Look at this video of installation process:

To install the theme:

  1. Please log in to your Shopify store, click Online Store, then click Themes.

    Install

  2. From there, click Upload a theme on the top right-hand corner.

    Install

  3. The Upload A Theme dialog displays. Click Choose File to select the .zip file you want to upload, then click Upload.

    Install

  4. If your store is currently active and is using a different theme, you can select Publish theme button to publish what you have just uploaded to be an active theme.

    Install

    Install

Install Apps

Set Product Review

To have product review feature, you can install this free app below:

Get App - Product Reviews

Store Setting


I. Checkout

  1. From your Shopify admin, click Settings => Checkout => Scroll down to the Customer accounts section.
  2. Check Accounts are optional and click Save.

II. Shipping

To enable shipping calculator, please configure your shipping rates by following below guide:

Setup shipping rates

III. Currency (General)

Editing the HTML for currency formatting

  1. From your Shopify admin, click Settings => Scroll down to Select setting Garenal => change formatting to open the Currency Formatting section:
  2. Replace selected text and click Save
    Install

  3. Currency must be the same


    #

IV. Payments

1. From your shop admin, go to the Settings / Payments

2. Choose a payment gateway to accept payments for orders. The checkout page is working.

Setup of Pages


You will also need to create two pages, one for the textual content that can be placed on the ' Frontpage ' as a welcome message and another for the ' Contact Page ' which you can link to the 'page.contact' template. Linking these pages to the correct template will be covered in their respective sections within this documentation. Here is the link which help you to create custom pages.

If you are having difficulty in finding complimentary colors to use throughout your customization, we recommend using an advanced color wheel/palette such as Adobe Kuler.

Create Contact Us Page

Login to your Shopify admin panel and go to Pages, click Add a page:

Install

1. In the Online Store / Pages, find and click button "Add a page"

2. Write in the Title field page name => Select Visible => Select Template: page.contact => Click save

Install

Setting Customize

After you create Contact Us page successfully, please go to Themes > Customize theme > Click Contact us which you just created at navigation to show Section for this.

At this Section, you can start adjusting like in this image below:

Install

Then, paste the embedded code of Google Map into the field Google Map Code and put the content that you'd like to show as the below image.

Install

Edit/add fields to the Contact Form

This is the contact form we are going to add/ edit:

To add/edit contact field, please follow below guide:

Adding fields to the Liquid Contact Form

Create Wishlist Page

1. From the pages tab, click the Add a page, then click page.

Install

2. From your Shopify admin, click Online Store button. You will be taken to a new template page.

Install

3. From the template page, enter a Title and choose the Template look like the below image.

Install

4. Click Save.

Create Hot Deals Page

1. From the pages tab, click the Add a page, then click page.

Install

2. From your Shopify admin, click Online Store button. You will be taken to a new template page.

Install

3. From the template page, enter a Title and choose the Template look like the below image.

Install

4. Click Save.

5. From your Shopify admin, click Online Store, then click Themes. Click Customize theme for the theme you want to customize. In General Settings Tab -> Hotdeal Page.

- Backend setting:

img

Create About Us Page

1. From the pages tab, click the Add a page, then click page.

2. From your Shopify admin, click Online Store button. You will be taken to a new template page.

Install

3. From the template page, enter a Title and choose the Template look like the below image.

Install

4. Click Save.

5. From your Shopify admin, click Online Store, then click Themes. Click Customize theme for the theme you want to customize. In General Settings Tab -> About Us Page.

- Backend setting:

img

Create FAQs Page

1. From the pages tab, click the Add a page, then click page.

Install

2. From your Shopify admin, click Online Store button. You will be taken to a new template page.

Install

3. From the template page, enter a Title and choose the Template look like the below image.

Install

4. Click Save.

5. From your Shopify admin, click Online Store, then click Themes. Click Customize theme for the theme you want to customize. In General Settings Tab -> About Us Page.

- Backend setting:

img



Create Countdown Product

From the Admin, click Products tab => Select product you want, then add tag (Countdown Deal (deal year/ month/ day)).

Install



Create Label Product

From the Admin, click Products tab => Select product you want, then add tag (Label (label,label2)).

Install



Setup Navigation


From your shop admin, go to the Online Store / Navigation



Create a Link List In Menu

You can read document Menu Link Link Here Or follow the instructions below:

img img

Create Simple Drop-down Menu

Video Example

Please go to Shopify admin => Online Store => Navigation => Home

img

Create Mega Drop-down Menu

Video Example

Please go to Shopify admin => Customize => Navigation



img

Parent and custom width of mega drop-down menu

Vavigation Menu Link Create Menu

Please go to Online Store => Navigation => Add new menu

img

Please go to Online Store => Customize => Navigation => Select the menu you just created

img

Create Blog


Link setup guide blog Blog Posts Manual





Setup Filter Product


Before you start you must read shopify manual:

1. Products

2. Add a Product to your Store

Filter Sidebar Product Overview


Add Category Filter Product

Filter category work with tags. You need write product category in product tags field.


img

It work for all products in the collection

img

Add Variants Product

Filters work with tags. You need write category, size, color, vendor, price, tags in product tags field. After that you must write all unique tags in customize theme


img

Add Color Filter Tags

Filter color work with tags. You need write product colors in product tags field.


img

After that you go to the theme editor. In the field "List Colors" you write all color in collections

img

Add Size Filter Tags

Filter size work with tags. You need write product sizes in product tags field.


img

fter that you go to the theme editor. In the field "List Sizes" you write all prices in collections

img

Add Price Filter Tags

Filter price work with tags. You need to write product price category in product tags field.


img

fter that you go to the theme editor. In the field "List Sizes" you write all prices in collections

img

Theme settings


1. From your Shopify admin, click Online Store, then click Themes.

2. Click Customize theme for the theme you want to customize.

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

General

From your Shopify admin, click Online Store, then click Themes. Click Customize theme for the theme you want to customize. In General Settings Tab -> General.

Settings

TypoGraphy

In General Settings Tab. Click TypoGraphy Tab

Settings

Color

In General Settings Tab. Click Color Tab

Settings

Header

In General Settings Tab. Click Header Tab

Settings

Layout

From your Shopify admin, click Online Store, then click Themes. Click Customize theme for the theme you want to customize. In General Settings Tab -> Layout.

This below box will allow you to choose between using a background color and a background image. If you select the background images, you can upload it using the upload form below.

Settings

Product Item Settings

From your Shopify admin, click Online Store, then click Themes. Click Customize theme for the theme you want to customize. In General Settings Tab -> Product Grid.

This below box will allow you to choose between using a background color and a background image. If you select the background images, you can upload it using the upload form below.

Settings

Currency

In General Settings Tab. Click Currency Tab

Settings

Social media

In General Settings Tab. Click Social Tab. You can enable/disable social block.

Settings

Newletter

In General Settings Tab. Click Newletter Tab. You can enable/disable Newletter Popup.

Credits


FAQs & Support


  1. Shopify Help Center
  2. What do I need to start selling on Shopify?
  3. Create a translation for your theme
  4. Use app Weglot Translate

Need Help?


If you have any questions, please do not hesitate to contact us at http://support.smartaddons.com/. We are happy to help!