Installation

Installation is easy and quick.

We recommended you to read Shopify Manual to have clear idea about all the aspects of theme customization

Install Theme

1. Extract all zip files from downloaded package "belle-package". Now log in to your Shopify store and go to the Online Store. Now click on Upload Theme and upload the Belle-home-vX.zip file (vx i.e different demo number) included with this package. Diffrent demo packages included in this package. i.e belle-home-1, belle home-2... You can select any demo

   

2. By Default your uploded theme is unpublished. Another theme is runing in your store. Now to publish uploded theme click on Publish Theme

   

3. Quick video on how to install theme
   

Install App

1. Product Review app [Free]

   To enable Product Review in your site, please install this app: Product Reviews App

2. How to install app?

   Log in to your shopify store, Now click on any above url(Given App Url). This will open app in new tab, There you will find green Get button. Click on button

   

   Now Click on Install App button.

   

Theme Configuration

Enable Customer Registration Form

1. Go to: Settings >> Checkout

   

Set up shipping rates

1. Go to: Settings >> Shipping

   

Currency Settings

1. Go to Store Admin >> Settings >> General

   

2. Scroll down to Standards and formats section and click on Change formatting link

   

3. Update these fields

   HTML With currency to Copy Line

   HTML without currency to Copy Line

Navigation

This section will help you how to have some collections and products added in your store.

Here are some links that will help you to have clear idea about how to setup your new store
Before you create store navigation, take a look at how to create collections.

• How to create a collection
• How to create a smart collection
• How to create a product and add it to a collection

• How to add links to the main menu navigation
• How to create a new menu
• How to create a dropdown menu

Create New Menu and Collection

1. Create a link list of collections in menu

   Go to: Online Stores >> Navigation >> Select Add Menu button

   

   

Create and set megamenu, dropdown or simple navigation links

1. 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.

   
   

2. Add Home Link :

   Click on Add content >> Home Link

   Click on save button

3. Add Single Page Link :

   Click on Add content >> Single Link

   Here you can add label which will display above link .i.e Sale,new,deal..

4. Add Dropdown :

   Click on Add content >> Dropdown menu

   Same as above. Here you can select dropdown menu you created so far from Navigation Setting

   

5. Add Megamenu :

   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

   
   

   Note: Within this megamenu settings 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 >> 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.

   

Product Metafields

By default, Shopify does not allow you to add new custom field for product. So with BELLE 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

1. Product Video

   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

   

2. Product Short Description

   namespace: meta
   key: short_des
   value: add html here

   

   

3. Product Countdown

   namespace: meta
   key: countdown
   value: date in (mm/dd/yyyy) format

   

   

4. Product Size Chart

   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"

How to add Product Video thumbnail, Product Short Description and Size chart(Any graphic) per product ?

By default, Shopify does not allow you to add new custom field for product. So with belle we will help you 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

For Video

You need define metafield name like this and in value, you need enter youtube video link

Now you can see product video on product detail page

Short Description (Optional)

Product Countdown

Size Chart Image Per Product (Optional)

If you don't upload this graphic, global graphic will appear in tabs (same graphic for all products) which you can add from customization section >> Product detail Settings

Product Page

Settings

Add Product Video thumbnail, Product Short Description and Size chart(Any graphic) per product, Product Countdown ?

By default, Shopify does not allow you to add new custom field for product. So with NexGeek we will help you 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

Add Video

You need define metafield name like this and in value, you need enter youtube video link

Now you can see product video on product detail page

Add Short Description (Optional)

Meta: meta
Key: short_des
value: Text or HTML code

Add Graphic Per Product (Optional)

If you don't upload this graphic, global graphic will appear in tabs (same graphic for all products) which you can add from customization section >> Product detail Settings

Add Product Countdown

How to allow pre-orders for products?

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 Products.

   2. Click the name of the product you want to make available for pre-order.

   3. In the Theme templates sidebar section, change product to product.pre-order:

      

   4. Check Allow customers to purchase this product when it's out of stock:

      

   5. Click Save.

Product Variants

There are many styles to display product swatches

• Color Swatches
• Image Swatches
• Variant Images
• Simple Dropdown Style

Checkout all the possible style for product variants

1. 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

   

2. 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'

   

Translations

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

Theme Support

If you have any questions, please Feel free to submit a ticket at http://www.adornthemes.com/support/. We are happy to help you!