NexGeek - Multipurpose Responsive Shopify Theme

  1. Welcome
  2. Theme Installation
    1. Install Theme
    2. Install App
  3. Theme Configuration
    1. Customer Registration Form
    2. Shipping Rates
  4. Navigation Setup
    1. How to Add New Menu Navigation
    2. Create Megamenu
  5. Page Setup
    1. Contact
    2. FAQs
    3. Lookbook
    4. Blog
    5. Wishlist
  6. Theme Sections
    1. Header
    2. Footer
    3. Slideshow
    4. Collection Box
    5. Featured Collection
    6. Featured Product - Multiple Rows
    7. Image with text overlay
    8. Image with text
    9. Blog
    10. Testimonial
    11. Our Brand
    12. Instagram
    13. Store Features
    14. Map
    15. Custom Content
  7. General Settings
    1. General Options
    2. Typography
    3. Colors
    4. Currency
    5. Social media
    6. Product Notification
    7. Newsletter Popup
    8. Quick View Popup
    9. Checkout
  8. Collection Page
  9. Product Page
  10. Use of Variants and Filtering
  11. Translations
  12. Theme Support

Thank you for your purchase!

If you have any questions that are beyond the scope of this help file, please feel free to submit a ticket at http://adornthemes.com/support/. Thank you very much! Below you will find the documentation on how to install and use the theme. Cheers !

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

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.

Contact Page


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

    Click Save Button

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

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

    Adding a section to a Shopify Theme
  2. Also it is very simple to drag and drop and reorder existing sections

    Reordering sections within a Shopify Theme
  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

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

  • Pair large text with an image to give focus to your chosen product, collection, or other offers. Add details on availability, style, or even provide a review.

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


You can show map on home page as well as contact us page

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


  • Enable currency conversion :

    Select to show the currencies on store

  • Format :

    There are 2 options: Without Currency, Ex: $10 and With Currency, $10 CAD

  • Supported currencies:

    Add the currencies, seperated by the space.

  • Default currency:

    Enter the currency you want to set the default for your store

Social Media


  • Social sharing options :

    Select to show social sharing on store

  • Social accounts :

    Enter url social accounts which you want to show on store else leave blank

Product Notification


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

Newsletter Popup


Popup With Image

Popup Without Image

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

  • There are 2 style for detail page :

    Style 1 : Content align center
    Style 2 : Content align left

  • Enable Image Zoom?
  • Enable Lightbox for image gallery?
  • Show Product Review?
  • Show Product Availability?
  • Show Product Type?
  • Show Vendor?
  • Show Product SKU ?
  • Show Short Description?
  • Show Quantity Message?
  • Show Countdown time?
  • Countdown Label
  • Global Text Block
  • Upload Safe Checkout Image
  • Show Social Sharing Buttons?
  • Show Product Navigation?
  • Select Variant Style - Dropdown/Selection Box
  • Related Products
  • Product Tabs

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?

Product Pre-Order allows you to sale your items even if products are out of stock on your store.

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!