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 easy and quick.
We recommended you to read Shopify Manual to have clear idea about all the aspects of theme customization
Download theme package from Themeforest. https://themeforest.net/downloads
Extract/Unzip all files from downloaded package. Find "belle-install-me.zip" file. This is theme classic demo zip file. You need to 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.
Logging into your Shopify store and Navigate to Themes and Click on Upload theme button : 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.
You can watch below video for theme installation which is from other theme. Theme and its name is different but installation steps are same for both theme
To enable Product Review in your site, please install this app: Product Reviews App
To enable Loox Product Review, please install this app: click here to get this app
To enable multiple language on your store, please install this app: click here to get this app
Read this well written app article to enable multilangular store.
Grow sales with loyalty & rewards, reviews, wishlist, and UGC.
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.
Go to: Settings >> Checkout
Go to: 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: Online Stores >> Navigation >> Select Add Menu button
Set Navigation/Menu Labels,i.e Sale, new, hot...etc
You can set up to 5 diffrent labels. If you want to display label New then append [label1] to navigation links
for sale append [label2], for hot append [label3]. You can use your own lable text.
You can change above label text from
Online Stores >> Themes >> Customize theme >> Theme Settings >> General Options >> Scroll down to "PRODUCT LABELS"
Online Stores >> Themes >> Customize theme >> Sections >> Header >> Scroll down to NAVIGATION >> Click on Add content >> Home Link
Online Stores >> Themes >> Customize theme >> Sections >> Header >> Scroll down to NAVIGATION >> Click on Add content >> Single Link
Here you can add label which will display above link .i.e Sale,new,deal..
Online Stores >> Themes >> Customize theme >> Sections >> Header >> Scroll down to NAVIGATION >> Click on Add content >> Dropdown menu
Same as above. Here you can select dropdown menu you created so far from Navigation Setting
Online Stores >> Themes >> Customize theme >> Sections >> Header >> Scroll down to NAVIGATION >> Click on Add content >> Select any from Style 1,Style 2,Style 3, style 4, style 5
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. 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
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.
Megamenu Style 5
For megamenu style 5 you wll need to upload image with the same name as menu items name from Settings=>Files
Preview of Megamenu Products
Go to Online Store –> Customize –> Sections –> Header –> Add content –> Megamenu Products
Note: You can also create mega menu like this : click here Other Style for megamenu
Now let' see how to create multi-level drop-down for megamenu
For example: If you want to display megamenu for "Clothing" as shown below
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Header >> Scroll down to NAVIGATION Add Menu
Add menu items in menu as shown below and click save
Now to add Menu links for Women, 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 help you to create custom pages.
Go to: Online Stores >> Pages >> Click Add page:
Click Save Button
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 Stores >> Pages >> Click Add page:
Click Save Button
Go to: Online Stores >> Themes >> Customize theme >> Sections (Now click FAQs from menu appearing on right side) >> FAQ Page
You can add Faqs here
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
Go to: Online Stores >> Themes >> Customize theme >> Sections (Now click Lookbook from menu appearing on right side) >> Lookbook Page
You can select any one style either Lookbook 1 or Lookbook 2
Go to: Online Stores >> Pages >> Click Add page:
Click Save Button
Follow below url to create blog page
How to create a blog and write an article
Go to: Online Stores >> Themes >> Customize theme >> Sections (Now click Blog from menu appearing on right side) >> 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
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
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 Collection Page, Blog Pages and many more..
Go to: Online Stores >> Themes >> Customize theme >> Sections
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Header
General Settings >> Color
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Footer
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Slideshow
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
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Collection Banners Masonry
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Collection Columns With Products
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Collection Horizontal List
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Collection Tabs with Products
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Products Slider
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Product Rows
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Single Product
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Image Gallery
There are 5 styles for image gallery.
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.
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Image with text overlay
Section height:
You can manage section height - Small, Medium, Large
Text size:
You can manage text size - Medium, Large
Some other settings
General Settings >> Color : Settings for text,overlay and opcaity
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Text Columns With Images
Section height:
You can manage section height - Small, Medium, Large
Text size:
You can manage text size - Medium, Large
Some other settings
General Settings >> Color : Settings for text,overlay and opcaity
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Testimonials
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Logo list
Go to Online Store –> Customize –> Sections –> Add Sections –> Add content –> Instagram Shop
Section Preview.
Go to Online Store –> Customize –> Sections –> Add Sections –> Add content –> Lookbook Shop
Section Preview. Click here to view more grid style
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Instagram
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Store Features
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Blog
Go to: Online Stores >> Themes >> Customize theme >> Sections >> Map
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
Note: Customize theme's settings and appearance from here
Go to: Online Stores >> Themes >> Customize theme >> General Settings
Now you can customize below
Set Shipping Message here
Set Shipping Estimated Time Read more in detail
Set Font Family, Font Style, Font Size and Font Weight 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 blank
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
Go to Store Admin >> Online Store >> Customize >> Select Collection Pages from top dropdown
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)
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)
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 bottom and click on Add Content. 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 both. Your store products and sidebar block 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
Now, Go to: Online Stores >> Navigation >> Select Add Menu button
Product Title must be same as product handle
You can add multiple products for group products as shown above
Now go to your store product and view group products live
The metafields object allows you to store additional information for products in your store.
We have used metafields for the following in our theme.
First Install Metafields Guru App. It’s a free app. Click here to install
Now go to products and click on Edit Metafields -> and Create Metafields
key: video
namespace: meta
value: youtube url
You need to 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
key: short_des
namespace: meta
value: add html here
key: countdown
namespace: meta
value: date in (mm/dd/yyyy) format
key: sizechart
namespace: meta
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"
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.
Settings >> Payment providers. Select Manually capture payment for orders:
From your Shopify admin, go to Products.
Click the name of the product you want to make available for pre-order.
In the Theme templates sidebar section, change product to product.pre-order:
Go to Online Store –> Customize –> Select Product Pages(from top Dropdown menu) –> Recommended Products
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: 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
If you have any questions, please Feel free to submit a ticket at http://www.adornthemes.com/support/. We are happy to help you!