• Log in to the WordPress Dashboard.
• Go to Appearance->Themes.
• Active Diet And Nutrition Pro themes.

• Unzip skt_shudh.zip to your Desktop.
• Using an FTP client to access your host web server. Go to /wp-content/themes/
• Upload theme to /wp-content/themes/.
• Go to Appearance->Themes and activate theme from Dashboard.

Note: All the required plugins for this theme must be installed and activated before importing demo content.

• Go to Tools -> Import
• Install and run WordPress importer.
• Download demo content zip or get the file from demo-content folder included in theme's zip.
• Right click on nutrition.zip extract and import xml file demo data
• Click on browse, select XML file and click on Upload file and import.
• You will be asked to map the authors in this export file to users on your website. For each author, you may choose to map to an existing user on your website or to create a new user.
• You will then have the choice to import attachments, so click on the "Download and import file attachments" box.
• Please be patient while WordPress imports all the content. Posts, Pages, Products, and Menus are imported. You will need assign the menu a theme location & you’ll need to configure widgets. This is a limitation of WordPress import system.

• Diet And Nutrition Pro theme is based on one page theme. Below steps will guide you how to set up navigation for each section.
• 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

• WordPress Admin -> Appearance -> Theme Options -> Homepage Slider Tab
• You can change Slider Effects and Timing.
• You can change Slider Effect.
• You can change Slider Animation speed.
• You can change Slider pause time.
• You can change Slide Controllers.
• You can change inner page banner default image.
• You can change home page default slider.
• You can change home page slider add any slider plugin shortcode .
• You can change Slider Hide/Show pager of slider.
• You can change Slider Pause Slide on Hover.
• You can change Slider Use any Slider Plugin add shortcode apperande >> theme options >> slider image tab (Use any slider shortcode) text erea.
• see screenshot below...

• WordPress Admin -> Settings -> Readings -> Your Latest Posts

• Kindly visit Appearance -> Theme Options -> Sections to Manage the homepage sections first and second select any pages.

• see screenshot below.

• 
• see screenshot below.

• Home Section Our Features
• Our Features section Manage from
• How to manage screenshot below.

• see screenshot below.
• shortcode:
• How to set Featured Projects see screenshot below
• [ourfeatures color="#ffffff" bordercolor="#ffffff" count="01." title="WEIGHT LOSS MOTIVATION" description="Aliquam sodales enim ut arcu semper consect. Praesent vehicula, nulla eu volutpat pellente, egestas sem erat vulputate ipsum " button="Read More" url="#" target="_self"] [ourfeatures color="#ffffff" bordercolor="#ffffff" count="02." title="CALORIE CALCULATOR" description="Aliquam sodales enim ut arcu semper consect. Praesent vehicula, nulla eu volutpat pellente, egestas sem erat vulputate ipsum " button="Read More" url="#" target="_self"] [ourfeatures color="#ffffff" bordercolor="#ffffff" count="03." title="YOUR PERSONAL DIET PLAN" description="Aliquam sodales enim ut arcu semper consect. Praesent vehicula, nulla eu volutpat pellente, egestas sem erat vulputate ipsum " button="Read More" url="#" target="_self" class="last"]

• Section
• Client Testimonail section Manage from Left Navigation -> Testimonials
• shortcode:[testimonial show="5"]

• see screenshot below how to manage.

• Section
• latest from our blog section Manage from Left Navigation -> Posts
• shortcode:[recentposts show="3"]
• latest post image size must be 370px/430px (width=370px and height=190px)
• Our Blog post come from wordpress default post

• see screenshot below how to manage.

• Our Pricing Section
• Our Pricing section Manage from

• shortcode:
• [pricing_table columns="4"] [price_column highlight="no"] [price_header]3-week program[/price_header] [price_row_large]$39[/price_row_large] [price_row]3 week membership[/price_row] [price_row]Scientifically-formulated program[/price_row] [price_row]Over 60 delicious recipes[/price_row] [price_row]Personalised higher protein plan[/price_row] [price_footer link="#1"]Sign Up Now[/price_footer] [/price_column] [price_column highlight="no"] [price_header]6-week program[/price_header] [price_row_large]$59[/price_row_large] [price_row]6 week membership[/price_row] [price_row]Scientifically-formulated program[/price_row] [price_row]Over 100 delicious recipes[/price_row] [price_row]Personalised higher protein plan[/price_row] [price_footer link="#2"]Sign Up Now[/price_footer] [/price_column] [price_column highlight="yes"] [price_header]Dietitian Plus[/price_header] [price_row_large]$299[/price_row_large] [price_row]1 Year membership[/price_row] [price_row]Scientifically-formulated program[/price_row] [price_row]Over 1000 delicious recipes[/price_row] [price_row]Personalised higher protein plan[/price_row] [price_footer link="#3"]Sign Up Now[/price_footer] [/price_column] [price_column highlight="no"] [price_header]12-week program[/price_header] [price_row_large]$149[/price_row_large] [price_row]12 week membership[/price_row] [price_row]Scientifically-formulated program[/price_row] [price_row]Over 300 delicious recipes[/price_row] [price_row]Personalised higher protein plan[/price_row] [price_footer link="#4"]Sign Up Now[/price_footer] [/price_column] [/pricing_table]

• Home Page Contact Section
• Contact section Manage from

