Installation

Installation is easy and quick.

We recommended you to read Shopify Manual to have clear idea about all the aspects of theme customization

Install Theme

1. Extract all zip files from downloaded package "nexgeek-package". Now log in to your Shopify store and go to the Online Store. Now click on Upload Theme and upload the nexgeek-demo-vX.zip file (vx i.e diffrent demo number) included with this package. Diffrent demo packages included in this package. i.e nexgeek-default-demo, nexgeek-boxed-demo... You can select any demo

   

2. By Default your uploded theme is unpublished. Another theme is runing on your store. Now to publish uploded theme click on Actions => Select Publish

   

Install App

1. Product Review app [Free]

   To enable Product Review in your site, please install this app: Product Reviews App

2. Easy GDPR + Cookie Bar

   GDPR protect your store from audits and data breaches

   To make your store GDPR ready, please install this app: Easy GDPR + Cookie Bar

   You can enable/disable this anytime from Store admin => App => Easy GDPR + Cookie Bar
   To enable Cookie Bar Go to => Store admin => App => Easy GDPR + Cookie Bar => Cookie banner Tab. You can also change Cookie Bar style from here

3. How to install app?

   Log in to your shopify store, Now click on any above url(Given App Url). This will open app in new tab, There you will find Add app button. Click on button

   

   Now Click on Install App button.

   

Theme Configuration

Enable Customer Registration Form

1. Go to: Settings >> Checkout >> Accounts are optional

   

   

Set up shipping rates

1. Go to: Settings >> Shipping

   

Navigation

This section will help you how to have some collections and products added in your store.

Here are some links that will help you to have clear idea about how to setup your new store
Before you create store navigation, take a look at how to create collections.

• How to create a collection
• How to create a smart collection
• How to create a product and add it to a collection

• How to add links to the main menu navigation
• How to create a new menu
• How to create a dropdown menu

Create New Menu and Collection

1. Create a link list of collections in menu

   Go to: Online Stores >> Navigation >> Select Add Menu button

   

   

Create Megamenu and Dropdown

1. There are 5 style in main menu as below
   • Home Link
   • Single Page Link
   • Simple Dropdown
   • Megamenu Style 1
   • Megamenu Style 2
   • Megamenu Style 3

2. Add Home Link :

   Click on Add content >> Home Link

   Click on save button

3. Add Single Page Link :

   Click on Add content >> Single Link

   Here you can add label which will display above link .i.e Sale,new,deal..

4. Add Dropdown :

   
   

   Click on Add content >> Dropdown menu

   Here you can select dropdown menu you created so far from Navigation Setting

5. Add Megamenu :

   Recently Shopify have changed many setting including one of navigation. Now it has become very easy for user to create drop-down or mega menu :)

   Go to: Online Stores >> Themes >> Customize theme >> Sections >> Navigation

   Megamenu Style 1 - 1
   
   

   Megamenu Style 1 - 2
   
   

   To create megamenu same as above follow this

   Go to Navigation Add menu >> Camera

   Add menu items

   
   
   

   Add Sub menu items : Create menu items same as above and drag that menu items to main menu item

   

   Now from customization Section >> Navigation >> Click on Add content >> Select Megamenu Style 1 >> Select menu Camera

   
   

   Megamenu Style 2
   

   To create megamenu same as above follow this

   Go to Navigation Add menu >> Laptops & Computers

   Add menu items

   

   Add Sub menu items : Create menu items same as above and drag that menu items to main menu item

   

   Now from customization Section >> Navigation >> Click on Add content >> Select Megamenu Style 2 >> Select menu Laptops & Computers

   
   

   Megamenu Style 3
   
   

   For megamenu style 3 you will need to create diffrent menus for each column.
   For example for above megamenu you will need to create 5 diffrent menu : Air Conditioners, Washing Mashines, etc. and select this indivisul menus from Section >> Navigation >> megamenu style 3

Page Setup

You can create as many pages as you want. Here is the link which help you to create custom pages.

• How to create a page

Contact Page

1. Go to: Online Stores >> Pages >> Click Add page:

   

   Click Save Button

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

   • Adding fields to the Liquid Contact Form

FAQs Page

1. Go to: Online Stores >> Pages >> Click Add page:

   

   Click Save Button

