Quantcast
Channel: MagenTech Documentation Area
Viewing all articles
Browse latest Browse all 239

SW Love Fashion

$
0
0
This guide will help you install SW Love Fashion themes step by step.

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

3INSTALLATION – 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:

YA Top Widget

  • Title – Allow to add title for this widget
  • Template – We support 3 templates for your choice:
    • Login – Register
    • MiniCart
    • Search
    • Text
  • Advanced Options – Support 3 options for your advance
    • Widget Style – Support some available styles for choosing
    • Widget Display – Allow to choose language will show widget
      • eng(english)
      • ar(arabic)
    • Widget Display – Allow to choose pages will show widget
      • All – The widget will be shown on pages that contains widget’s sidebar
      • Except on selected – Allow to choose pages that don’t want to show widget
      • Only on selected – Allow to choose pages that want to show widget

Frontend will be shown as HERE

4.2.2 YA Top Header Widget – Top Header postion

Text

  • Title – Allow to input arbitrary text or custom HTML

Frontend will be shown as HERE

Code Custom HTML of Text :

<div class="box-contact-email-phone pull-left">
    <a href="#" class="email-contact">Email: contact@lovefashion.com</a>
    <p class="hotline">Hotline:0989-374-987</p>
</div>

4.2.3 Language Selector – Top Menu position

 

Language Selector

  • Widget Style – Support some available styles for choosing
  • Widget Display – Allow to choose language will show widget
    • eng(english)
    • ar(arabic)
  • Widget Display – Allow to choose pages will show widget
    • All – The widget will be shown on pages that contains widget’s sidebar
    • Except on selected – Allow to choose pages that don’t want to show widget
    • Only on selected – Allow to choose pages that want to show widget
  • User – Allow to be shown for user pages (login/ not login)
  • General – Allow to be shown on general pages as: blog, tag, 404, archive page…
  • Taxonomy slug – Allow to be shown on category taxonomy pages (you can choose many taxonomies and separate them by “,” mark). Valued: category, product_cat
  • Post type – Allow to be shown on Post type, archive post type. Note for product page
    • Post detail page – post type is post.
    • Product archive page – post type is product.
    • Single product page – post tyle is product_detail.
  • Category ID – Allow to be shown on Pages that has choosen category ID. You can separate them by “,” mark
  • Posts ID – Allow to be shown on Pages that has choosen post ID. You can separate them by “,” mark
  • Menu – Allow to be shown on choosen menus

Frontend will be shown as HERE

4.2.4 WooCommerce Currency Converter – Top Menu position

WooCommerce Currency Converter

  • Title – Allow to input title of currency
  • Currency Codes – Allow user to choose a currency for prices to be displayed in
  • Widget Style – Support some available styles for choosing
  • Widget Display – Allow to choose language will show widget
    • eng(english)
    • ar(arabic)
  • Widget Display – Allow to choose pages will show widget
    • All – The widget will be shown on pages that contains widget’s sidebar
    • Except on selected – Allow to choose pages that don’t want to show widget
    • Only on selected – Allow to choose pages that want to show widget

Frontend will be shown as HERE

4.2.5 Text – Banner position

 

Text

  • Title – Allow to input arbitrary text or custom HTML
  • Widget Style – Support some available styles for choosing
  • Widget Display – Allow to choose language will show widget
    • eng(english)
    • ar(arabic)
  • Widget Display – Allow to choose pages will show widget
    • All – The widget will be shown on pages that contains widget’s sidebar
    • Except on selected – Allow to choose pages that don’t want to show widget
    • Only on selected – Allow to choose pages that want to show widget
  • User – Allow to be shown for user pages (login/ not login)
  • General – Allow to be shown on general pages as: blog, tag, 404, archive page…
  • Taxonomy slug – Allow to be shown on category taxonomy pages (you can choose many taxonomies and separate them by “,” mark). Valued: category, product_cat
  • Post type – Allow to be shown on Post type, archive post type. Note for product page
    • Post detail page – post type is post.
    • Product archive page – post type is product.
    • Single product page – post tyle is product_detail.
  • Category ID – Allow to be shown on Pages that has choosen category ID. You can separate them by “,” mark
  • Posts ID – Allow to be shown on Pages that has choosen post ID. You can separate them by “,” mark
  • Menu – Allow to be shown on choosen menus

Frontend will be shown as HERE

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.

