Basic Configuration

Enable Customer Registration Form

To make the Top LInks on the Header works, you need to enable the customer registration first.

• Go to Admin Panel > Settings > Checkout

• Find the Customer Account section.

• Choose Account are optional.

Install Apps

To have the Product Reviews works, please install the Shopify app, called Product Reviews

View in Shopify App Store

Create a new product

Refer the Shopify guide

Add Product Countdown

This guide will show you how to display the countdown on the product image on the Homepage & Collection page and also, the product deal on the Product page.

1. Go to Product > Products > choose a product.

2. On Product Description box, in the top, insert the line below:

   [countdown]yyyy/mm/dd hh:mm:ss[/countdown]

   For example : [countdown]2017/12/10 10:30:00[/countdown]

   Here is an example on the Product Configuration :

   

Import/ Expoxt products

Refer the Shopify guide

Create a new collection

Refer the Shopify guide

Navigation, Menus and links

Refer the Shopify guide

Payment Methods

Refer the Shopify guide

Demo Default

Link to the Wood Demo 1 Site : Click Here

Menu & Slideshow Configuration

Mobile Menu & Navigation Menu

For the detail config, please refer the Menu guide by going to General > Theme Configuration > Menu Configuration by click here.

Top bar

Newsletter : This item is specially for the Newsletter function. You only have the option to change the item Name.

Add Content : It's freely to add as many items as you want. A item configuration has 3 options:

• Navigation title : Insert the name for the title.
• Icon : It supports the fontawesome icon here.
• Navigation link : Choose the navigation link that you created on Online Stores > Navigation.

Search by Category

There are 2 options to choose:

• Show all collection : The Category list on the search bar will show all the available collections.
• Manually select collection : If you choose this option, you will need to Add choice collection to show on the below section.

Category Menu

• Action Show Sub Menu : You can choose the way to display the sub-menu, by Hover or Click.
• Label : You can have 3 kinds of label. To use, please insert the Label name and choose the color.
  To display the label on the navigation title, insert the Label name on the option Navigation Label
• Navigation Content :
  
  

Demo Minimalism

Slideshow

For the detail config, please refer the Menu guide by going to General > Homepage Section Configuration > General Section by click here.

Footer Subscribe & Social

Demo Jewellery

Demo Fashion

Demo Electronics

Theme Configuration

Menu Configuration

General Information

Woodmart eCommerce provides powerful and most advanced menu, we're going to describe detailed instructions how to use this powerful menu features as our demo site.

Necessary Menu Settings

TO create the Menu for any Shopify theme, there are some necessary menu settings that you need to know.
Please refer the Shopify guide here.

Main Navigation (Desktop Menu)

Going to Customize theme > Sections > Main Navigation

Action Show Sub Menu : You can choose the way to display the sub-menu, by Hover or Click.

Label : You can have 3 kinds of label. To use, please insert the Label name and choose the color.
To display the label on the navigation title, insert the Label name on the option Navigation Label

Navigation Content :

Mega Dropdown

Mega Dropdown Blog

Classic Dropdown

Mobile Menu

Woodmart Shopify theme supports the customer to create the Advanced Mobile Menu with 2 tabs: Menu and Categories

• Menu tab : Set up by choosing the Navigation link list on Select Menu option.
• Categories tab : Set up directly by adding the content on Mobile Menu Configuration.

Labels

The Icon image will be displayed on the top - right of the top-level category. Woodmart theme supports the customer to have 6 types of labels

Collection Page Configuration

Basic Settings

This theme comes with a new collection page, which is more customizable & mobile-friendly. There are some areas you need to check:

1. Edit and Manage Collection in Products > Collections

2. Add and assign products to each collection, go to Products > Products

3. Go to: Customize theme > Collection Page to config filtering & set the column number in collection page.

4. Configure to show filter by attributes (color, size or manuafacture): Customize Theme > Collection Filtering.

5. Configure to show collection side-bar in collection page: Customize Theme > Collection Sidebar.

6. Configure to show collection side-bar collection in collection page: Customize Theme > Sidebar Bestseller Collection.