2. ADD FAQs :

   Go to: Online Stores >> Themes >> Customize theme >> Sections (Now click FAQs from menu appearing on top) >> FAQ Page

   You can add Faqs here

Lookbook Page

1. What is lookbook page?

   A lookbook page contains a collection of photographs which has become essential for store owner showcasing new collections through images that convey a feel or story for the new season. it's a kind of catalogues

   Go to: Online Stores >> Pages >> Click Add page:

   

   Click Save Button

2. Configure Lookbook: There are 2 style for lookbook:

   Go to: Online Stores >> Themes >> Customize theme >> Sections (Now click Lookbook Page from menu appearing on top) >> Lookbook Page

   You can select any one style either Lookbook 1 or Lookbook 2

Blog Page

1. Follow below url to create blog page
   How to create a blog and write an article

2. Go to: Online Stores >> Themes >> Customize theme >> Sections (Now click Blog from menu appearing on top) >> Blog Pages

Blog Sidebar Settings

• Layout :

  There are 2 style of blog page. List and Grid select any one.

• Sidebar Position

  Select the position of the sidebar on the blog page.

• Show author, Show date, Show Category, Show Recent Posts

  Select to show on the page.

• Show Collection

  Select to show any collection from your store in sidebar

Wishlist Page

1. Go to: Online Stores >> Pages >> Click Add page:

   

   Click Save Button

Theme Sections and Home Page

Sections allows user to easily add or move content on their homepage with just a few clicks. You can preview your changes in real-time in either desktop or mobile view

There are 20+ section available to use.

Total 12 sections available on home page any time you can add,update,reorder and delete any sections

1. Here’s how easy it is to add new sections to a theme

   

2. Also it is very simple to drag and drop and reorder existing sections

   

3. Here You can configure Header, Footer, Home Page, Product Detail Page, Product Collection Page, Blog Pages and many more..

   Go to: Online Stores >> Themes >> Customize theme >> Sections

Header

Go to: Online Stores >> Themes >> Customize theme >> Sections >> Header

Footer

Go to: Online Stores >> Themes >> Customize theme >> Sections >> Footer

Settings

• Show/Hide Newsletter : You can add/edit newsletter text and it's color combination from General Settings >> Color
• Bottom Footer
  1. You have full access to change all content of footer including menus, newsletter,about us, contact us, icons

Slideshow

Go to: Online Stores >> Themes >> Customize theme >> Sections >> Slideshow

Settings

• Auto-rotate slides :

  Choose for auto rotation slide

• Section height :

  You can manage banner heght - Large, Medium, Small

• Text size:

  You can manage banner text size - Large, Medium

• Some other settings

  General Settings >> Color : Settings for text,overlay, caption,border color

Collection Box - (Collection list)

Go to: Online Stores >> Themes >> Customize theme >> Sections >> Collection Box (Collection list)

Settings

• You can add as many as Collection Box you want

• Collections per row :

  How many collection box you want to show per row

Collection Tabs - (Featured Collection Tabs)

Go to: Online Stores >> Themes >> Customize theme >> Sections >> Collection Tabs (Featured Collection Tabs)

Settings

• You can add up to 8 Collection Tab you want

• Products per row:

  How many Product you want to show per row

• Number of Product to show :

  How many products want to show on home page

• Show product vendors:

  Choose to show product vendor

• Show product reviews:

  Choose to show product vendor

Featured Products Rows

Go to: Online Stores >> Themes >> Customize theme >> Sections >> Featured Product Rows

Settings

Image with text overlay

Go to: Online Stores >> Themes >> Customize theme >> Sections >> Image with text overlay

Settings

Image with text

Go to: Online Stores >> Themes >> Customize theme >> Sections >> Image with text

Blog

Go to: Online Stores >> Themes >> Customize theme >> Sections >> Blog

Settings

What they say about us

Go to: Online Stores >> Themes >> Customize theme >> Sections >> Testimonials

Our Brand - (Logo list)

Go to: Online Stores >> Themes >> Customize theme >> Sections >> Our Brand (Logo list)

Instagram

Go to: Online Stores >> Themes >> Customize theme >> Sections >> Instagram

Store Features

Go to: Online Stores >> Themes >> Customize theme >> Sections >> Store Features

