• Log in to the WordPress Dashboard.
• Go to Appearance->Themes.
• Active Spectacles pro themes.

• Unzip skt-spectacles.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 toystore.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.

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

• Slider Below Services section manage from  Appearance->Themes Options-> Section Tab -> Section

• Theme Services Shortcode:
  [area_row] [ourservices boxbgimage="ADD IMAGE URL HERE" firstword="For" title="Women’s" link="#" color="#ffffff"] [ourservices boxbgimage="ADD IMAGE URL HERE" firstword="For" title="Men’s" link="#" color="#ffffff"] [ourservices boxbgimage="ADD IMAGE URL HERE" firstword="For" title="Kid’s" link="#" color="#ffffff"] [/area_row]

• Recent Products section manage from  Appearance->Themes Options-> Section Tab -> Section

• Theme New Collection and Popular In Store Shortcode:
  [newproduct filter="false" show="4" buttonname="ADD TO CART"]
  [newproduct filter="true" show="-1" buttonname="ADD TO CART"]

• Highlight Product section manage from  Appearance->Themes Options-> Section Tab -> Section

• Theme Shortcode:
  [area_row] [columns size="3"] [highlight_product bgcolor="#f8f8f8" image="ADD IMAGE URL HERE" title="ELEGANT AND IN STYLE!" description="Complete your look with exclusive brands" button="" link=""] [highlight_product bgcolor="#f8f8f8" image="ADD IMAGE URL HERE" title="YOUR FRESH LOOK!" description="The hottest spring styles" button="" link=""] [/columns] [columns size="5"] [highlight_product bgcolor="#f8f8f8" image="ADD IMAGE URL HERE" title="Get the hottest styles at 70% off!" description="Save your eyes from sunbeams in summer" button="SHOP NOW!" link="#shop"] [/columns] [clear][/area_row]

• Brand New Eyewear section manage from  Appearance->Themes Options-> Section Tab -> Section

• Theme Shortcode:
  <div class="men-goggles"><span>Brand New</span><h2>Eyewear!</h2><p>Designed with your total eyewear experience in mind</p>[readmore-link align="left" button="SHOP NOW!" links="#"]</div>

• New Arrivals section manage from  Appearance->Themes Options-> Section Tab -> Section

• Theme Shortcode:
  [newproduct filter="false" show="12" addtocart=""]

• Our Brand Section Manage from Appearance->Themes Options-> Section Tab -> Section
Shortcode:
[client_slider][client image="ADD YOUR IMAGE URL HERE" link="#"][client image="ADD YOUR IMAGE URL HERE" link="#"][client image="ADD YOUR IMAGE URL HERE" link="#"][client image="ADD YOUR IMAGE URL HERE" link="#"][client image="ADD YOUR IMAGE URL HERE" link="#"][client image="ADD YOUR IMAGE URL HERE" link="#"][client image="ADD YOUR IMAGE URL HERE" link="#"][client image="ADD YOUR IMAGE URL HERE" link="#"][/client_slider]
• Note: Upload images from media library copy that image src and paste in client image place

• Latest Blog Section Manage from Appearance->Themes Options-> Section Tab -> Section

• latest news post manage from wordpress default post
• Click on add new post. give the title, description and set the featurd image from right side.
• Shortcode: [latestposts show="2"]
• also manage latest posts Excerpt limit from theme options -> basic settings

• SERVICES Section Manage from Appearance->Themes Options-> Section Tab -> Section
Shortcode:
[area_row] [services icon="ADD IMAGE URL HERE" title="Free Delivery" description="Covering all 50 US states, we will deliver everything we have in stock completely free of charge!" button="READ MORE" link="#link1"] [services icon="ADD IMAGE URL HERE" title="Discounts Club" description="Many people shop with us every day, so we’ve decided to create a complimentary discounts club!" button="READ MORE" link="#link2"] [/area_row]
• Note: Upload images from media library copy that image src and paste in client image place