• shortcode: [column_content type="one_half"] [space height="40"] <h3>CONTACT</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut commodo congue laoreet. Nullam cursus pretium nulla, non dictum magna tincidunt ut. </p> [contactform to_email="test@example.com" title="Contact Form"] [/column_content] [column_content type="one_half_last"]<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14021.571103953534!2d77.20157722109512!3d28.527911623244286!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390ce21e7d306d03%3A0x94b8ccb323d7648!2sMalviya+Nagar%2C+New+Delhi%2C+Delhi+110017!5e0!3m2!1sen!2sin!4v1468392660222" width="100%" height="630" frameborder="0" style="border:0" allowfullscreen></iframe>[/column_content]

• Section
• Client Logos section Manage from

• Client Logo image size must be 220px/120px (width=220px and height=120px)
• shortcode: [client_main][client image="http://www.example.com/wp-content/themes/skt_shudh/images/partner1.jpg" link="#"][client image="http://www.example.com/wp-content/themes/skt_shudh/images/partner2.jpg" link="#"][client image="http://www.example.com/wp-content/themes/skt_shudh/images/partner3.jpg" link="#"][client image="http://www.example.com/wp-content/themes/skt_shudh/images/partner4.jpg" link="#"][client image="http://www.example.com/wp-content/themes/skt_shudh/images/partner5.jpg" link="#"][/client_main]
• see screenshot below how to manage.

• Testimonials Section Manage from Appearance->Themes Options-> Section Tab -> Section

• Testimonial Shortcode: [testimonials] and [testimonials show="2"]

• Enter title, description and set the featured image for client thumbnail
• all client thumbnail size should be same in square
• How to add new testimonials see screenshot below

• See Video Tutorial For your information

• Our Team Section Manage from Appearance->Themes Options-> Section Tab -> Section

• Our Team Shortcodes: [ourteam show="3"]
• Paste this shortcodes where(page or posts) you want team section
• How to set team member see screenshot below

• Go to Dashboard find Our Team
• Click on add new button, enter team member name(title), Description and set featured images for thumbnail
• All images size(dimenation) should be same in vertical(exa.310px/335px)
• See Video Documentation for Details

• Photo Gallery Section Manage from

• Photo Gallery Shortcodes: [photogallery filter="true"]
• Paste this shortcodes where(page or posts) you want gallery section
• How to set Photo Gallery see screenshot below

• Go to Dashboard find Photo Gallery
• Click on add new button, enter Photo Gallery name(title), video and set featured images for thumbnail
• See Video Documentation for Details
Watch this video on how to setup Gallery

• Contact Us
  • Helps in setting up the contact page.

• WordPress Admin > Appearance > Theme Options > Tab Footer

• Log in to the WordPress Dashboard.
• Click on Appearance>Theme Options
• Basic Settings
  
  • Upload and set up Logo, Favicon
  • Change Font Family, font size, font colors, background color, Slider controls Colors
  • Change header background and opacity
  • Change navigation font family and font size
  • Change navigation hover and active color
  • Change Link and link hover color
  • Can Upload body background image or background color manage from custom option
• Sections
  • You can add content in the section for homepage.
• Homepage Slider
  • Can set inner page banner image default
  • Can set Slider Effects and Timing, Slide Controllers
• Footer
  
  • Can manage footer section from footer tab footer layout boxed 1column, 2column, 3column and 4column
  • Can manage footer section from footer tab
  • Can manage footet title, description, social links and contact detail info.
  • Can manage footer copyright text and theme by text.
• Shortcodes
  • All Shortcodes available Go to Appearance->Themes Option->Shortcode Tab see screenshot below...
  

• Default Template
  • Helps in setting up the content on any page with Right Sidebar
• Left Sidebar
  • Helps in setting up the content on any page with Left Sidebar
• No Sidebar
  • Helps in setting up the content on any page No Sidebar
• Full Width
  • Helps in setting up the content on any page without Sidebar

• 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->Pages Sidebar
• Go to Appearance->Widgets->Blog Sidebar
• Go to Appearance->Widgets->Footer change first column
• Go to Appearance->Widgets->Footer change second column
• Go to Appearance->Widgets->Footer change three column
• Go to Appearance->Widgets->Contact page template sidebar widgets
• Go to Appearance->Widgets->Footer change four column
• 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.

• Go to Appearance-> Background.
• You can set any image or color as background.
• You can see the background preview on the same setting page.
• Click on Save Changes.
• See screenshot below...

• Appearance -> Theme Options -> Footer tab
• see screenshot below...
• footer Latest post shortcode: [footerposts show="2" cat=" your cat ID " excerptlength="10" readmore="Read More"]

• Shortcode:
  [social_area]
  [social icon="facebook" link="#"]
  [social icon="twitter" link="#"]
  [social icon="linkedin" link="#"]
  [social icon="pinterest" link="#"]
  [social icon="google-plus" link="#"]
  [social icon="youtube" link="#"]
  [social icon="wordpress" link="#"]
  [social icon="flickr" link="#"]
  [social icon="skype" link="#"]
  [/social_area]
• Can manage social icons font size, color and hover color from Appearance -> Theme Options -> Basic Settings tab
• Note: Icon name should be in lowercase without space.(exa.facebook) More social icons can be found at: http://fortawesome.github.io/Font-Awesome/icons/

• 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
How To Set Multilingual see below video

• First create a new page/post and scroll down a little to see if there is a meta box called featured images on the right hand side of the screen

• See video documenation for featured image : https://www.youtube.com/embed/310YGYtGLIM?list=PLu-rbI5wLChHyGiODN2uVkkR6XAxP1i7x