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 guidelines on how to install and use our theme. Cheers !
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.
Step 1. Download theme package from Themeforest. https://themeforest.net/downloads
Step 2. Extract/Unzip all files from downloaded package. Find “avone-install-me-shopify2.0.zip” file. This is theme default demo zip file. Please install this file on your shopify store.
Step 3. Logging into your Shopify store and Navigate to Themes -> Click “Add theme” -> Upload zip file. Click here
Step 4. Click on Publish button to publish new theme
Step 1. Follow above step 1 to step 3
Step 2. Now go to the "Demo Preset Shopify 2.0" folder that you downloaded from themeforest.net.
All you need to do is copy all data from index.json and settings_data.json file from any preset folder file and paste it on same theme file on your store. Explain in below steps..
Step 3. In the Preset folder, you will see folders for all available skins. Please open any skin folder that you would like to install.
Click here to see all available home skins/demos
You will see 2 files : index.json and settings_data.json.
Step 4. Now go to the Avone theme that you just uploaded. Click Action –> Edit Code
Step 5. Find Templates folder and open index.json file.
Step 6. Select and Remove all data from this file. Now paste copied preset data. ( index.json file data you copied in Step 5) And Click Save.
Step 7. Find Config folder and open settings_data.json file.
Step 8. Select and Remove all data from this file. Now paste copied preset data. ( settings_data.json file data you copied in Step 5) And Click Save.
Step 9. By Default your uploaded theme is unpublished. Another theme is active on your store. You can publish new theme when you are done with theme configuration and setup.
Step 10. Click on Publish button to publish new theme
Please follow below required settings on your store.
From your store Admin -> Click Settings -> Locate Customer accounts
Do as below and click Save
From your store Admin -> Click Settings -> Locate Shipping and delivery
Please configure your shipping rates by following this article by shopify
From your store Admin -> Click Settings -> Locate Store details
Scroll down to Store currency block and click on Change formatting link
Update these fields
HTML With currency to
HTML without currency to
Preview
In the theme editor(theme customize) –> Click Main Navigation –> Add block –> Click Single Link
Set Link Name, Select Menu Link and click Save. Repeat this steps for all menu items you want to display.
We have created the premade template below using sections. Templates always show from the publish theme.
While you are working with Avone theme and creating pages, you need to publish Avone theme for a moment to select Avone theme templates.
Theme must be published to select theme templates
From your store admin -> Click Online Store –> Pages –> Click Add page:
Add contact page detail from Contact page Section
In the theme editor(theme customize) –> Select Contact Page from top dropdown menu
Click Contact Page section and customize look from sidebar.
To add/edit contact field, please follow below guide:
Adding fields to the Liquid Contact FormStep 1:
From your store admin -> Click Online Store –> Pages –> Click Add page:
Set page Title and choose Theme template about and save
Step 2:
In the theme editor(theme customize) –> Select About Page from top dropdown menu
Set Page banner from Page section OR Add/edit/remove/hide blocks or sections
Step 1:
From your store admin -> Click Online Store –> Pages –> Click Add page:
Set page Title and choose Theme template faq and save
Step 2:
In the theme editor(theme customize) –> Select FAQ Page from top dropdown menu
Set Page banner from Page section and Add/edit/remove/hide blocks or sections
Step 1:
From your store admin -> Click Online Store –> Pages –> Click Add page:
Set page Title and choose Theme template wishlist and save
Step 2:
In the theme editor(theme customize) –> Theme Settings -> General Settings
Make you sure "Enable WishList" option is enabled and Select WishList page.
Lookbook Photo Gallery is an awesome marketing tool and new way to showcase your products in a different style. You can add shoppable tag or link the products on images so that customers can shop directly from the Gallery. This creates a beautiful shopping hotspot for your customers to find out more details about featured products and add them directly to their cart
Step 1:
From your store admin -> Click Online Store –> Pages –> Click Add page:
Set page Title and choose Theme template lookbook and save
Step 2:
Add lookbook pictures from :
In the theme editor(theme customize) –> Select Lookbook Page from top dropdown menu
Set Page banner from Page section and Add/edit/remove/hide blocks or sections
Step 1 :
How to create a blog and write an article ?
Step 2 :
In the theme editor(theme customize) –> Select Blogs -> Default blog (from top dropdown menu)
From Blog Pages section, Add sidebar bloks, set page banner, set page layout and manage page elements desing
In the theme editor(theme customize) –> click Theme Settings icon -> Locate Header
Start customising headers to suit your business needs. Header options are flexible, and you can easily achieve any header from this header design with all options available in the header.
Settings and Options
In the theme editor(theme customize) –> Click "Theme settings" icon -> Locate Cart
Please make the necessary settings as required for your store, which will be applied to the cart drawer and a few of them for the cart page.
Sections allows user to easily add or move content on store homepage as well on inner pages with just a few clicks to create desired layouts.
You can preview your changes in real-time in either desktop or mobile view
There are 31+ Sections availables to use. You can add, update, reorder and delete any sections any time as per your requirements.
From your shopify store admin -> Click "Online Store" -> Locate theme you want to customize ->
Click Customize button -> Click "Add section" to add below sections
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
In the theme editor(Customize) –> Click "Add section" –> Search section "Products Columns" and click to add.
In the theme editor(Customize) –> Click "Add section" –> Search section "Products Rows" and click to add
In the theme editor(Customize) –> Click "Add section" –> Search section "Products Slider" and click to add
In the theme editor(Customize) –> Click "Add section" –> Search section "Featured Product" and click to add
With Avone v5.0, Featured product section is available with blocks that can be moved within a section to alter the layout of the section itself.
For blocks and its detail, Please check product page section.
In the theme editor(Customize) –> Click "Add section" –> Search section "Tabs + Products Slider" and click to add
Click here to view more Tab styles.
In the theme editor(Customize) –> Click "Add section" –> Search section "Collections List" and click to add
Click here to view more styles
In the theme editor(Customize) –> Click "Add section" –> Search section "Image Slideshow" and click to add
Display an image slideshow without cropping anywhere on your store. (Display images only not text)
In the theme editor(Customize) –> Click "Add section" –> Search section "Lookbook Shop" and click to add
Click here to view more grid style
In the theme editor(Customize) –> Click "Add section" –> Search section "Slideshow" and click to add
In the theme editor(Customize) –> Click "Add section" –> Search section "Store Features" and click to add
In the theme editor(Customize) –> Click "Add section" –> Search section "Rich Text Block" and click to add
In the theme editor(Customize) –> Click "Add section" –> Search section "Testimonials" and click to add
In the theme editor(Customize) –> Click "Add section" –> Search section "Text Line" and click to add
Display store promotion text, collection information or store information
In the theme editor(Customize) –> Click "Add section" –> Search section "Instagram" and click to add
In the theme editor(Customize) –> Click "Add section" –> Search section "Instagram Shop" and click to add
In the theme editor(Customize) –> Click "Add section" –> Search section "Video" and click to add
In the theme editor(Customize) –> Click "Add section" –> Search section "Custom Block" and click to add -> Add block "Video"
In the theme editor(Customize) –> Click "Add section" –> Search section "Blog List" and click to add
In the theme editor(Customize) –> Click "Add section" –> Search section "Logo List" and click to add
In the theme editor(Customize) –> Click "Add section" –> Search section "Map" and click to add
In the theme editor(Customize) –> Click "Add section" –> Search section "Custom Block" and click to add
In the theme editor(Customize) –> Click "Add section" –> Search section "Custom Block(Masonry)" and click to add
In the theme editor(Customize) –> Click "Theme settings" icon –>
All global theme settings listed here
In the theme editor(Customize) –> Click "Theme settings" –> Locate "Layout Style"
In the theme editor(Customize) –> Click "Theme settings" –> Locate "General Settings"
In the theme editor(Customize) –> Click "Theme settings" –> Locate "Fonts, Colors and Styles"
In the theme editor(Customize) –> Click "Theme settings" –> Locate "Top Promotion Bar"
In the theme editor(Customize) –> Click "Theme settings" –> Locate "Products Grid"
This is global product grids's settings. These settings will be overwrite by individual section's grid settings
With the Avone 5.0 version, product pages are now available with blocks. You can add different blocks to the products page and drag and drop blocks to redesign the product layout.
There is no longer a need to ask the support team to relocate any elements on the product page. Now you can craft desire product page layout by yourself.
Step 1:
In the theme editor(Customize) –> Select "Products -> Default Product" from top dropdown menu –> Locate "Product Page"
Step 2:
In the theme editor(Customize) –> Click "Theme settings" –> Locate "Product Page"
In the theme editor(Customize) –> Click "Theme settings" –> Locate "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, seperated by the space.
Default currency:
Enter the currency you want to set the default for your store
In the theme editor(Customize) –> Click "Theme settings" –> Locate "Product Notification Popup"
Show live stream of products to your customers if anyone likes or bought product..
In the theme editor(Customize) –> Click "Theme settings" –> Locate "Quickview "
You can do settings for Banner , Logo , Main Content Area , Order Summary , Typography and Colors of Checkout Page
In the theme editor –> Select "Collections -> Default collection" from top dropdown menu -> Click Collection pages (section on right sidebar)
We have included several options for displaying the collection page, including the ones listed below.
There are many options and features available to customise the look of products(collection page).
Grid icons, a product count, and a filter dropdown that is displayed above all products on the collection page
Dynamic filters are supported with online store 2.0 theme. 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.
In dynamic filters, you do not need to go through that lengthy and time-consuming process of filter setup.
To Enable products filter on your store, follow below steps
|
There are 4 style you can display products filter. Display in Left Sidebar, Right Sidebar, Top Bar, Popup Box
From theme editor(Customize) –> Open the drop-down menu at the top of the page –> Collections –> Default collection
Click on Collection Pages section -> Click "Add block" -> Add "Filters Dynamic"
Click on "Filters Dynamic" block and you will see products filter options on right sidebar.
From theme editor(Customize) –> Open the drop-down menu at the top of the page –> Products –> Default product
From Left sidebar, Click on Product Tab -> click Add block
|
|
From Theme editor(Customize) –> Open the drop-down menu at the top of the page –> Products –> Default product
Click onRelated products section from left sidebar
From Theme editor(Customize) –> Open the drop-down menu at the top of the page –> Products –> Default product
Click on Recommended Products section from left sidebar
From Theme editor(Customize) –> 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
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
Step 1:
From your shopify store admin –> Click Products –> Click Add Product –>
Step 2:
Enter product title, add product images, add product tags, other details.
Now scroll down to Variants box and click on Add Variant
Step 3 (Optional) :
When you select Color Swatch style to display product swatches and products have 2 color to display as product swatch then add color images from Custom Color Sections.
From Theme editor(Customize) –> Scroll down to Custom Colors section -> Add Color
Product Pre-Order allows you to sale your items even if products are out of stock on your store.
Step 1 :
From your Shopify admin, click Products and select product you want to manage for pre order
Select "Continue selling when out of stock" and click save
Step 2 :
From your Shopify admin -> Click Settings –> Payments.
Find Payment capture Click on Manage button -> Select "Manually capture payment for orders." and click save.
From your store admin -> Click Online Store –> Locate Theme you want to edit and click on Edit defaul theme content
From the list of themes, click on the button with three dots for the theme you are working on. Click on Edit theme default content.
Here's a quick way to change some of the more commonly text or you can use other language
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.
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