Optimal -  Minimalist Shopify Theme

Thank you so much 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/.

Installation


Installation is easy and quick. We recommended you to read Shopify Manual to have clear idea about all the aspects of theme customization.

INFO! If you don't want to spend your time installing the theme and store set up, Feel free to contact for our paid store setup serivce. You can send an email direct on info@adornthemes.com.
We will reach out to you very soon.

Don't have store yet? You can send an email on info@adornthemes.com. We will create Development store for you with unlimited trial time. You can Transfer ownership when store is ready to launch.

Install Theme



Attention! You can't directly upload the zip file that you have downloaded from Themeforest to your Shopify store. So first unzip downloaded file from themeforest.


Install Theme

  1. Download theme package from Themeforest. https://themeforest.net/downloads
  2. Extract/Unzip all files from downloaded package. You will find different demos zip files ( demo-1.zip, demo-2.zip...) You need to install this zip file.
    You can select any demo for your store. No matter which demo you select, all demos have all sections and all theme features.
  3. Logging into your Shopify store and Navigate to Themes : Store Admin -> Online Store -> Themes
  4. Click Upload theme button.
  5. By Default your uploaded theme is unpublished. Another theme is running on your store. You can publish new theme when you are done with theme configuration and setup. Now to publish new theme click on Publish Theme

Install App


  1. Product Review app [Free]

  2. Loox Product Review app [Paid] - Get an extended 30-day free trial

    Product reviews with photos build more trust
  3. Instagram shop by Snapppt[Free]

    • To enable Instagram shop, please install this app: click here to get this app
    • Read this well written app article to know about how to display shoppable galleries on your store.
    • Read our article for the same.
  4. Easy GDPR + Cookie Bar[Free]

  5. Weglot Translate[Paid] - Get 20% off for Avone theme

  6. Growave - Reviews, Loyalty ++ [Paid] - Get an extended 30 days Free trial

Store Configuration


Please do follow below required settings on your store.


Basic Configuration  

Enable Customer Accounts


Go to Store Admin -> Settings -> Checkout

Find Customer accounts, Select Accounts are optional and click Save


Set up Shipping Rates


  1. Go to Store Admin -> Settings -> Shipping

  2. Click here to read more in details

Currency Settings


Go to Store Admin –> Settings –> General

Dropdown Menu



Preview of dropdown menu

  1. How to create dropdown menu? Click here to read more in detail

  2. Go to Online Store –> Customize –> Sections –> Main Navigation –> Add block –> Add Dropdown Menu
  3. Set Link Name, Menu Link and Select Dropdown Menu

Megamenu Simple



  1. Go to Online Stores -> Navigation -> Add Menu with Sub Menu Items As display below ( below screenshot is only for reference )

  2. Go to Online Store –> Customize –> Sections –> Main Navigation –> Add block –> Add MM Simple
  3. Add Link Name, Select Menu, Set Columns, Set Product or Featured Image(Optional) and Set Bottom Images(Optional).

Megamenu Top Image Banners



  1. Go to Online Stores -> Navigation -> Add Menu with Sub Menu Items
  2. To use this Megamenu, Please create different menus for each columns.
    I.e. If you want to display 4 columns to Display Women, Men, Kids, and Accessories collection then create 4 different menus with sub menu links for each column.
  3. Follow this article to read more in details : How to create Menu?
  4. Go to Online Store –> Customize –> Sections –> Main Navigation –> Add block –> Add MM Top Image Columns

Megamenu Background Image



Megamenu Links with Image



Megamenu Products



  1. Go to Online Store –> Customize –> Sections –> Main Navigation –> Add block –> Add MM Products
  2. Set Links Name, Menu Link and Select Collection to display featured products.
  3. Set Products Limit, Number of Columns for products and Button.
  4. Set Featured Column with image, title, subtitle, buttons and link.

Megamenu Custom HTML


Menu Labels (Optional)



Page Setup


You can create as many pages as you want. Here is shopify official link to learn - How to create a pages?

Click here to learn how to create custom page and add sections.

Templates for different pages are as below

About Page


