• Go to Appearance -> Customize -> Front Page -> Static Frontpage and select Your Latest Posts.

• Go to Appearance -> Customize -> Front Page -> Front Page -> Slider.

• Note: Before adding new slides kindly clear all the existing slide fields (Slide Image, Slide Title, Slide Description, Slide Link and Slide Button).

How to manage home sections?

• Home page sections are based on pages, therefore you have to create a new page for every section. To create a page kindly go to Pages -> Add New.
• After creating pages go back to the customizer and assign pages to sections.
• Check below instructions:

• Go to Appearance -> Customize -> Front Page -> Home Sections.

• Below is the screen of Top Three Boxes "Edit Page"

• Below is the code of all home sections. Just Copy and Paste it in newly created page.

Home Section 1 Code:

• [courseproduct image="http://yourwebsite.com/wp-content/uploads/2016/11/prod1.jpg" title="BODY BUILDING CLASSES" description="TRAINED UNDER BEST TRAINERS" courseprice="$99/M" link="#"]
                            [courseproduct image="http://yourwebsite.com/wp-content/uploads/2016/11/prod3.jpg" title="YOGA & PILATES PROGRAM" description="WE COVER EVERYTHING" courseprice="$79/M" link="#"]
                            [courseproduct image="http://yourwebsite.com/wp-content/uploads/2016/11/prod2.jpg" title="AEROBICS CLASSES" description="EVERYONE LOVES TO DANCE" courseprice="$60/M" link="#"]

Home Section 2 Code:

• [columns size="2"] [/columns]
                            [columns size="2"]
                            [lefttitle text="Welcome to Fitness" textlast="Center" titlecolor="#ffffff" lastwordcolor="#8ecc3b"]
                            [clear]
                            [promobox6 bgcolor="#8ecc3b" bgopacity="0.1" leftbordercolor="#8ecc3b" button="START YOUR TRAINING TODAY" url="#"]
                            <p style="color:#8ecc3b;"><strong>TYPESETTING, REMAINING ESSENTIALLY UNCHANGED IT'S WAS POPULARISED</strong></p>
                            <p style="color:#ffffff;">With the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.</p>
                            <p style="color:#ffffff;">We approach our projects with strategic and creative thinking. We partner with our clients to create big ideas and digital experiences. And we spend each day doing so by sharpening the tools of the digital trade.</p>
                            [/promobox6]
                            [/columns]
                            [clear]

Home Section 3 Code:

• [centertitle text="Our" textlast="Classes" titlecolor="#ffffff" lastwordcolor="#8ecc3b"]
                            [clear]
                            <center style="color:#616161;">
                                CHECKOUT OUR FITNESS CLASSES
                              </center>
                            [space height="25"]
                            [ourclasses image="http://yourwebsite.com/wp-content/uploads/2016/11/heavy-weight.png" title="HEAVY WEIGHT CLASSES" description="Cras sed tellus  tellus lacinia convallis nec aligula nunc sit amet varius nulla Donec et felis tincidunt, aliquet enim  vehicula metusmauris." link="#"]
                            [ourclasses image="http://yourwebsite.com/wp-content/uploads/2016/11/indoor-cycling.png" title="INDOOR CYCLING CLASSES" description="Cras sed tellus  tellus lacinia convallis nec aligula nunc sit amet varius nulla Donec et felis tincidunt, aliquet enim  vehicula metusmauris." link="#"]
                            [ourclasses image="http://yourwebsite.com/wp-content/uploads/2016/11/bodybuilding.png" title="BODY BUILDING CLASSES" description="Cras sed tellus  tellus lacinia convallis nec aligula nunc sit amet varius nulla Donec et felis tincidunt, aliquet enim  vehicula metusmauris." link="#"]
                            [ourclasses image="http://yourwebsite.com/wp-content/uploads/2016/11/weight-loss.png" title="WEIGHT LOSS CLASSES" description="Cras sed tellus  tellus lacinia convallis nec aligula nunc sit amet varius nulla Donec et felis tincidunt, aliquet enim  vehicula metusmauris." link="#"]
                            [ourclasses image="http://yourwebsite.com/wp-content/uploads/2016/11/group-workout.png" title="GROUP WORKOUT" description="Cras sed tellus  tellus lacinia convallis nec aligula nunc sit amet varius nulla Donec et felis tincidunt, aliquet enim  vehicula metusmauris." link="#"]
                            [ourclasses image="http://yourwebsite.com/wp-content/uploads/2016/11/freestyle-training.png" title="FREESTYLE TRAINING" description="Cras sed tellus  tellus lacinia convallis nec aligula nunc sit amet varius nulla Donec et felis tincidunt, aliquet enim  vehicula metusmauris." link="#"]
                            [ourclasses image="http://yourwebsite.com/wp-content/uploads/2016/11/strength-training.png" title="STRENGTH TRAINING" description="Cras sed tellus  tellus lacinia convallis nec aligula nunc sit amet varius nulla Donec et felis tincidunt, aliquet enim  vehicula metusmauris." link="#"]
                            [ourclasses image="http://yourwebsite.com/wp-content/uploads/2016/11/boxing.png" title="BOXING TRAINING" description="Cras sed tellus  tellus lacinia convallis nec aligula nunc sit amet varius nulla Donec et felis tincidunt, aliquet enim  vehicula metusmauris." link="#"]