• Why Choose Us section manage from  Appearance->Themes Options-> Section Tab -> Section

• Theme Featured Shortcode:
  [chooseus_main] [chooseus title="Special Offers" icon="diamond" color="#474646" link="#" ]shop big save big[/chooseus] [chooseus title="Free Delivery" icon="shopping-cart" color="#474646" link="#"]on orders above $99[/chooseus] [chooseus title="30 days return" icon="thumbs-o-up" color="#474646" link="#"]policy we offer[/chooseus] [chooseus title="fastest shipping" icon="rocket" color="#474646" link="#" class="last"]2 days express[/chooseus] [/chooseus_main]
• Note: Use icon of font awesome for theme featured icon.(exa. icon="diamond") use any icon instead of diamond

• Go to Appearance -> Theme Options -> Basic Settings Tab

• Go to Appearance > in the WordPress menu
• If You Want Create new menu
• Click on Create a new menu link
• Give a name to your menu in Menu Name and click Create Menu button
• Now choose the pages, categories, custom links from the left side of your screen by selecting the checkbox and click on Add Menu
• Click Save Menu after adding required pages, categories in the menu

• Log in to the WordPress Dashboard.
• Click on Appearance>Theme Options
• Basic Settings
  
  • Upload and set up Logo
  • Change Font Family, font size, font colors, background-image, background color, border colors, Slider controls Colors
  • Change navigation font family and font size
  • Change navigation hover and active color
  • Change Link and link hover color
  • Can manage Blog Single Layout
  • Can manage Woocommerce Page Layout
  • Can Manage Custom Excerpt Length
  • Can Manage Read More Button Text
• Sections
  • You can add content in the section for homepage.
• Homepage Slider
  • Can set Slider Effects and Timing, Slide Controllers
  • Ability to set up to 10 slider images
• Footer
  • Can manage footer section from footer tab
  • Can manage footet title, description, and contact detail info.
  • Can manage footer copyright text and theme by text.

• 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 Slider Hide/Show Direction Naviagtion of slider.
• You can change Slider Hide/Show pager of slider.
• You can change Slider Pause Slide on Hover.
• Can Use another Slider Plugin instead of Main Slider
• 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
• Full Width
  • Helps in setting up the content on any page without Sidebar
• No Sidebar
  • Helps in setting up the content on any page without Sidebar in center
• Contact Us
  • Helps in setting up the contact page.

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

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

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

Footer Menu

• Creat Footer menu like that main menu
• Footer menu manage from Go to Appearance->Menus
• Click on Create a new menu link
• Give a name to your menu in Menu Name exa. Footer Menu and click Create Menu button
• Now choose the pages, categories, custom links from the left side of your screen by selecting the checkbox and click on Add Menu
• Select the footer menu
• Click Save Menu after adding required pages, categories in the menu
• See screenshot below...

• Also footer can Manage from widget
• Footer widget all ready created like that Footer Widget 1, Footer Widget 2, Footer Widget 3, Footer Widget 4

• Photo Gallery Section Manage from Appearance->Themes Options-> Section Tab -> Section 6
• Shortcode: [photogallery filter="true"]
• How to Manage Photogallery see screenshot below

• All gallery images size should be same
• See Video Tutorial For how to manage photo gallery

• Client Testimonials Section Manage from Appearance->Themes Options-> Section Tab -> Section 6
• Shortcode: [testimonials]

• 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

• All Shortcodes available Go to Appearance->Themes Option->Shortcode Tab see screenshot below...

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

• Go to Dashboard Below the Photo Gallery
• 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.270px/310px)
• See Video Documentation for Details

• 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 below video documenation for featured image

• Shortcode:
  [social_area]
  [social icon="facebook" link="#"]
  [social icon="twitter" link="#"]
  [social icon="linkedin" link="#"]
  [social icon="google-plus" link="#"]
  [social icon="instagram" link="#"]
  [social icon="youtube" link="#"]
  [social icon="pinterest-p" link="#"]
  [social icon="rss" 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/