Theme must be published to select page template!

We have added 3 in-built template for about us. These templates are about,   about2,   about3. You can use these template for 3 different pages.
Now with shopify 2.0, It's easier for you to create more page template by yourself without coding knowledge.

  1. To create about us page, Go to: Online Stores –> Pages –> Click Add page:
  2. Set page Title, choose Template about and click save button

  3. Add page details from :

    Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Pages –> about

    You can add/edit page details here. Click on "Add section" link to add more section on this page.

  4. Repeat same steps to use about2 and about3 template.
  5. Click here to create more about us pages if you want to add more than 3 about pages.

Contact Page


Theme must be published to select page template!

We have added 2 in-built template for contact us. These templates are contact,   contact-2,   You can use these template for 2 different pages.

  1. To create contact us page, Go to: Online Stores –> Pages –> Click Add page:
  2. Set page title, choose template contact or contact-2 and click save button

  3. Add page details from :

    Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Pages –> contact

    You can add/edit page details here. Click on "Add section" link to add more section on this page.

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

FAQs Page


Theme must be published to select page template!

We have added 1 in-built template faqs   for FAQs page.

  1. To create FAQs page, Go to: Online Stores –> Pages –> Click Add page:
  2. Set page title, choose template faqs and click save button

  3. Add page details from :

    Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Pages –> faqs

    You can add/edit page details here. Click on "Add section" link to add more section on this page.

  4. Click here to learn how to add more faqs page.

Wishlist Page


  1. To create wishlist page, Go to: Online Stores –> Pages –> Click Add page:
  2. Set page title, choose template wishlist and click save button

  3. Now go to : Online Stores –> Click Customize –> Theme Settings -> General Settings -> Wishlist =====

    Enable wishlist option and select wishlist page which you just created from admin

Lookbook Page


Theme must be published to select page template!

Watch Video  

We have added 1 in-built template lookbok   for lookbook page.

  1. To create Lookbook page, Go to: Online Stores –> Pages –> Click Add page:
  2. Set page title, choose template lookbook and click save button

  3. Add images and text from :

    Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Pages –> lookbook

    Click on "Add section" link to add more section on this page.

  4. Click here to learn how to add more lookbook page.

Collection List


Click here to preview Collection List page

  1. To create Collection List page, Go to : Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Collections list

  2. Click on Collection List Page from left sidebar

    Select collection block Or Click on Add Collection link

    Select collection, upload image and add title.

  3. Click on "Add section" link to add more section on this page.

Sub Collection List


Click here to preview Sub Collection List page

  1. To create Sub Collection List page, Go to : Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Collections -> sub-collections

  2. Click on Sub Collections from left sidebar to customize look

    Click On "Add section" and add Carousel/ List banners

    Select collection block and on right side bar select collection, upload image and add title.

  3. Click on "Add section" link to add more section on this page.

Brands List Page


Click here to preview Brands List Page page

  1. To create Brands List page, Go to: Online Stores –> Pages –> Click Add page:
  2. Set page title, choose template brands and click save button

  3. Customize brands list page from : Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Pages -> brands

  4. Click on "Add section" link to add more section on this page.

Blog Page


  1. Follow below url to create blog page

    Shopify official article - How to create a blog and write an article

  2. To customize look of blog pages, Go to : Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Blogs -> Default blog

  3. To customize look of article pages, Go to : Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Blog posts -> Default blog posts

Theme Sections


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 30+ Sections and 99+ content block available to use. You can add,update,reorder and delete any sections any time as per your requirements.

Online store 2.0 make it very easy to add sections on every page without coding knowledge

Note! Some shopify pages such as Checkout page, Account page, Password page, Order page will not support sections on these pages due to the structure of Shopify

Top Promotion Bar


Go to   Online Store –> Customize –> Home page –> Top Promotion Bar

Premium Shopify Theme - Featured Product

Featured Product


Go to   Online Store –> Customize –> Home page –> Add Section –> Featured Product

  1. Section Preview

    Premium Shopify Theme - Featured Product

Products Columns


Go to   Online Store –> Customize –> Home page –> Add Section –> Products Columns

