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 [email protected].
We will reach out to you very soon.
Don't have store yet? You can send an email on [email protected]. We will create Development store for you with unlimited trial time. You can Transfer ownership when store is ready to launch.
Extract/Unzip all files from downloaded package. Find "belle-install-me.zip" file. This is Home 1 Classic demo zip file. Install this zip file on your shopify store.
You will also find Demo Preset folder which contains preset/data files for other home skins/demos, User guide file and read me text file.
Store Admin -> Online Store -> Themes
To use and install other premade Home skins, Go to "Demo Preset" folder which you downloaded from themeforest.
( All you need to do is copy all data from one preset file and paste it in theme settings_data.json file which is explain below)
In this Folder, You will see preset files for different skins for Belle. Please select preset file and open with Chrome browser or text editor. Select ALL and COPY. ( You need to copy all data from this file)
Now Go to Belle theme which you just uploaded. Click Action –> Edit Code
Select and Remove all content from this file. Now paste copied preset data. ( Preset data you copied in Step 5) And Click Save.
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 1. Download theme package from Themeforest. https://themeforest.net/downloads
Step 2. Extract/Unzip all files from downloaded package. Find “belle-install-me-shopify2.0.zip” file. This is theme default demo zip file. You need to install this file on your shopify store.
Step 3. Logging into your Shopify store and Navigate to Themes and Click on Upload theme button. Click here
Step 4. To publish new theme click on Actions –> Publish.
Step 1. Follow above step 1 to step 3
Step 2. Now go to “Demo Preset Shopify 2.0” folder which 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 5. In Preset folder, You will see folders for all available skins. Please open any skin folder which 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 6. Now Go to Belle theme which you just uploaded. Click Action –> Edit Code
Step 7. Find Templates folder and open index.json file.
Step 8. 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 9. Find Config folder and open settings_data.json file.
Step 10. 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. To publish new theme click on Actions –> Publish.
Please do follow below required settings on your store.
Go to Store Admin -> Settings -> Checkout
Find Customer accounts, Select Accounts are optional and click Save
Go to Store Admin –> Settings –> General
Scroll down to Store currency block and click on Change formatting link
Update these fields
HTML With currency to
HTML without currency to
Go to: Online Stores -> Navigation -> Select Add Menu button
Preview of Single link menu
Online Store –> Customize –> Main Navigation –> Add block –> Add Single Links This is very easy. Set Link Name and Select Menu Link. Repeat this steps for all menu items you want to display.
Preview of dropdown menu
Online Store –> Customize –> Main Navigation –> Add block –> Add Dropdown Menu Set Link Name, Menu Link and Select Dropdown Menu
Preview of Megamenu Simple
Online Stores -> Navigation -> Add Menu with Sub Menu Items As display below ( below screenshot is only for reference )
Online Store –> Customize –> Main Navigation –> Add block –> Add MM Simple 
Preview of Megamenu Products
Online Store –> Customize –> Main Navigation –> Add block –> Add MM Products 
Preview of Megamenu Top Image Columns
Online Stores -> Navigation -> Add Menu with Sub Menu Items
Go to Online Store –> Customize –> Sections –> Main Navigation –> Add block –> Add MM Top Image Columns
Preview of Megamenu Links with Image
Online Stores -> Navigation -> Add Menu with Menu Items (Without Sub menu item)To use this megamenu, you need to create simple Menu with menu items. as shown in below screenshot
Go to Online Store –> Customize –> Main Navigation –> Add block –> MM Links with Image
Set Link Name, Menu Link, Select Menu and Select Columns
Display Custom HTML - You can put html code here
Go to Online Store –> Customize –> Main Navigation –> Add block –> MM Custom HTML
Go to Online Store –> Customize –> Main Navigation
Set Manu Label 1 to Menu Label 5 as required
Set menu labels with main menu items
Set menu labels with sub menu items
Online Stores -> Navigation -> Select Menu --> Click on Menu items
You can create as many CMS pages as you want. Here is the link which help you to create pages.
We have created below premade template using section.
Go to: Online Stores –> Pages –> Click Add page:
Add contact page detail from Contact page Section
Go to Online Store –> Customize –> Select Contact Page from top dropdown menu –> Contact Page
To add/edit contact field, please follow below guide:
Online Stores –> Pages –> Click Add page: Add About details from :
Online Stores –> Customize theme –> Select About Us from top dropdown menu –> About Page
Select style and add details here
Online Stores –> Pages –> Click Add page: Add FAQs details from :
Online Stores –> Customize theme –> Select FAQs Page from top dropdown menu –> FAQ Page
Select style and add details here
Online Stores –> Pages –> Click Add page: Online Stores –> Customize theme –> Scroll down to Theme Settings --> General Settings Online Stores –> Pages –> Click Add page: Add lookbook pictures from :
Customize theme –> Select Lookbook page (Page you created in step 2) from top dropdown menu –> Lookbook
Online Stores –> Pages –> Click Add page: Add lookbook pictures and select products from :
Customize theme –> Select Lookbook Shop page (Page you created in step 2) from top dropdown menu –> Lookbook Shop
Follow below url to create blog page
Go to: Online Stores –> Customize theme –> Blog from top dropdown menu –> Blog Pages
Go to: Online Stores –> find theme –> click customize –> Scroll down to Theme settings –> Header
Start customizing header as per your needs. Please have a look on headers on demo store to get idea what header style you can set.
Go to: Online Stores –> find theme –> click customize –> Scroll down to Footer
Start customizing footer as per your needs. Please have a look on footer on demo store to get idea what footer style you can set.
Settings and Options
Sections allows user to easily add or move content on their store with just a few clicks. You can preview your changes in real-time in either desktop or mobile view
There are 28 Sections availables to use for home page as well as for inner pages. You can add,update,reorder and delete any sections any time as per your requirements.
Go to Online Store –> Customize –> Add Section –> Products Columns
Go to Online Store –> Customize –> Add Section –> Products Rows
Section Preview
Settings and options
Go to Online Store –> Customize –> Add Section –> Products Slider
Section Preview
Settings and options
Go to Online Store –> Customize –> Add Section –> Single Product
Section Preview
Settings and options
Go to Online Store –> Customize –> Add Section –> Tabs + Products Slider
Section Preview. Click here to view more Tab styles.
Settings and options
Go to Online Store –> Customize –> Add Section –> Collection Banners Masonry
Section Preview Click here to view more styles. You would like it for sure :)
Settings and options
Go to Online Store –> Customize –> Add Section –> Collection Carousel or List
Section Preview. Click here to view more styles.
Settings and options
Go to Online Store –> Customize –> Add Section –> Collection Carousel or List
Section Preview.
Settings and options
Go to Online Store –> Customize –> Add Section –> Grid Banners
Section Preview. Click here to view all grid style.
Settings and options
Go to Online Store –> Customize –> Add Section –> Image Slideshow
You can display image slideshow without image crops anywhere on your store home page. (Display image only not text)
Go to Online Store –> Customize –> Add Section –> Lookbook Shop
Section Preview. Click here to view more grid style
Settings and options
Go to Online Store –> Customize –> Add Section –> Parallax Banner
Section Preview. Click here to view more style
Settings and options
Go to Online Store –> Customize –> Add Section –> Slideshow
Section Preview.
Settings and options
Go to Online Store –> Customize –> Add Section –> Store Info.
Section Preview.
Go to Online Store –> Customize –> Add Section –> Rich Text Block
Go to Online Store –> Customize –> Add Section –> Testimonials
Section Preview.
Go to Online Store –> Customize –> Add Section –> Text Line
Section Preview.
Go to Online Store –> Customize –> Add Section –> Instagram
Section Preview.
Go to Online Store –> Customize –> Add Section –> Instagram Shop
Section Preview.
Go to Online Store –> Customize –> Add Section –> Newsletter
Section Preview.
Go to Online Store –> Customize –> Add Section –> Video
You can display youtube, vimeo or mp4 videos. Display mp4 video with overlay text.
There are some options for mp4 video as below
1) Display autoplay mute video. Autoplay will work for both Desktop and Mobile
2) Display autoplay video with sound and play/pause controls. Autoplay will not work on mobile with sound. Please add video from below section to use this option
Go to Online Store –> Customize –> Add Section –> Custom content –> Video
Video section preview
Go to Online Store –> Customize –> Add Section –> Blog List
Section Preview.
Go to Online Store –> Customize –> Add Section –> Logo List
Section Preview.
Go to Online Store –> Customize –> Add Section –> Map
Section Preview.
Go to Online Store –> Customize –> Add Section –> Custom Block
Section Preview.
Go to Online Store –> Customize –> Add Section –> Custom Masonry Block
Section Preview.
Go to: Online Stores –> Themes –> Customize theme –> Scroll down to Themes Settings
Global product grids's settings. These settings will be overwrite by individual section's settings
Go to: Online Stores –> Themes –> Customize theme –> Scroll down to Themes Settings -> Product Page
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
Show live stream of products to your customers if anyone likes or bought product..
Newsletter Popup Preview
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
You can do settings for Banner , Logo , Main Content Area , Order Summary , Typography and Colors of Checkout Page
Go to Online Store –> Customize –> Select Collection Pages from top dropdown menu –> Collection Pages
We have included lots of options to display Collection Page.
So you can choose your own style for Collection Page. 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, Popular products, Static text block and Promotion banner. Product filters worked on product tags. So carefully enter product tags at both side. ( Explained in detail at Product Filters section)
Settings & Options
Collection Page Right Content
You have multiple choice for page
Configure some other options for products from
Online Store –> Customize –> Theme Settings –> Products Grid
Product Filtering is built using 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.
Go to Online Store –> Customize –> Scroll down to "Custom Colors"
Add all custom colors to be used for product filters. i.e. Sage, Olive Green, Camel etc...
Go to Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Collections –> Default collection
Add Filter by section title and Filter tags. Select Swatch Size and Swatch Style from dropdown.
Go to Products -> Select Product -> Scroll down to "Tags" block.
In Tags sections, Start adding same tags that you enter in sidebar text block. (You need to assing Only product relavant tags. Tags are different for each products.)
Add Filter By Title and Filter tags
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.)
Now 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.
Now 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
|
|
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.
Go to Online Stores –> Click Customize –> Open the drop-down menu at the top of the page –> Products –> Default product
|
|
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
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
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
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
Store Admin –> Products –> Add Product –> 
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.
Go to Store Admin –> Customize –> Scroll down to Custom Colors section -> Add Color
Please read full shopify article here which is very well written : Allow Product Pre-Order
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.
From your Shopify admin, go to Settings –> Payment providers.
Select Manually capture payment for orders:
Allow products for pre-order
In the Theme templates sidebar section, change product to product.pre-order:
Check Allow customers to purchase this product when it's out of stock:
Step 1 : Go to your products, Add one product and give name of your choice
Step 2 : Now, Go to: Online Stores -> Navigation -> Select Add Menu button
Step 3 : Now, Go to: Online Stores -> view this product live on your store.
Go to: Online Stores –> Themes –> Click Edit language:
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.