NVTtheme 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

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.

4. Install APP

a. Product Review

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

Get App - Product Reviews

5. Add New Page

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




a. Contact Page

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




b. About Us Page

Click button "Add page". You use Editor and enter page content.




c. Faq Page

First: You must goto: Admin -> Themes -> Click to button "..." Select "Edit Html/Css"

Here you can edit theme file. Open file "page.faq" in folder "Template"

You can change content for it

Content HTML:

	<div class="velaFaqPage">
		<div class="boxFaq">
			<h3>Basics</h3>
			<div class="faqItem">
				<a class="faqHeader collapsed" data-toggle="collapse" href="#velaFaq1">How do I change my password?</a>
				<div class="faqContent collapse" id="velaFaq1">
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
					consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
					cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
				</div>
			</div>
			<div class="faqItem">
				<a class="faqHeader collapsed" data-toggle="collapse" href="#velaFaq2">How do I sign up?</a>
				<div class="faqContent collapse" id="velaFaq2">
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
					consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
					cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
				</div>
			</div>
		</div>
	</div>
	

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.

1. Setting up Logo






1. Product Reviews

You can enable/disable Product Reviews.

Requirements: You must install the app product review





2. Product Quickview

You can enable/disable Product Quickview. And enable/disable swatch variant on quickview



3. Product Wishlist

You can enable/disable Product Wishlist. You must choose page for wishlist

Page wishlist: Goto Admin -> Pages -> Add page. You add new page wishlist and choose template "page.wishlist"



4. Breadcrumb

You can change background color for breadcrumb and enable/disable background image for it.





5. 404 Page

You can config for 404 page at here.





- List function

  • Enable/disable: Float Header
  • Choose menu for Toplink on Topbar
  • Change Logo for shop
  • Change Favicon for shop




- First: You goto: Admin -> Online Store -> Navigation

- You can edit "Main Menu" at here

1. Drop-down Menu

A drop-down menu displays a list of links when your customer hovers their mouse over it.



a. From your Shopify admin, click Online Store, then click Navigation (or press G W N):

- The navigation page of most new stores has both a Main Menu menu and a Footer menu. You can make drop-down menus on your storefront from any link in the Main Menu.

b. Next step: Click Add menu

- Type in the name for your navigation. The handle will be automatically generated for you (do not edit it):

- For this walkthrough to work, the name you enter MUST be the same as the name of the link in your Main Menu that you wish to drop-down from. Because we want to drop-down from Catalog, we will name our menu "Catalog".

c. Click Add menu item one time for each link you want to include in your drop-down menu

- For each link you've clicked to add, type in a Name, then click Link drop-down box and choose your destinations for these links (e.g. you can link to specific collections, all products, or pages etc.)

- You can set anything you like for these Names (they will appear to your customers), there are no naming rules like when we named the menu.

d. Click Save

- To check your work, click back into the Navigation page of your admin. You should have a new menu with the same name as one of the Main Menu links, like this:

1. Mega Menu

- Config



Three are three stlye for megamenu

  • Style 1 (Only use menu)
  • Style 2 (Block products)
  • Style 3 (Block Html)
a. Style 1 (Only use menu)


b. Style 2 (Block products)


c. Style 3 (Block Html)


d. Children menu on Megamenu


- Config: Admin -> Themes -> Customize Theme -> Scroll to "Vela Slideshow" section


  • Image: You can upload image for each slideshow
  • Link For Image: You can enter link for each image. You can empty.
  • Caption Align: Choose align for caption.
  • Caption Effect: Choose Effect for caption.
  • Heading Color: Choose Color for Heading on each Slideshow.
  • Text Color: Choose Color for Text on each Slideshow.
  • Heading For Image: Enter heading for each slideshow.
  • Text For Image: Enter text for each slideshow.
  • Button Text: Enter button text for each slideshow.
  • Button Link: Enter button link for each slideshow.


THREE BANNER
  • Enable Three Banner?: Enable/Disable Block
  • Banner Title: Alt for Banner Image
  • Banner Link: Link for Banner Image
  • Banner Image: You can upload image




PRODUCT TABS




BLOCK CONTENT CENTER




BLOG Homepage



PRODUCT TABS 2




Block Content Bottom




Policy Home

1. Footer HTML
  • Enable Footer HTML?: Enable/Disable Block
  • Block Title: Title of Block
  • Block Content: Content of Block

2. Vela Social

- You can enter link for each social: Facebook, Twiiter, Google Plus, ...

3. Footer Menu
  • Enable Footer Menu?: Enable/Disable Block
  • Block Title: Title of Block
  • Block Menu: Choose menu for Block

1. Sidebar Categories
  • Enable Sidebar Categories?: Enable/Disable Block
  • Display Product Count?: Enable/Disable product count
  • Block Title: Title of Block
  • Menu: Choose menu for block.

2. Sidebar Filter By Vendor
  • Enable Filter By Vendor?: Enable/Disable Block
  • Block Title: Title of Block
  • Vendors List: Enter list vendor that you want display. Separate by a comma ","

3. Sidebar Filter By Type
  • Enable Filter By Type?: Enable/Disable Block
  • Block Title: Title of Block
  • Product Types List: Enter list product types that you want display. Separate by a comma ","

4. SIDEBAR CUSTOMIZE TAGS
  • Filter by Tags 1
  • Filter by Tags 2
  • Filter by Tags 3 (Color)

- In face, It's filter by product tags. You must add tags for each product.

  • Use Collection Image?: Enable/Disable Use collection image
  • Number of products in a row: Product Columns
  • Number of products in a Page:

  • Use Variants Swatch?: Enable/Disable use swatch variant
  • Display Prev/Next Product?: Enable/Disable button next and preview product
  • Display Product Available?: Enable/Disable product available
  • Display Product Type?: Enable/Disable product type
  • Display Product Vendor?: Enable/Disable product vendor



+) SWATCH VARIANT

Please read more guide for it at here. https://docs.shopify.com/themes/customization/showcase-products/add-color-swatches-using-line-item-properties

NOTE: YOU MUST UPLOAD IMAGE FOR SWATCH INTO FILES FOLTER. ADMIN -> SETTINGS -> FILES

  • Blog Sidebar Recent Articles
  • Blog Sidebar Banner
  • Blog Sidebar Tags

  • Google Map: You can enter iframe goole map at here
  • Contact Details
  • Contact Working Hours

  • Enable cart notes: Enable/Disable Textarea note on Cart page
  • Show product vendor: Show product vendor on Cart page
  • Cart type: Three are three cart types: Modal, Drawer, or Page

  • Enable/Disable: Enable/Disable Block
  • Title: Title of Block
  • Description: Description of Block
  • Use MailChimp: You can use Mailchimp or not

- If you don't use Mailchimp. When customer submit newsltter, Email will be saved to shopify customer.

- You can manage email. Admin -> Customers -> Accepts Marketting.

- You can send invite account for customer at here.

- When customer submit success. Popup text will display. You can edit text: Admin -> Themes -> Edit Language -> Newsletter form

- You can upload image and link at here.

- You can readmore at here. Intagram Feed