Premium Shopify Theme - Product Columns

Products Rows


Go to   Online Store –> Customize –> Home page –> Add Section –> Products Rows

  1. Section Preview

    Premium Shopify Theme - Products Rows

  2. Settings and options

    Premium Shopify Theme - Products Rows

Products Slider


Go to   Online Store –> Customize –> Home page –> Add Section –> Products Slider

  1. Section Preview

    Premium Shopify Theme - Products Slider

  2. Settings and options

    Premium Shopify Theme - Products Slider

Tabs + Products


Go to   Online Store –> Customize –> Home page –> Add Section –> Tabs + Products

  1. Section Preview. Preview Tab styles.

    Premium Shopify Theme - Collections Tabs and Products Slider

  2. Settings and options

    Premium Shopify Theme - Collections Tabs and Products Slider

Banner With Shop Buttons


Go to   Online Store –> Customize –> Home page –> Add Section –> Banner With Shop Buttons

  1. Section Preview. Preview Styles.

    Premium Shopify Theme - Banner With Shop Button

  2. Settings and options

    Best Shopify Theme - Banner With Shop Button

Carousel/List Banners


Go to   Online Store –> Customize –> Home page –> Add Section –> Carousel/List Banners

  1. Section Preview.  Preview all styles

    Premium Shopify Theme - Collection Carousel or List

  2. Settings and options

    Premium Shopify Theme - Collection Carousel or List

Grid Banners


Go to   Online Store –> Customize –> Home page –> Add Section –> Grid Banners

There are 7 different grid style in this section.

  1. Section Preview. Preview few grid styles.

    Premium Shopify Theme - Grid Banners

  2. Settings and options

    Premium Shopify Theme - Grid Banners

Hero Banner


Go to   Online Store –> Customize –> Home page –> Add Section –> Hero Banner

  1. Section Preview. Preview style

    Premium Shopify Theme - Parallax Banner

  2. Settings and options

    Premium Shopify Theme - Parallax Banner

Masonry Banners


Go to   Online Store –> Customize –> Home page –> Add Section –> Masonry Banners

  1. Masonry banners use flexible image sizes.  Preview more styles. You would like it for sure :)

    Premium Shopify Theme - Collection Banners

Round Image Banners


Go to   Online Store –> Customize –> Home page –> Add Section –> Round Image Banners

Premium Shopify Theme - Collection Banners

Slideshow


Go to   Online Store –> Customize –> Home page –> Add Section –> Slideshow

Premium Shopify Theme - Slideshow

Image Slideshow


Go to   Online Store –> Customize –> Home page –> Add Section –> Slideshow(Image Only)

You can display image slideshow without image crops anywhere on your pages. (Display image only not text)

2 Columns Banners


Go to   Online Store –> Customize –> Home page –> Add Section –> Image & Text(2 Columns)

Premium Shopify Theme - Image with Text


Premium Shopify Theme - Image with Text

4 Columns Banners


Go to   Online Store –> Customize –> Home page –> Add Section –> Image & Text(4 Columns)

Best Shopify Theme - Image with Text

Image with Text & Features


Go to   Online Store –> Customize –> Home page –> Add Section –> Image with Text & Features

Best Shopify Theme - Image with Text

Text Columns with Top Image


Go to   Online Store –> Customize –> Home page –> Add Section –> Text Columns with Top Image

Section Preview.

Best Shopify Theme

Best Shopify Theme

FAQs


Go to   Online Store –> Customize –> Home page –> Add Section –> FAQs

Best Shopify Theme

Icons & Text


Go to   Online Store –> Customize –> Home page –> Add Section –> Icons & Text

Section Preview.

Premium Shopify Theme - Store Info.

Promotion Bar


Go to   Online Store –> Customize –> Home page –> Add Section –> Promotion Bar

Section Preview.

Rich Text Block


Go to   Online Store –> Customize –> Home page –> Add Section –> Rich Text Block

Section Preview.

Premium Shopify Theme - Store Info.

Testimonials


Go to   Online Store –> Customize –> Home page –> Add Section –> Testimonials