Categories Link

Categories Link Use? : Mark the checkbox if you want to display the Categories Link.

Show products count? : Mark the checkbox to show the Product Count below the Categories Name.
For example: showing 23 products below the Clocks Category.

Category Settings :

You have add MAX 6 categories.

There are 3 ways to upload the Category Icon

• Icon Image: Choose Yes if you want to change the produce images when hovering.

• SVG Icon: If set to Yes, shows product image with uploaded image's size ratio.

• Awesome Icon:

Collection Page

Go to Online Stores > Themes > Customize theme > General Settings > Collection Page

Page Heading Background

Collection page heading use? : Check if you want to show the Collection page heading.

There are 3 options to choose the page heading background.

• Background Color

• Background Image

• Use the Collection image (which was upload on Collection page configuration) by mark the checkbox Specify other image for particular page

Collection List Design

This option is used specifically for the All Colection page.

Alternative

Center Title

Collection Sidebar

Collection Filtering

This theme includes a new advanced filter called Collection Filtering.

Go to: Customize theme > Collection Page > Filtering then select Filter By Groups

Set up Collection Filtering

Understanding the structure of the filter:

There are many filter items (from now we called a filter item "filter" as abbreviation)

• To the image above, you can see there are 4 filters (Color, Size, Price, Brand)

• To each filter, there are many values. For instance, Color has its value: beige, black, blue, gray, green, pink, red, silver and yellow.

• When a value is selected, for instance "green", all products (in the collection) having "green" tag will be displayed.

• The filter Color is displayed in swatches by default.

• To each brand, there are many values. If i want to filter by brand "Adidas", all products (in the collection) having "Adidas" tag will be display.

Go to Customize theme > Collection Filtering

• Used: Choose if you want to show the filter.

• Heading: Add the title of the filter.

• Filters: Add the Filter Variants.

Go to Products > Products, choose a product and go to Tags Area

Note!

In Filters box, you MUST separate the variants by the comma ( , ) with NO SPACE.

The Tags must like EXACTLY the variant which you insert in Collection Filtering.

Product Page

Product Page Sections Configuration

Go to Online Stores > Themes > Customize theme > Sections > Product 360 View Gallery and Product page Tab.

Product 360 View Gallery

1. To add the 360 View funtion to the product, choose Add Images to gallery
   
2. Insert the Product Title and Chooset the product uses the funtion.
   

   For example, the product Eames Plastic Side Chair

   
3. Add the images. There are 25 images in total.
   For example, the product Eames Plastic Side Chair
   

Product page Tab

You can only add 1 Description tab, 1 Review tab, 1 Additional Tab and many Custom HTML tab

The Description tab content and Additional tab content are inserted on the Product description configuration.

The Additional tab content uses the [additional]...[/additional] to add.

Theme Settings > Product page

In this section, there are numberous options to config the Product Gage about Sidebar, Product Layout, Product Tab Layout, Size Chart, Product Swatches and Related Products.

Color Swatches

Swatches is a feature for products presenting how a product looks like in different colors & size. This also shows the relationship between your product size and stock..

Enable Color Swatches

Go to Customize Theme > Theme Settings tab > Product Page > Color Swatches

Settings

1. In the Admin Panel, go to Products > Products > Add a product or edit an existing

   product.

2. Add product details.

   Create different color, size or style variants (swatches) for product by clicking Add Variants

3. Add Images to Swatches: Upload the image to: Online Stores > Themes > ... >

   Edit HTML/CSS > Assets > Add New Asset > Upload a file

   
   

   Reminder!

   There's an important naming convention to respect here! The image must be named after the color option, be all lowercase, seperated by " - ", and have a .png extension.

Translation

Second Language

Enable Multi Language

Go to Online Stores > Themes > Customize theme > General Settings > General > Multi Language

Second Language

1. Go to Online Stores > Navigation, click Edit link list, then change the link name follow the structure: Lang 1 | Lang 2

   For example : Home | Domicile

