Velatheme Guide

• Created: 26/11/2017
• Latest update: 26/11/2017
• By: velatheme
• Email: velatheme@gmail.com

HELLO ! FIRST OF ALL WE WOULD LIKE TO THANK YOU SO MUCH FOR CHOOSING OUR THEME!

This document covers the installation and use of this theme and reveals answers to common problems and issues - I encourage you to read this document thoroughly if you are experiencing any difficulties.

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

I. Download

Purchase Outstock template from Themeforest then you can download theme package.

Extract Package that include all files and folders of theme.

II. Video installation tutorial

Look at this video of installation process:

III. Install Manual Theme

To install this theme automatically do the following steps:

1. Login to your Shopify Store and go to "Online Store" -> "Themes".

2. Click to button "Upload Theme". Upload theme will display.

3. Select archive from extracted folder "themes", and click "Upload" button.

4. On this step click "Publish theme" button.

5. Done. You can customize theme or edit file theme.

IV. Install APP

V. Add New Page

You must goto Shopify Admin: Admin -> Online Store -> "Pages"

When you’ve set up your online Shopify store, you can customize your store.

Customizing your store lets you add functionality or change your store's appearance without switching themes.

I. Setting Color

Easily change color styles.

1. Click the menu "General settings"

2. Click the section "Vela Colors"

3. Clicking on any of the colored rectangles will show you the possible colors you can choose from. Select the color you want by clicking one of the colored rectangles.

II. Setting Typography

To change the font

1. Click the menu "General settings"

2. Click the section "Vela Typography"

3. Input them Google URL font or use a custom font

Get google font

III. Setting Features

Click the menu "General settings" -> Click the section "Vela Features"

2. Breadcrumb

You can change to background color, text color, background image.

- Backend setting

- Frontend appearance

3. Float header

You can use float header on desktop or mobile.

- Backend setting

- Frontend appearance

4. Filter collection site

- Backend setting

- Frontend appearance

5. Second product image

- Backend setting

- Frontend appearance

6. Product reviews

- Backend setting

- Frontend appearance

7. Product quickview

- Backend setting

- Frontend appearance

9. Go to top

- Backend setting

Show button go to top on footer.

- Frontend appearance

10. Loading site

- Backend setting

Show icon loading when client go to website.

- Frontend appearance

11. Ajax cart

- Backend setting: There are three cart type.

• a. Modal
• b. Drawer
• c. Page

- Frontend appearance

a. Modal Type

b. Drawer Type

c. Page Type

IV. Newsletter Popup

Click the menu "General settings" -> Click the section "Vela Newsletter Popup"

- Backend setting:

- Frontend appearance

There are two templates newsletter popup.

+) Template One

V. Checkout

Click the menu "General settings" -> Click the section "Checkout"

- Backend setting:

- Frontend appearance

You can drag & drop sections.

Read more Section at here.

List sections on homepage

- Backend setting:

- Frontend appearance

You must choose page for Panel Config. Read the instructions above.

I. Collection Page

Click the menu "Vela Menu Section" -> Click the menu "Collection Page"

1. Vela Collection Page

- Backend setting:

- Frontend appearance

2. Sidebar Categories

- Sidebar Categories

- Sidebar Filter By Vendor

- Sidebar Filter By Type

Note: Vendors list and product types list. Separate by a comma "," not with space.

- Backend setting:

- Frontend appearance

3. Sidebar Filter By Tags

- Backend setting:

- Frontend appearance

Note: You must add product tags to filter by tags.

4. Sidebar Filter By Price

- Backend setting:

- Frontend appearance

5. Sidebar Banner

- Backend setting:

- Frontend appearance

II. Product Page

Click the menu "Vela Menu Section" -> Click the menu "Product Page"

- Backend setting:

- Frontend appearance

III. Cart Page

Click the menu "Vela Menu Section" -> Click the menu "Cart Page"

- Backend setting:

- Frontend appearance

IV. Blog Page

Click the menu "Vela Menu Section" -> Click the menu "Blog Page"

- Backend setting:

- Frontend appearance

V. Contact Page

Click the menu "Vela Menu Section" -> Click the menu "Contact Page"

- Backend setting:

- Frontend appearance

VI. 404 Page

Click the menu "Vela Menu Section" -> Click the menu "404 Page"

- Backend setting:

- Frontend appearance

VII. Password Page

Click the menu "Vela Menu Section" -> Click the menu "Password Page"

- Backend setting:

- Frontend appearance

Thank you for reading!

We hope you can create the best website with our themes.

• Email: velatheme@gmail.com
• Skype: velatheme
• Facebook: velatheme
• Twiter: velatheme