Preview all styles

Premium Shopify Theme - Testimonials

Instagram


Go to   Online Store –> Customize –> Home page –> Add Section –> Instagram

Display instagram gallery as a List or Carousel

Premium Shopify Theme - Instagram

Instagram Shop


Go to   Online Store –> Customize –> Home page –> Add Section –> Instagram Shop

Premium Shopify Theme - Instagram Shop

Logo List


Go to   Online Store –> Customize –> Home page –> Add Section –> Logo List

Premium Shopify Theme - Logo List

Lookbook Shop


Go to   Online Store –> Customize –> Home page –> Add Section –> Lookbook Shop

  1. Preview grid style

    Premium Shopify Theme - Lookbook Shop

  2. Settings and options

    Best Shopify Theme - Lookbook Shop

Newsletter


Go to   Online Store –> Customize –> Home page –> Add Section –> Newsletter

Section Preview.

Premium Shopify Theme - Newsletter

Premium Shopify Theme - Newsletter

Premium Shopify Theme - Newsletter

Photo Gallery


You can display images in grid and on click it will display image in lightbox popup.

Go to   Online Store –> Customize –> Home page –> Add Section –> Photo Gallery

Premium Shopify Theme - Newsletter

Video


You can display youtube video or MP4 video either in popup or background

Go to   Online Store –> Customize –> Home page –> Add Section –> Video

Shopify Theme,Fullwidth Video

Shopify Theme,Fullwidth Video

Blog List


Go to   Online Store –> Customize –> Home page –> Add Section –> Blog List

Premium Shopify Theme - Blog List

Premium Shopify Theme - Blog List

Custom Block


Collections and products display using custom block.

Go to   Online Store –> Customize –> Home page –> Add Section –> Custom Block

Section Preview.

Premium Shopify Theme - Custom Block

Premium Shopify Theme - Custom Block

Map


Go to   Online Store –> Customize –> Home page –> Add Section –> Map

Section Preview.

Premium Shopify Theme - Map

Masonry Block


Go to   Online Store –> Customize –> Home page –> Add Section –> Masonry Block

Section Preview.

Premium Shopify Theme - Map

Themes Settings


Go to : Online Stores –> Click Customize –> Theme settings (On left sidebar scroll down to bototm) –> On right sidebar you will see all theme settings

Premium Shopify Theme - Theme Settings

Layout Style


In Theme Settings, Click Layout Style

General Settings


In Theme Settings, Click General Settings

Fonts and Colors


In Theme Settings, Click Fonts and Colors

Products Grid


In Theme Settings, Click Products Grid

Global product grids's settings. These settings will be overwrite by individual section's settings

Product Page


In Theme Settings, Click Product Page

Currency & Language


In Theme Settings, Click Currency & Language

To display currency & language on your store, you need to enable these option from Header section -> Store Currency & language

  • 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, separated by the space.

  • Default currency:

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

Product Notification


In Theme Settings, Click Product Notification Popup

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

Quick View Popup


In Theme Settings, Click Quickview Popup

Newsletter


There are 4 different style for newsletter popup

In Theme Settings, Click Newsletter

Announcement Bar

Newsletter Popup Preview

Social Media


In Theme Settings, Click 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

Custom Css


In Theme Settings, Click Custom Css

Checkout


Checkout Settings

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

Collection Page


Watch Video  

We have included many options to display Collection Page. So you can choose your own style for Collection Page.

Go to Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Collections –> Default collection



Click on Collection Page from left sidebar to customize page look and you will see all page options on right sidebar.

There are different options to display collection page are as below


Click on Collection Page from left sidebar and you will see page header options on right sidebar.


Products Toolbar



Products Filters using Product Tags


Watch Video


Product Filtering is built using products tags of shopify. TAGS ARE CASE SENSITIVE. So if you have enter tags in small letter in sidebar assign same tags in small to product also.
In your store you can see Product filtering on top of left sidebar of collection page (As Product Filters)

There are unlimited filters available for your products using product tags.

All custom colors like Sage, Olive Green, Camel, Cream, Caramel, Teal..etc should be predefine in Theme Settings. Add all these colors from below path