Home Section 4 Code:

• [ourteam col="4" show="4"]

• First Install Plugin qTranslate X from WordPress plugin.
• Used following code for making text translate ready : [:en]English Text[:de]Deutsch Text[:]
• Viewing in Dutch used website url : http://www.yourwebsiteurl.com/de/
• Viewing in English used website url : http://www.yourwebsiteurl.com/en/
• Check below screen shot for making slider translation ready.

Dutch Translated
English Translated

• Below steps will guide you how to set up header or top navigation.
• Kindly go to Appearance -> Menu -> Before moving on you have to create primary menu first and set theme location to primary menu please see the below screenshot

• Click on Appearance>Customize>Basic
• Basic
  
  • SITE LAYOUT
  • Site Layout Boxed
    
  
  • COLORS OPTIONS
  
  • Managed Following Under Color Options:
  • Site Background Color
    Site Background Image
    Site content Text Color
    Other Elements Background
    Other Elements Text Color
    Default Anchor Color
    Default Anchor Hover Color
    H1, H2, H3, H4, H5, H6 Color
    H1, H2, H3, H4, H5, H6 Hover Color
    Team Box Background Color
    Social Icon Bgcolor
    Social Icon Hover Bgcolor
    Testimonial Box Bgcolor
    Testimonial Pager Color
    Testimonial Active Pager Color
    Gallery Active Filter Bgcolor
    Skills Bar Background Color
    Skills Bar Text Color
    Post Title Color
    Sidebar Widgets Background Color
    Sidebar Widget Title Color
    Sidebar Widget Text Color
    Sidebar Widget Link Color
  • FONT TYPOGRAPHY
  
  • Managed Following Under Font Typography:
  • Site Content Font [family, subsets, size]
    H1, H2, H3, H4, H5, H6 [family, subsets, size]
    Turn All Headings to Uppercase
  • CUSTOM CSS
  
  • SITE IDENTITY
  

• Click on Appearance>Customize>Header
• Header
  • 
  • HEADER
  
  • We also use widget for top right and top left instead of customize header option.
  
  • SITE TITLE
  
  • SITE LOGO
  
  • HEADER LAYOUT
  

• First on custom field option from page & posts edit screen. if it is not on.

• Add embeded map, shortcode Or any video code in header instead of feauted image page & post header. create custom field with name "headercode" and put code in custom box.

• Click on Appearance>Customize>Footer
• Footer
  • 
  • FOOTER STYLE
  
  • FOOTER COLUMNS
  
  • We also use widget for each footer columns instead of customize footer columns options.
  
  • COPYRIGHT AREA
  

• Click on Appearance>Customize>Post & Page
• Post & Page
  • 
  • POSTS SETTINGS
  
  • SINGLE POST LAYOUT
  
  • PAGE HEADER SETTINGS
  • Page Header With Featured Image
  
  • If page have not assign featured image. so from page header settings have set background color or background image for header. also there is have hide page header option for hide header.
  
  • BLOG PAGE SETTINGS
  
  • CONTACT PAGE SETTINGS
  

• Click on Appearance>Customize>Sections Buttons
• Section Buttons
  • 
  • SECTION BLOCKS BUTTON
  

• Default Template
  • Helps in setting up the content on any page with Right Sidebar
• Page Left Sidebar
  • Helps in setting up the content on any page with Left Sidebar
• Page No Sidebar
  • Helps in setting up the content on any page No Sidebar
• Page Full Width
  • Helps in setting up the content on any page without Sidebar
• Contact Layout1 & Contact Layout2
  • Select page template for set contact page layout.
• Testimonials
  • Select testimonials template for showing all testimonials.

• Set up by using Page Template:

• Set up by using Page Template:

• Set up by using Page Template Blog on any page to show blog posts
• Blog Full Width, Blog Left Sidebar, Blog No Sidebar, Blog Right Sidebar page templates

• Go to Appearance->Widgets->Page Sidebar
• Go to Appearance->Widgets->Blog Sidebar
• Drag and Drop anythings you want also text widget drag and drop write thire anythings you want.

• All you need to do is go to that page after Log into WordPress dashboard. Scroll down and check the section: Discussion (if not able to see check above Screen Options to show Comments).
• Uncheck the box: Allow Comments and click on Update.
• If you want to remove comments sidewide on Pages use this plugin: “Disable Comments” https://wordpress.org/plugins/disable-comments/

• Go to Plugins -> Add New in the WordPress Admin panel
• Type WooCommerce is search box and click on search button
• Install and then Activate the plugin.
• It will ask whether to set up default pages. Kindly click on setting up default pages of the WooCommerce
• That’s it now you can go to shop page and check the default product.