Velatheme Guide


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

Velatheme

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".
Velatheme
2. Click to button "Upload Theme". Upload theme will display.
Velatheme
3. Select archive from extracted folder "themes", and click "Upload" button.
Velatheme
4. On this step click "Publish theme" button.
Velatheme
5. Done. You can customize theme or edit file theme.
Velatheme


IV. Install APP

a. Product Review

To enable product review, please install app: Product Review made by Shopify

Get App - Product Reviews



V. Add New Page

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

Velatheme



Contact Page

Click button "Add page". Select Template for page is "page.contact"

Velatheme




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.

Velatheme




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

Velatheme




III. Setting Features

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

Velatheme

1. Theme settings

- Favicon image: Upload favicon image for website.

- Twitter link: Enter your twitter URL. Read more Twitter cards

Velatheme

2. Breadcrumb

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

- Backend setting

Velatheme

- Frontend appearance

Velatheme
3. Float header

You can use float header on desktop or mobile.

- Backend setting

Velatheme

- Frontend appearance

Velatheme
4. Filter collection site

- Backend setting

Velatheme

- Frontend appearance

Velatheme
5. Second product image

- Backend setting

Velatheme

- Frontend appearance

Velatheme
6. Product reviews

- Backend setting

Velatheme

- Frontend appearance

Velatheme
7. Product quickview

- Backend setting

Velatheme

- Frontend appearance

Velatheme
9. Go to top

- Backend setting

Show button go to top on footer.

Velatheme

- Frontend appearance

Velatheme
10. Loading site

- Backend setting

Show icon loading when client go to website.

Velatheme

- Frontend appearance

Velatheme
11. Ajax cart

- Backend setting: There are three cart type.

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

- Frontend appearance

a. Modal Type

Velatheme

b. Drawer Type

Velatheme

c. Page Type

Velatheme

IV. Newsletter Popup

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

- Backend setting:

Velatheme

- Frontend appearance

There are two templates newsletter popup.

+) Template One

Velatheme

V. Checkout

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

- Backend setting:

Velatheme


- Frontend appearance

Velatheme

You can drag & drop sections.

Read more Section at here.

List sections on homepage

Velatheme

- Backend setting:

Velatheme

- Frontend appearance

Velatheme




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"

Velatheme




1. Vela Collection Page

- Backend setting:

Velatheme

- Frontend appearance

Velatheme
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:

Velatheme

- Frontend appearance

Velatheme
3. Sidebar Filter By Tags

- Backend setting:

Velatheme

- Frontend appearance

Velatheme

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

Velatheme

4. Sidebar Filter By Price

- Backend setting:

Velatheme

- Frontend appearance

Velatheme
5. Sidebar Banner

- Backend setting:

Velatheme

- Frontend appearance

Velatheme

II. Product Page

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

Velatheme



- Backend setting:

Velatheme


- Frontend appearance

Velatheme

III. Cart Page

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

Velatheme



- Backend setting:

Velatheme


- Frontend appearance

Velatheme

IV. Blog Page

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

Velatheme



- Backend setting:

Velatheme


- Frontend appearance

Velatheme

V. Contact Page

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

Velatheme



- Backend setting:

Velatheme


- Frontend appearance

Velatheme

VI. 404 Page

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

Velatheme



- Backend setting:

Velatheme


- Frontend appearance

Velatheme

VII. Password Page

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

Velatheme



- Backend setting:

Velatheme


- Frontend appearance

Velatheme

Thank you for reading!

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

Follow us on twitter or join my facebook page to get noticed about all theme or modules updates and news!
If you have any questions that are beyond the scope of this help file, please feel free to contact us.