Go to Online Store –> Customize –> –> Theme Settings –> Custom Css –> Custom colors for swatches

Now follow below steps to add Color filters

Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Collections –> Default collection

Click "Add block" from left sidebar and add Filter By Color Tags"

  1. Click "Add block" -> Add "Filter By Colors"

  2. Add Filter by section title and Filter tags. Select Swatch Size and Swatch Style from dropdown.

  3. Go to Products -> Select Product -> Scroll down to "Tags" block.

    In Tags sections, Start adding same tags that you enter in sidebar color block. (You need to assing Only product relavant tags. Tags are different for each products.)


    Attention! If you have added tags in small letter to sidebar block, assign same tag in small letter to product also

Follow below steps for other filter type i.e. for size, price, brands, material etc... filters
  1. Click "Add block" -> Add "Filter By Tags"
  2. Add Filter By Title and Filter tags

  3. Now Go to Products -> Select Product -> Scroll down to "Tags" block.

    In Tags sections, Start adding same tag that you enter in sidebar text block. (You need to assing Only product relavant tags. Tags are different for each products.)

Products Filters Dynamic


Watch Video

With OS 2.0 product filtering are dynamic. When Collection filtering is enabled, the filter options appear on collection page and search result page.
Customers can filter their products by availability, product types, product vendors and Variant options(colors,size,height..)to find the products that interest them the most.

With Dynamic product filters, you do not need to go with that lengthy time consuming process of filter setup.

To Enable products filter on your store, follow below steps


  1. From your Shopify admin, go to Online Store > Navigation.   
  2. Scroll down to Collection filters.
  3. Click the Add filter dropdown menu.
  4. Click Product Options, and then select one or more
      filter options from the list.
  5. Click Save to save your collection filters options.

There are 4 style you can display products filter. Display in Left Sidebar, Right Sidebar, Top Bar, Popup Box

Go to Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Collections –> Default collection

Click on Collection Page from left sidebar and you will see products filter options options on right sidebar.

Product Page


Product Tabs


Go to Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Products –> Default product


Click on Product Description Tab from left sidebar

  1. Default Description Tab : Display different data for each products
  2. Review Tab : Display reviews for products
  3. Size Chart : Display global for all products, different for each products, display by product type or vendor. Read articles how to add size chart for products?
  4. Global Text Block : Display same data for all products. You can add this tab as many times as you want.
  5. Metafields Data : Display different data for each products. Read articles how to add different data for each product?

Related Products


Go to Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Products –> Default product

Click on Related product section from left sidebar

Recommended Products


Go to Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Products –> Default product

Click on Recommended Products section from left sidebar

Recently Viewed Products


Go to Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Products –> Default product

Click on Recently Viewed Products section from left sidebar

Product Swatches


Reference Video  

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

There are many styles to display product swatches

  1. Go to Store Admin –> Products –> Add Product –>
  2. Enter product title, add product images, add product tags, other details.
  3. now scroll down to Variants box and click on Add Variant

  4. When you select Color Swatch style to display product swatches, You need to add custom colors for your products.

    Go to Store Admin –> Customize –> Theme Settings –> Custom CSS -> Custom colors for swatches

    Note!Color name and Variant name must be same

Product Preorder


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 Product.
    2. Click the name of the product you want to make available for pre-order.
    3. Check Continue selling when out of stock:

    4. Click Save.

Translations


Go to: Online Stores –> locate your theme –> Select the Actions dropdown -> Select Edit languages

Here's a quick way to change some of the more commonly used text or you can translate to another language.

Credits


  1. jQuery Library
  2. Google Maps
  3. Slick Carousel
  4. Masonry

Images

  1. Pixabay
  2. freepik
  3. 123RF

Note: All images are just used for Demo Purpose Only. They are not part of the theme and NOT included in the final purchase files.

Theme Support


We did our best to make theme documentation as clear as possible. However, if you have any issues with our theme or any suggestions on theme or documentation,
please Feel free to submit a ticket at http://www.adornthemes.com/support/. We are happy to help you!