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 is very easy and quick.
Checkout Quick videoDownload Diva Package(Zip File) from themeforest. Extract all files from diva-package zip file. You will find different demo zip files.
Don't upload diva-package.zip file.
Go to Store Admin >> Online Store >> Now click on Upload Theme >>
By Default your uploded theme is unpublished. Another theme is runing in your store. Now to publish uploded theme click on Publish Theme
you can select any demo which is best suits for your store. All the demo contains all the features of the theme. You can select any demo.
To enable Product Review to your store, please install this app: Product Reviews App
Go to Store Admin >> Apps >> Click on Visit Shopify App Store >> Search "Product Reviews" App
Go to Store Admin >> Settings >> Checkout
Go to Store Admin >> Settings >> Shipping
Go to Store Admin >> Settings >> General
Scroll down to Standards and formats section and click on Change formatting link
Update these fields
HTML With currency to
HTML without currency to
Go to Store Admin >> Online Store >> Navigation >> Click Add Menu button
Go to Store Admin >> Online Store >> Customize >> Sections >> Header >> Scroll Down to Navigation
Click on Add content to add links to menu
There are 5 style in main menu as below
First Checkout all the possible style of megamenu
Simple Dropdown
Megamenu Style 1
Here you can set 2 column, 3 column, up to 5 columns, Featured product and Single Banner. You can display menu column with multiple rows
Megamenu Style 1 with 3 column menu (2 rows), Featured Product and Banner All options are flexible.
Megamenu Style 2
Here you can set 3 column, 4 column, up to 6 columns and 3 diffrent banner at the bottom of menu column You can display menu column with multiple rows
For Banner, You can set either 1, 2 or 3 banner.
Megamenu Style 3
Here you can set 1 column, 2 column, up to 5 columns and banner at the top of each column. You can display menu column with multiple rows
Megamenu Style 4
Here you can set 2 column, 3 column, up to 5 columns with background image.
Online Store >> Customize >> Sections >> Header >> Scroll Down to Navigation >> Click on Add content >> Home Link
Click on Add content >> Single Link
Here you can add label which will display above link .i.e Sale,new,deal..
Click on Add content >> Dropdown menu >> Select Menu
You can display labels here. Here you can select dropdown menu you created from Navigation Setting. Checkout below steps and screenshot for dropdown menu Men
Click on Add content >> Select any from Style 1, Style 2, Style 3, Style 4
You will need to create many multi-level drop-down for megamenu
For example : If you want to display megamenu for "Women" as shown below
Go to Store Admin >> Online Store >> Navigation >> Add Menu
Add menu items in menu as shown below and click save
Now to add Menu links for Clothing, Add menu items in the same way and then drag that menu item under relavant menu item ( your choice )
Repeat the same steps to add links under all other menu items.
You can create as many pages as you want. Here is the link which will help you to create custom pages.
Checkout Quick videoGo to Store Admin >> Online Store >> Pages >> Click Add page:
Click Save Button
Add contact page detail from Contact page Section
Go to Store Admin >> Online Store >> Customize >> Select Contact Page from top dropdown >> Click Contact Page section
To add/edit contact field, please follow below guide:
Go to Online Store >> Pages >> Click Add page:
Click Save Button
Add Faqs from FAQs page Section
Go to Store Admin >> Online Store >> Customize >> Select FAQs from top dropdown >> Click FAQs Page section
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. Lookboook can also be used to promote special discount or special offers
Go to Store Admin >> Online Store >> Pages >> Click Add page:
Click Save Button
Go to Store Admin >> Online Store >> Customize >> Select Lookbook from top dropdown >> Click Lookbook Page section
You can select any style either Lookbook 1, lookbook 2 or lookbook 3
Go to Store Admin >> Online Store >> Pages >> Click Add page:
Click Save Button
Checkout below url to to learn about how to create blog page
How to create a blog and write an article
Go to Store Admin >> Online Store >> Customize >> Select Blogs from top dropdown on >> 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
Go to Store Admin >> Online Store >> Pages >> Click Add page:
Click Save Button
Go to Store Admin >> Online Store >> Customize >> Select Product Page from top dropdown >> Click Product Page section
Now Scroll down to "Show Tab 3" and check the box.
This size chart will be global for all products. To add size chart per product use product metafield as describe in documentation.
Go to Store Admin >> Online Store >> Customize >> Theme Settings
Select Layout :
Default
Boxed Layout : Fully boxed layout
Full Width Layout : No fixed width of site.
Show Sticky Header :
Select to show sticky header on your store. ( Navigation stick to top when you scroll page)
Scroll To Top
Show Scroll to top arrow in bottom
Enable Animation Effect
Select to show scroll animation on site.
Disable Animation Effect On Mobile
Select to hide scroll animation on mobile site.
Enable Ajax Cart
Select to show Add to cart popup
Enable WishList
Select to enable wishlist for your customer on your store
Set Font Family and Font Size here for your store
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...
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 sharing options :
Select to show social sharing on store
Social accounts :
Enter url social accounts which you want to show on store else leave empty
Go to Store Admin >> Online Store >> Customize >> Theme Settings >> Select Product List Settings
Show Add to Cart or Select Option Buttons?
Show/Hide buttons for product list
Show Product Detail On Product Hover?
Show product info. on product hover
Show Product Reviews
Show/Hide product reviews
Show Second Image on Product Hover?
Display second image of product on hover
Use Capitalize Font For Product Name
Capitalize/Uppercase font option for product name
Show Color Swatches?
Select to show color swatches on collection page. There are three style to show color swatch.
- Color Swatches
- Image Swatches
- Variant Image Swatches
Show live stream of products to your customers if anyone likes or bought product..
Popup With Image
Popup Without Image
You can do settings for Banner , Logo , Main Content Area , Order Summary , Typography and Colors of Checkout Page.Checkout can not be customize like other shopify 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 25+ sections available to use.Total 18 sections available on home page any time you can add, update, reorder and delete any section
Here’s how easy it is to add new sections to a theme
Also it is very simple to drag and drop and reorder existing sections
Here You can configure Header, Footer, Home Page, Product Detail Page, Product age, Blog Pages and many more..
Go toStore Admin >> Online Store >> Customize >> Sections
Go to Store Admin >> Online Store >> Customize >> Sections >> Header
There are 7 diffrent header style. You can also use transparent home page header.
Header Style 1
Header Style 2
Header Style 3
Header Style 4
Also You can set transparent header style
Header Style 5
Header Style 6
Header Style 7
Also You can set transparent header style
Change color combination of header from
Theme Settings >> Colors >> Scroll down to Header
You have many options to display footer for your online store. Footer blocks are very flexible and easy to use.
Go to Store admin >> Online Store >> Customize >> Sections >> Footer
Footer Style 1
Footer Style 2
Footer Style 3
Footer Style 4
Footer Style 5
Footer Style 6
Footer Style 7
Change color combination of Footer from
Theme Settings >> Colors >> Scroll down to Footer
You have more than one option to display slidshow and banners at the top for your online store
Go to Store Admin >> Online Store >> Customize >> Sections >> Slideshow - Default
You can choose your owl style image. Image will not crope with this option
This is a perfect choice when you have limited collection to show on your store.
Go to Store Admin >> Online Store >> Customize >> Sections >> Collection List
Go to Store Admin >> Online Store >> Customize >> Sections >> Collection List Alternative
Go to Store Admin >> Online Stores >> Customize >> Sections >> Collection Tabs
You can add up to 8 Collection Tab
Desktop:
Number of products to show in row for Desktop View
Tablet:
Number of products to show in row for Tablet View
Mobile:
Number of products to show in row for Mobile View
Number of Products to show :
How many products want to show on home page
Go to Store Admin >> Online Store >> Customize >> Sections >> Product Rows
You can display products with multiple rows
Desktop:
Number of products to show in row for Desktop View
Tablet:
Number of products to show in row for Tablet View
Mobile:
Number of products to show in row for Mobile View
Number of Products to show :
Number of products to scroll or Number of products to show on home
View All
You can enable this button to redirect your customer on age
Go to Store Admin >> Online Store >> Customize >> Sections >> Products Slider
You can display products with Carousel
Desktop:
Number of products to show in row for Desktop View
Tablet:
Number of products to show in row for Tablet View
Mobile:
Number of products to show in row for Mobile View
Number of Products to show :
Number of products to scroll or Number of products to show on home
Go to Store Admin >> Online Store >> Customize >> Sections >> Image with text overlay
Enable Parallax Scrolling
You can select this checkbox for parallax scrolling
Section height:
You can manage section height - Small, Medium, Large, Xsmall
Text size:
You can manage text size - Medium, Large
Main Heading Font Weight:
You can font weight for main title - Light, Normal, Medium, Semibold, Bold
Change Colors from
Theme Settings >> Color >> Image with text overlay
Go to Store Admin >> Online Store >> Customize >> 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.
Go to Store Admin >> Online Store >> Customize >> Sections >> Blog Posts
Testimonials are an extremely important part of the success of your business.Testimonials and reviews affect the trust your customers have for your brand, as well as the overall credibility of your business.
The greater the number of positive feedback you receive about your products and services online, the better your reputation will be.
So here is how to add testimonials on your store
Go to Store Admin >> Online Store >> Customize >> Sections >> Testimonials
Go to Store Admin >> Online Store >> Customize >> Sections >> Logo list
Using Instagram Gallery on your site allows you to connect with customers across multiple channels and increase cross-channel engagement.
Instagram photos on your stores allows you the opportunity to connect with customers where they are. Instagram drives more engaged traffic than any other social channel.
So what are you waiting for? Go to Theme section and add instagram section on your store.
Go to Store Admin >> Online Store >> Customize >> Sections >> Instagram
Go to Store Admin >> Online Store >> Customize >> Sections >> Store Features
Go to Store Admin >> Online Store >> Customize >> Sections >> Sections >> Map
Go to Store Admin >> Online Store >> Customize >> 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
Have a look on some examples of custom content use
Go to Store Admin >> Online Store >> Customize >> Select Collection Pages from top dropdown
We have included lots of options to display age.
So you can choose your own style for age. No need to worry for any codes.
Page sidebar is very powerful. We have included lots of options to display page sidebar.
You can add unlimited filters, Populer products (Either you can use list or slider), Static text block and Promotion banner. Product filters worked on product tags. So carefully enter product tags at both side. ( Explained in detail at Use of Variants and Filtering section
You have multiple choice for page
Configure some other options for products from
Store Admin >> Online Store >> Customize >> Theme Settings >> General Options >> Product List Settings
Advanced Filtering is built using tags of shopify. Tags are case sensitive. So if you have enter tags in small letter in sidebar assign tags in small to product also. In your store you can see Advanced filtering on top of left sidebar of collection page (As Product Filters)
Checkout Quick video
To use advance filtering on your store, follow below simple steps
Go to Store Admin >> Online Store >> Customize >> Select Collection Pages from top dropdown
There are unlimited filters available for your products.
Scroll down to "SIDEBAR & FILTERS" and click on Add Content links at the bottom. Select Filter By option. Remember to add color filters select Filter By Colors option. Once you add blocks for Filter, Add title and tags into box separated by comma as shown below
You must assign the same tags to your products to enable filtering.
Filter By Color :
When you select Image Upload for Swatch Layout Option,
Image name must same as color name and in lowercase.
Use '-' instead of space. Examples (Black = black.png, Navy Blue = navy-blue.png).
Upload images from >> Store Admin >> Settings >> Files
Go to Store Admin >> Products >> Add Product >>
In Tags sections, Enter all tags that you'd like to use to filter products. Have a look on below screenshot
Note: Tags must be entered in Collection Page Sidebar Filter Blocks
Go to theme customization > select "product page" from dropdown available at top left
By default, Shopify does not allow you to add new custom field for product. So with Diva we will help you to 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
namespace: meta
key: video
value: youtube url
You need define metafield name like this and in value, you need to enter youtube video link
Now you can see product video on product detail page
namespace: meta
key: short_des
value: add html here
namespace: meta
key: countdown
value: date in (mm/dd/yyyy) format
namespace: meta
key: sizechart
value: image or html code
If you don't add data here, global data will appear in page (same data for all products) which you can add from customize >> Product Page >> Scroll down to "Show Tab 3"
namespace: meta
key: insta-tag
value: jacket ( any tag you like to use)
There are many styles to display product swatches
Checkout all the possible style for product variants
We advise reading and familiarizing yourself with the Shopify Variants. It is an extremely well written and easy to understand.
Go to Store Admin >> Products >> Add Product >>
Enter product title, add product images, add product tags, other details and now scroll down to Variants box and click on Add Variant
When you select Image Swatches style to display product swatches, Color name and image name must be same and upload image(png image) under Settings=>Files. For example you have 2 colors (Black and Blue )for your product, then upload image named 'black-blue.png'
Go to Store Admin >> Online Store >> Actions >> Edit language:
Here's a quick way to change some of the more commonly text or you can use other language
If you have any questions, please Feel free to submit a ticket us at https://www.adornthemes.com/support/. We are happy to help you!