• WordPress Admin -> Appearance -> Customize -> FRONT PAGE -> STATIC FRONTPAGE -> Your Latest Posts

• WordPress Admin -> Appearance -> Customize -> FRONT PAGE -> SLIDER
• Under Heading "Slider Font Typography & Colors" manage slide title, description, button font-family, color, and font-size.

• When you add new slide instead of default so first removed all slides field data Slide Image, Slide Title, Slide Link, Slide Button than add your new slides data.

How to Manage Home Sections ?

• First Create Page For Each Sections. Eg: For "Home Section One" Add Page "Top Three Boxes"...
• So for add new Page under admin pannel click on "Pages" in top left navigation. than click on "Add New".
• After add pages back on customizer pannel and choose page for section.
• Check Below Steps:

• WordPress Admin 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:

• [service pattern="boxpattern-2" icon="fa-truck" title="Ground Shipping" readmore="READ MORE →" url="#"]Phasellus ut nunc leo. Integer mollis elit. Fusce a est massa. Vestibulum a iaculis tellus. Quisque volutpat[/service]
  
  [service pattern="boxpattern-2" icon="fa-plane" title="Air Delivery" readmore="READ MORE →" url="#"]Phasellus ut nunc leo. Integer mollis elit. Fusce a est massa. Vestibulum a iaculis tellus. Quisque volutpat[/service]
  
  [service pattern="boxpattern-2" icon="fa-ship" title="Sea Delivery" readmore="READ MORE →" url="#" lastbd="no"]Phasellus ut nunc leo. Integer mollis elit. Fusce a est massa. Vestibulum a iaculis tellus. Quisque volutpat[/service]

Home Section 2 Code:

• [columns size="2"]<img src="ADD IMAGE URL HERE" />[space height="20"]<div style="color:#888888; line-height:24px;"> Morbi gravida ligula sit amet odio luctus tincidunt. Maecenas dictum risus tempor [clear] arcu porta, in viverra dui porta. Nam ut nibh quis justo sollicitudin cursus vel [clear] mattis. Praesent id purus sed purus ullamcorper mollis vitae dictum lectus.</div>[readmore align="left" button="READ MORE" icon="long-arrow-right" links="#" margintop="4%" target="_parent" color="#222222" bgcolor=""][/columns][columns size="2"]<strong style="color:#aaaaaa; ">ABOUT US</strong>[space height="5"][lefttitle text="THE MAIN FEATURES" titlecolor="#222222" seperatorcolor=""][space height="35"][aboutme icon="ADD IMAGE URL HERE" title="Event of the year" description="Maecenas in ultricies justo. Proin id velit sem. Nunc ornare non urna ornare efficitur vestibulum ut sollicitudin sapien..." url="#" target="self"][aboutme icon="ADD IMAGE URL HERE" title="Online Registration" description="Maecenas in ultricies justo. Proin id velit sem. Nunc ornare non urna ornare efficitur vestibulum ut sollicitudin sapien..." url="#" target="self"][aboutme icon="ADD IMAGE URL HERE" title="Live Videos" description="Maecenas in ultricies justo. Proin id velit sem. Nunc ornare non urna ornare efficitur vestibulum ut sollicitudin sapien..." url="#" target="self"][/columns]

Home Section 3 Code:

• <strong style="color:#aaaaaa; text-align:center; display:block;">OUR SERVICES</strong>
  [space height="5"]
  [centertitle text="WHAT WE CAN DO FOR YOU" titlecolor="#222222" seperatorcolor=""]
  [space height="35"]
  						
  [columns size="5"]				
  [logisticsbox image="'ADD IMAGE URL HERE" title="TRANSPORTATION" description="Maecenas in ultricies justo. Proin id veli ornare non urna ornare..." url="#" target="self"]
  [logisticsbox image="ADD IMAGE URL HERE" title="LOGISTICS" description="Maecenas in ultricies justo. Proin id veli ornare non urna ornare..." url="#" target="self"]
  [logisticsbox image="ADD IMAGE URL HERE" title="PACKAGE & STORAGE" description="Maecenas in ultricies justo. Proin id veli ornare non urna ornare..." url="#" target="self"]
  [logisticsbox image="ADD IMAGE URL HERE" title="WAREHOUSING" description="Maecenas in ultricies justo. Proin id veli ornare non urna ornare..." url="#" target="self"]
  [logisticsbox image="ADD IMAGE URL HERE" title="CARGO" description="Maecenas in ultricies justo. Proin id veli ornare non urna ornare..." url="#" target="self"]
  [logisticsbox image="ADD IMAGE URL HERE" title="DOOR - DOOR DELIVERY" description="Maecenas in ultricies justo. Proin id veli ornare non urna ornare..." url="#" target="self"]
  [/columns]

Home Section 4 Code:

• 						<strong style="color:#aaaaaa; text-align:center; display:block;">FROM THE BLOG</strong>[space height="5"][centertitle text="LATEST NEWS" titlecolor="#222222" seperatorcolor=""][space height="35"][posts-style4 show="3" cat="" excerptlength="" readmore=""]
  

Home Section 5 Code:

• <div class="columns-2">
  [lefttitle text="REQUEST A QUOTE" titlecolor="#222222" seperatorcolor=""]
  <strong style="color:#888888; text-align:left; display:block;">Fill in the form below and we will get back to you ASAP.</strong>
  [space height="20"]
  
  [contact-form-7 id="2878" title="Request A Quote"]
  </div>

  Contact Form 7 Create form and Use This Code

  [text* your-name placeholder 'Your Name']
  [text your-subject placeholder 'Subject']
  [email* your-email placeholder 'Your Email']
  [tel* your-phone placeholder 'Phone Number']
  [textarea your-message placeholder 'Message']
  [checkbox* checkbox-38 id:GetLatestNew "Get Latest News"]
  [submit "SEND REQUEST"]

Home Section 6 Code:

• [client url="#" image="'.get_template_directory_uri().'/images/client-logo-1.jpg"]
  [client url="#" image="'.get_template_directory_uri().'/images/client-logo-2.jpg"]
  [client url="#" image="'.get_template_directory_uri().'/images/client-logo-3.jpg"]
  [client url="#" image="'.get_template_directory_uri().'/images/client-logo-4.jpg"]
  [client url="#" image="'.get_template_directory_uri().'/images/client-logo-5.jpg"]		

• 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.
  
  • FOOTER INFO BOX
  
  • 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.