Revolution Slider

    • Title – Allow to input title of slider
    • Choose Slider – Allow to select slider
    • Home Page Only – Allow to only display on Home Page
    • Widget Style – Support some available styles for choosing
    • Widget Display – Allow to choose language will show widget
      • eng(english)
      • ar(arabic)
    • Widget Display – Allow to choose pages will show widget
      • All – The widget will be shown on pages that contains widget’s sidebar
      • Except on selected – Allow to choose pages that don’t want to show widget
      • Only on selected – Allow to choose pages that want to show widget

Frontend will be shown as HERE

4.2.7 Text – Banner position

Text

  • Title – Allow to input arbitrary text or custom HTML
  • Widget Style – Support some available styles for choosing
  • Widget Display – Allow to choose language will show widget
    • eng(english)
    • ar(arabic)
  • Widget Display – Allow to choose pages will show widget
    • All – The widget will be shown on pages that contains widget’s sidebar
    • Except on selected – Allow to choose pages that don’t want to show widget
    • Only on selected – Allow to choose pages that want to show widget

Frontend will be shown as HERE

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

Category

  • Category ID – Allow to select Category ID
  • Order by – Allow to order by following field:
    • ID
    • Name
    • Author
    • Date
    • Title
    • Modified
    • Parent
    • Rand
    • Comment Count
  • Order – Ascending/Descending
  • Number of Posts – Number of post will be shown (default: 8 posts)
  • Excerpt Length (in words) – Limited Text (default: 25 words)
  • Control button position: – Allow to set control button position: Top/Bottom
  • Interval – Interval of each slide (default: 8000 ms)
  • Speed – Speed of each slide
  • Stop when hover – When mouse over on slideshow, it will stop if this field Yes and not stop if No.

Frontend will be shown as HERE

4.2.9 Text – Above Content position

Text

  • Title – Allow to input arbitrary text or custom HTML
  • Widget Style – Support some available styles for choosing
  • Widget Display – Allow to choose language will show widget
    • eng(english)
    • ar(arabic)
  • Widget Display – Allow to choose pages will show widget
    • All – The widget will be shown on pages that contains widget’s sidebar
    • Except on selected – Allow to choose pages that don’t want to show widget
    • Only on selected – Allow to choose pages that want to show widget

Frontend will be shown as HERE

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

Category

  • Category ID – Allow to select Category ID
  • Order by – Allow to order by following field:
    • ID
    • Name
    • Author
    • Date
    • Title
    • Modified
    • Parent
    • Rand
    • Comment Count
  • Order – Ascending/Descending
  • Number of Posts – Number of post will be shown (default: 8 posts)
  • Excerpt Length (in words) – Limited Text (default: 25 words)
  • Control button position: – Allow to set control button position: Top/Bottom
  • Interval – Interval of each slide (default: 8000 ms)
  • Speed – Speed of each slide
  • Stop when hover – When mouse over on slideshow, it will stop if this field Yes and not stop if No.

Frontend will be shown as HERE

4.2.11 Text – Above Content position

Text

  • Title – Allow to input arbitrary text or custom HTML
  • Widget Style – Support some available styles for choosing
  • Widget Display – Allow to choose language will show widget
    • eng(english)
    • ar(arabic)
  • Widget Display – Allow to choose pages will show widget
    • All – The widget will be shown on pages that contains widget’s sidebar
    • Except on selected – Allow to choose pages that don’t want to show widget
    • Only on selected – Allow to choose pages that want to show widget

Frontend will be shown as HERE

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

YA Featured Products

  • Title – Allow to add title for this widget
  • Template – Support a default template for widget
  • Number of Posts – Number of post will be shown (default: 4 posts)
  • Widget Style – Support some available styles for choosing
  • Widget Display – Allow to choose language will show widget
    • eng(english)
    • ar(arabic)
  • Widget Display – Allow to choose pages will show widget
    • All – The widget will be shown on pages that contains widget’s sidebar
    • Except on selected – Allow to choose pages that don’t want to show widget
    • Only on selected – Allow to choose pages that want to show widget

Frontend will be shown as HERE

4.2.13 YA Our Blog – Above Content position

YA Our Blog

  • Title – Allow to add title for this widget
  • Template – Support a default template for widget
  • Number of Posts – Number of post will be shown (default: 4 posts)
  • Widget Style – Support some available styles for choosing
  • Widget Display – Allow to choose language will show widget
    • eng(english)
    • ar(arabic)
  • Widget Display – Allow to choose pages will show widget
    • All – The widget will be shown on pages that contains widget’s sidebar
    • Except on selected – Allow to choose pages that don’t want to show widget
    • Only on selected – Allow to choose pages that want to show widget

Frontend will be shown as HERE

