Table of content as following:
1 SYSTEM REQUIREMENT – Back to top
At the basic level, this theme will require the following conditions:
- Compatible with WordPress 3.9.x
Installation Packages include:
- Quickstart Package
- Theme package only
- Plugin packages are developed by Magentech
2LAYOUT POSITION – Back to top
There are two ways to install a WordPress theme:
- Install quickstart: By using this package, you will set the theme exactly as our Demo with sample data. This is applied when you need a fresh WordPress with our theme.
- Install theme and Plugins: This is applied when you have already installed a WordPress instance on your server. You will need only be using the zipped files in “plugins” and “theme” folders mentioned above.
3.1 Install with Quickstart Package:
Step 1: Extract Quickstart package to your folder >> htdocs >> xampp if you’re using localhost. Or upload all files after extracting as this image if you’re using a hosting server.
Step 2: Move the directory content into your browsers and start installation. The initial WordPress installation screen will notify you that the configuration file is unavailable. Click Create Configuration File button to create it.
Step 3: You need to setup database if you haven’t got. You can refer the guide how to create a new database and new username for WordPress. Then Let’s Go!
Step 4: Input the WordPress database connection details. With using localhost, you can type the username and password as below:
Step 5: Run the installation and edit needed information as following:
Step 6: Complete installation
Step 7: Log in your account and discover the new theme
3.2 Install with SW Theme
Firstly, Login your administrator, go to Appearance >> Add New >> Upload Theme >> Click Choose File to install
After theme installation succeed, click to Activate the theme.
3.3 Install Plugins
In administrator, go to Plugins > Add New > Upload plugins as the same with Install Theme above. Then, don’t forget to activate plugins that were installed by going to Plugins > Installed Plugins . Please click HERE to view details the activated plugins.
4CONFIGURATION – Back to top
4.1 How to Configure Theme Options
Let’s go to Appearance > Theme Options for configuration.
General
Navbar Options
Layout
Typography
Social share
Advanced
4.2 How to Configure Widgets
Let’s go to Appearance >> Widgets!
You can drag widgets/plugins in the list from left to positions on your right as follow image
4.2.1 YA Top Widget – Top position
Let’s look at the parameters in detail:
4.2.2 YA Top Header Widget – Top Header postion
4.2.3 Language Selector – Top Menu position
4.2.4 WooCommerce Currency Converter – Top Menu position
4.2.5 Text – Banner position
Code Custom HTML of Text:
<div class="box-topadv"> <div class="row"> <div class="col-lg-3 col-md-3 col-sm-3 border-right"> <div class="item-image"> <img alt="The Framewodk" src="[bloginfo show="wpurl" filter="raw"]/wp-content/themes/sw_lovefashion/assets/img/home-adv1.png" /> </div> <div class="item-content"> <p>Free Shipping Item</p> <div>Lorem ipsum dolor amet consectetur </div> </div> </div> <div class="col-lg-3 col-md-3 col-sm-3 border-right"> <div class="item-image"> <img alt="The Framewodk" src="[bloginfo show="wpurl" filter="raw"]/wp-content/themes/sw_lovefashion/assets/img/home-30.png" /> </div> <div class="item-content"> <p>30 days free return</p> <div>Lorem ipsum dolor amet consectetur </div> </div> </div> <div class="col-lg-3 col-md-3 col-sm-3 border-right"> <div class="item-image"> <img alt="The Framewodk" src="[bloginfo show="wpurl" filter="raw"]/wp-content/themes/sw_lovefashion/assets/img/home-dolor.png" /> </div> <div class="item-content"> <p>CASH ON DELIVERY </p> <div>Lorem ipsum dolor amet consectetur </div> </div> </div> <div class="col-lg-3 col-md-3 col-sm-3"> <div class="item-image"> <img alt="The Framewodk" src="[bloginfo show="wpurl" filter="raw"]/wp-content/themes/sw_lovefashion/assets/img/home-phone.png" /> </div> <div class="item-content"> <p>Call Us : + 0123.4567.89 </p> <div>Lorem ipsum dolor amet consectetur </div> </div> </div> </div> </div>
4.2.6 Revolution Slider – Banner position
Please click HERE to view Video Guide for Revolution Slider Plugin.
4.2.7 Text – Banner position
Code Custom HTML of Text :
<div class="box-collection-adv"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 ad-banner"> <a href="#"> <img alt="The Framewodk" src="[bloginfo show="wpurl" filter="raw"]/wp-content/themes/sw_lovefashion/assets/img/advtop.png" /> <div> </div> </a> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 ad-banner"> <a href="#"> <img alt="The Framewodk" src="[bloginfo show="wpurl" filter="raw"]/wp-content/themes/sw_lovefashion/assets/img/advarmani.png"/> <div> </div> </a> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 ad-banner"> <a href="#"> <img alt="The Framewodk" src="[bloginfo show="wpurl" filter="raw"]/wp-content/themes/sw_lovefashion/assets/img/adv2013.png"/> <div> </div> </a> </div> </div> </div>
4.2.8 SW Woo Tab Slider widget – Above Content position
4.2.9 Text – Above Content position
Code Custom HTML of Text :
[row class="banner-middle"] [col large="6" medium="6" small="6" xsmall="6"] <a href="#"><img src="wp-content/themes/sw_lovefashion/assets/img/banner-middle1.png" alt=""/></a> [/col] [col large="6" medium="6" small="6" xsmall="6"] <a href="#"><img src="wp-content/themes/sw_lovefashion/assets/img/banner-middle2.png" alt=""/></a> [/col] [/row]
4.2.10 SW Woo Tab Slider widget – Above Content position
4.2.11 Text – Above Content position
Code Custom HTML of Text :
<div class="banner-bottom"> <a href="#"><img src="wp-content/themes/sw_lovefashion/assets/img/banner-bottom.png" alt=""/></a> </div>
4.2.12 YA Featured Products – Above Content position
4.2.13 YA Our Blog – Above Content position
4.2.14 SW Testimonial Slider Widget – Above Content position
4.2.15 SW Partner Slider Widget – Above Content position
4.2.16 Text – Above Footer
Code Custom HTML of Text :
<iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d12115.383347876632!2d-74.15808441541529!3d40.611224869164325!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!4v1412591637859" width="100%" height="310" frameborder="0" style="border:0"></iframe> <div class="bottom-map"> <div class="container"> <div class="bottom-contact"> <div class="bottom-contact-content contact-location clearfix"> <div class="contact-left"> <span>[icon name="icon-map-marker"]</span> </div> <div class="contact-right"> Address : No 40 Baria Sreet 133/2 NewYork City, NY, United States </div> </div> <div class="bottom-contact-content contact-email clearfix"> <div class="contact-left"> <span>[icon name="icon-envelope-alt"]</span> </div> <div class="contact-right"> Email : <a href="mailto:support@lovefashion.com">support@lovefashion.com</a> </div> </div> <div class="bottom-contact-content contact-phone clearfix"> <div class="contact-left"> <span>[icon name="icon-mobile-phone"]</span> </div> <div class="contact-right"> <p>Phone 1 : 0123456789</p> <p>Phone 2 : 0123456789</p> </div> </div> </div> </div> </div>
4.2.17 Text – Above Footer
Code Custom HTML of Text :
<div class="box-left-contacus"> <div class="contact-us-footer"> <img alt="The Framewodk" src="[bloginfo show="wpurl" filter="raw"]/wp-content/themes/sw_lovefashion/assets/img/[colorset]/contaclogo.png" /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p> </div> </div>
4.2.18 Customer Service – Footer position
4.2.19 Information – Footer position
4.2.20 My Account – Footer position
4.2.21 Newsletter – Footer position
Code Custom HTML of Text :
<div class="box-newsletter-footer"> <p>Sign up for style tips news and an exclusive offer</p> [contact-form-7 id="497" title="newsletter"] <div class="social"> <span class="social-title">Follow Us: </span> <a href="http://www.facebook.com/SmartAddons.page">[icon name="icon-facebook"]</a> <a href="https://twitter.com/smartaddons">[icon name="icon-twitter"]</a> <a href="http://www.linkedin.com/in/smartaddons">[icon name="icon-linkedin"]</a> <a href="http://feeds.feedburner.com/smartaddons/news-announcements">[icon name="icon-rss"]</a> </div> </div>
4.2.22 Text – Footer Copyright position
Code Custom HTML of Text :
<div class="list-method"> <a href="#"> <img src="wp-content/themes/sw_lovefashion/assets/img/pm-wepay.png" alt="The Framewodk"> </a> <a href="#"> <img src="wp-content/themes/sw_lovefashion/assets/img/pm-martercart.png" alt="The Framewodk"> </a> <a href="#"> <img src="wp-content/themes/sw_lovefashion/assets/img/pm-alink.png" alt="The Framewodk"> </a> <a href="#"> <img src="wp-content/themes/sw_lovefashion/assets/img/pm-paypal.png" alt="The Framewodk"> </a> <a href="#"> <img src="wp-content/themes/sw_lovefashion/assets/img/pm-visa.png" alt="The Framewodk"> </a> </div>
4.2.23 Text – Floating position
Code Custom HTML of Text :
<div class="social-fixed"> <div class="list-social"> <div class="item-social item-facebook"> <ul class="table-item"> <li class="ic-social"><a target="_blank" href="http://www.facebook.com/SmartAddons.page" title="Facebook"></a></li> <li class="text-social"><a target="_blank" href="http://www.facebook.com/SmartAddons.page" title="Facebook">Facebook</a></li> </ul> </div> <div class="item-social item-rss"> <ul class="table-item"> <li class="ic-social"><a target="_blank" href="http://feeds.feedburner.com/smartaddons/news-announcements" title="RSS Feed"></a></li> <li class="text-social"><a target="_blank" href="http://feeds.feedburner.com/smartaddons/news-announcements" title="RSS Feed">RSS Feed</a></li> </ul> </div> <div class="item-social item-twiter"> <ul class="table-item"> <li class="ic-social"><a target="_blank" href="https://twitter.com/smartaddons" title="Twitter"></a></li> <li class="text-social"><a target="_blank" href="https://twitter.com/smartaddons" title="Twitter">Twitter</a></li> </ul> </div> <div class="item-social item-tumblr"> <ul class="table-item"> <li class="ic-social"><a target="_blank" href="#" title="Tumblr"></a></li> <li class="text-social"><a target="_blank" href="#" title="Tumblr">Tumblr</a></li> </ul> </div> <div class="item-social item-google"> <ul class="table-item"> <li class="ic-social"><a target="_blank" href="https://plus.google.com/u/0/+Smartaddons/posts" title="Google Plus"></a></li> <li class="text-social"><a target="_blank" href="https://plus.google.com/u/0/+Smartaddons/posts" title="Google Plus">Google Plus</a></li> </ul> </div> </div> </div>
4.3 How to Create Menu
SW Love Fashion supports for new WordPress menu system to manage your main menu items.
Please go to Appearance >> Menus and follow step by step as below image
5SUPPORT – Back to top
Thank you so much for purchasing this theme. If you have any questions that are beyond the scope of this help file, please send us via: Support Tickets System
Thanks so much!