2. Go to Product > Product list, then choose product:

   - Changing the product title follow the structure: Lang 1 | Lang 2

   - Changing the product content follow the structure: Page content Lang 1 [lang2] Page content Lang 2

3. Go to Online Stores > Theme > ... > Edit HTML/CSS

   - In folder Locales, create new locales, for example: name folder for French: fre.json

   - Copy the content of en.default.json to fre.json

   - In fre.json, please replace the text behind the : and inside " " to French.

   For example : "home": "Home",

   "home_link_title": "Back to the frontpage"

   =>> "home": "Domicile",

   "home_link_title": "Retour a Domicile"

   - After finishing, pls copy the content of fre.json and replace with the content in file lang2.js in folder Assets.

Footer

Footer Background

You can choose to use the Background Color or Background image for the Footer

Footer Copyright

Typography

About Typography

Font Family can be set (Google Fonts and Custom Fonts). Google Font Family has option to set one of many Google Fonts.

Both families has option for font size of 6 Heading types.

Go to Customize Theme > Typography

How to get a Google Web font name

Go to: https://www.google.com/fonts. Find your font in search field on the left hand

Click Quick-use button

Pages

Blog Page

How to create a Blog Post?

Go to Online Store > Blog Posts > Add Blog Post.

• Add the Title.

• Add the Content.

• Choose Add excerpt and insert image with original size if you want to show this image on the Blog Page.

  

• Add image in Featured Image to display the image as the thumbnail.

  

Blog Page Sidebar

Go to Online Store > Themes > Go to the blog page > Sections tab > Blog Sidebar.

Contact Page

Create the Contact page

Go to Online Stores > Page > Contact Page.

Settings

Go to Customize Theme > Contact Page.

About Me Page

Create the Contact page

Go to Online Stores > Page > About Me page.

Go to Customize theme > Theme Settings tab > About Me page.

Sample Content

About Name

My name is<br>- Steve Rogers.

About Content

<div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6 vc_col-md-6">
  <div class="vc_column-inner vc_custom_1500283497886">
    <div class="wpb_wrapper">
      <div class="wpb_text_column wpb_content_element  vc_custom_1500278336090 text-larger">
        <div class="wpb_wrapper">
          <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
        </div>
      </div>
    </div>
  </div>
</iv>
<div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6 vc_col-md-6">
  <div class="vc_column-inner ">
    <div class="wpb_wrapper">
      <div class="wpb_text_column wpb_content_element  vc_custom_1500278330561 text-larger">
        <div class="wpb_wrapper">
          <p>which don’t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn’t anything embarrassing hidden.</p>
        </div>
      </div>
    </div>
  </div>
</div>
                                                        

Landing Page

Create the Landing page

Go to Online Stores > Page > Landing page.

Go to Customize theme > Go to the Landing page > Sections tab > Landing Page

FAQs Page

Create the FAQs page

Go to Online Stores > Page > FAQs page.

Go to Customize theme > Go to the FAQs page > Sections tab > FAQs Page

FAQs Heading

Others

Frequently Asked Questions

Updating . . .

Support & Customization

Thanks for using Woodmarket Shopify Theme!

We would like to thank you for using Woodmarket Shopify Theme! We are very pleased you have chosen Woodmarket eCommerce for your website, we always provide best support for our customers, you can confirm it from our themeforest review rating - top 1 in themeforest!

If you have any difficulities with Woodmarket Shopify Theme or need any additional service, do not hesitate to contact us. We provide 24/7 Support!

Regarding presale questions and free support for theme usage, please contact us through themeforest support page. We will provide you amazing one-by-one email support and you will get answers more faster than you expected. We also provide support in weekends, but may require some more hours than normal working days.

Regarding customization service based on our themes or other Shopify related, please contact us to nicework125@gmail.com. We have an amazing team to provide customization service who have done bunch of customization projects so far, will provide you reasonable quote before start.

Free Support for Questions and Issues

Themeforest Support Page

(Obest)

Customization Service(additional cost)

nicework125@gmail.com

(OBest)

Change Log

Updating ...