4.2.14 SW Testimonial Slider Widget – Above Content position

SW Testimonial Slider

    • Title – Allow to add title for this widget
    • Order by – Allow to order by following field:
      • ID
      • Name
      • Author
      • Date
      • Title
      • Modified
      • Parent
      • Rand
      • Comment Count
    • Order – Ascending/Descending
    • Number of Posts – Number of post will be shown (default: 9 posts)
    • Excerpt Length (in words) – Limited Text (default: 30 words)

Frontend will be shown as HERE

4.2.15 SW Partner Slider Widget – Above Content position

SW Partner Slider

    • Title – Allow to add title for this widget
    • Order by – Allow to order by following field:
      • ID
      • Name
      • Author
      • Date
      • Title
      • Modified
      • Parent
      • Rand
      • Comment Count
    • Order – Ascending/Descending
    • Number of Posts – Number of post will be shown (default: 10 posts)
    • Excerpt Length (in words) – Limited Text (default: 25 words)

Frontend will be shown as HERE

4.2.16 Text – Above Footer

Text 
  • Title – Allow to input arbitrary text or custom HTML

Frontend will be shown as HERE

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

Text

  • Title – Allow to input arbitrary text or custom HTML

Frontend will be shown as HERE

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

Customer Service 
  • Title – Allow to add title for this widget
  • Select Menu – Allow to select menu
  • Widget Style – Support some available styles for choosing
  • Widget Display – Allow to choose language will show widget
    • eng(english)
    • ar(arabic)
  • Widget Display – Allow to choose pages will show widget
    • All – The widget will be shown on pages that contains widget’s sidebar
    • Except on selected – Allow to choose pages that don’t want to show widget
    • Only on selected – Allow to choose pages that want to show widget

Frontend will be shown as HERE

4.2.19 Information – Footer position

Customer Service 
  • Title – Allow to add title for this widget
  • Select Menu – Allow to select menu
  • Widget Style – Support some available styles for choosing
  • Widget Display – Allow to choose language will show widget
    • eng(english)
    • ar(arabic)
  • Widget Display – Allow to choose pages will show widget
    • All – The widget will be shown on pages that contains widget’s sidebar
    • Except on selected – Allow to choose pages that don’t want to show widget
    • Only on selected – Allow to choose pages that want to show widget

Frontend will be shown as HERE

4.2.20 My Account – Footer position

Customer Service 
  • Title – Allow to add title for this widget
  • Select Menu – Allow to select menu
  • Widget Style – Support some available styles for choosing
  • Widget Display – Allow to choose language will show widget
    • eng(english)
    • ar(arabic)
  • Widget Display – Allow to choose pages will show widget
    • All – The widget will be shown on pages that contains widget’s sidebar
    • Except on selected – Allow to choose pages that don’t want to show widget
    • Only on selected – Allow to choose pages that want to show widget

Frontend will be shown as HERE

4.2.21 Newsletter – Footer position

Newsletter 
  • Title – Allow to add title for this widget
  • Select Menu – Allow to select menu
  • Widget Style – Support some available styles for choosing
  • Widget Display – Allow to choose language will show widget
    • eng(english)
    • ar(arabic)
  • Widget Display – Allow to choose pages will show widget
    • All – The widget will be shown on pages that contains widget’s sidebar
    • Except on selected – Allow to choose pages that don’t want to show widget
    • Only on selected – Allow to choose pages that want to show widget

Frontend will be shown as HERE

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

Text 
  • Title – Allow to add title for this widget
  • Select Menu – Allow to select menu
  • Widget Style – Support some available styles for choosing
  • Widget Display – Allow to choose language will show widget
    • eng(english)
    • ar(arabic)
  • Widget Display – Allow to choose pages will show widget
    • All – The widget will be shown on pages that contains widget’s sidebar
    • Except on selected – Allow to choose pages that don’t want to show widget
    • Only on selected – Allow to choose pages that want to show widget

Frontend will be shown as HERE

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

Text 
  • Title – Allow to add title for this widget
  • Select Menu – Allow to select menu
  • Widget Style – Support some available styles for choosing
  • Widget Display – Allow to choose language will show widget
    • eng(english)
    • ar(arabic)
  • Widget Display – Allow to choose pages will show widget
    • All – The widget will be shown on pages that contains widget’s sidebar
    • Except on selected – Allow to choose pages that don’t want to show widget
    • Only on selected – Allow to choose pages that want to show widget

Frontend will be shown as HERE

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!


Viewing all articles
Browse latest Browse all 239

Trending Articles