Map

Go to: Online Stores >> Themes >> Customize theme >> Sections >> Map

Custom Content

Go to: Online Stores >> Themes >> Customize theme >> Sections >> Custom Content

You can show Text, Image, Video, Product, Collection, Custom HTML any where on home page as per your requirement using this section

General Settings

Note: Customize theme's settings and appearance from here

Go to: Online Stores >> Themes >> Customize theme >> General Settings

Now you can customize below

General Options

Typography

1. Set Font Family and Font Size here for your store

   

Colors

1. You have lots of options to config the Color of whole theme, Header, Footer, Page, Page Title, Section Title, Buttons, Price, Products tabs and many more...

   

Currency

Social Media

Product Notification

Show live stream of products to your customers if anyone likes or bought product..

Newsletter Popup

Quick View Popup

Checkout

Checkout Settings

You can do settings for Banner , Logo , Main Content Area , Order Summary , Typography and Colors of Checkout Page

Collection Page

Go to: Online Stores >> Themes >> Customize theme >> Sections (Now click on collection page from menu appearing on top) >> Collection Pages

Settings

Left Sidebar :
You can add Categories, Unlimited Filters, Image Banner and Static Text block.

Enter tags(color, size, brands or manuafacture)for product filter. Tags(same tags) you enter here also need to assign to products to enable filtering ( Go to: Products > Product)

Right Column :
You can add slideshow, description and collection image on top.

Product Page

Settings

Add Product Video thumbnail, Product Short Description and Size chart(Any graphic) per product, Product Countdown ?

By default, Shopify does not allow you to add new custom field for product. So with NexGeek we will help you understand how to add custom field to your store. 

The first you need install this extension on your chrome by go to this link: http://shopifyfd.com/

Now go to product page, you need click to ShopifyFD icon and metafield will show

Add Video

You need define metafield name like this and in value, you need enter youtube video link

Now you can see product video on product detail page

Add Short Description (Optional)

Meta: meta
Key: short_des
value: Text or HTML code

Add Graphic Per Product (Optional)

If you don't upload this graphic, global graphic will appear in tabs (same graphic for all products) which you can add from customization section >> Product detail Settings

Add Product Countdown

How to allow pre-orders for products?

Please read full shopify article here which is very well written : Allow Product Pre-Order

1. Authorizing payment for pre-orders
   

   When selling products as pre-orders, you should not capture payment immediately unless the customer is aware that they are purchasing a product that is not currently available. Instead, you can authorize a payment without capturing the funds immediately. Authorizing a payment at the time of checkout allows you to capture the funds at a later date, when the product is available and you are ready to fulfill the order.

   1. From your Shopify admin, go to Settings >> Payment providers.
      Scroll down to find the Payment authorization section.

   2. Select Manually capture payment for orders:

      

   3. Click Save
   
   
   
2. Allow products for pre-order

   1. From your Shopify admin, go to Products.

   2. Click the name of the product you want to make available for pre-order.

   3. In the Theme templates sidebar section, change product to product.pre-order:

      

   4. Check Allow customers to purchase this product when it's out of stock:

      

   5. Click Save.

Use of Variants and Filtering

Advanced Filtering is built using tags of shopify. In your store you can see Advanced filtering on top of left sidebar of collection page (As Product Filters)

1. To use advance filtering in your store you need to follow below steps

   Go to: Online Stores >> Themes >> Customize theme >> Collection Page

2. There are Unlimited Filters available for your products.

   To add filters click on Add Content => Now click on Filter By =>Add Title and Filter Tags

   

   
   

3. Go to: Products >> Products >> Click any product

   In Tags sections, you need to put all tags that you'd like to filter for product.

   Note : This tags must be entered in sidebar filter box. Tags are case sensitive.

   

4. How to add variants?

   We advise reading and familiarizing yourself with the Shopify Variants. It is an extremely well written and easy to understand.

   Now,Go to Products, Select any product

   Now scroll down to variants box and click on Add Variant

   

   Now,you need to upload images of the variants.

   

Translations

Go to: Online Stores >> Themes >> Click Edit language:

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

Theme Support

If you have any questions, please Feel free to submit a ticket at https://www.adornthemes.com/support/. We are happy to help you!