SW G2shop

View demoMore detail

1GETTING STARTED

1.1 Introduction

First of all, I would like to thank you for purchasing this theme. We’ve put in lots of love in developing this wordpress theme and are excited that you’ve chosen this theme for your website. We hope you find it easy to use our theme. This documentation guides you through the main features of the theme and guides you how to use and customize the theme.

1.2 System Requirements

At the basic level, this theme will require the following conditions:

  • Apache 2.x or Microsoft IIS 7
  • PHP 5.3.x
  • MySQL 5.0.4 or higher
  • WordPress 3.9+, 4.0+

Recommended PHP Configuration Limits: Many issues you may run into such as; white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can contact with your web host and ask them to increase those limits to a minimum or You can do this on your own by finding php.ini file in your root directory as follows:

  • max_execution_time 360
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M

2INSTALLATION

2.1 Files Structure

At first, you need to download the package about my computer and then unzip the package. The Main Files Gives You All The Content Listed Below

  • Theme folder – Contains the sw_g2shop_theme_v1.0.0.zip file and sw_g2shop-child-theme.zip WordPress Theme. The child theme is only for users who make code changes.
  • Data folder – Contains the sample_data.xml file and widget.wie file.

2.2 Theme Installation

You can install the theme in two ways: through WordPress, or via FTP.

Note: If the theme file size is larger than 8M, please upload to FTP (File Transfer Protocol).

2.2.1 Theme Via FTP Installation

  • Extract themename_version.zip.
  • Load your FTP client, such as FileZilla.
  • Upload the themename_version folder to the /wp-content/themes directory.
  • In the left menu sidebar, go to Appearance >> Themes.
  • Click Activate underneath the themeai??i??s named section.

2.2.2 Theme Via WordPress Admin Panel Installation

Step 1 – Open the wp-admin panel (navigate through web browser to the folder where you have installed the WordPress e.g (www.your_domain.com/wp-admin/).

Step 2 – Login to your WordPress Dashboard and navigate to Appearance >> Themes. At the top of the page click the Add New button.

Step 3 – Click the Upload Theme button >> Choose File in Import from your computer section. Navigate to previously zipped theme package and open theme installator folder: Select your ai??? sw_g2shop_theme_v1.0.0.zipai??? file and click Install Now.

Step 4 – The uploading process will be started. You will see the message that Theme installed successfully.

Step 5 – After the installation you will be able to activate the theme to do this click the “blue” activation link.

Step 6 – Select “Create static front page = No” and press “Save Changes” to complete the theme activation.

Once theme is installed, you need to install Required Plugins to get full features working.

2.3 Required Plugins Installation

After installing and activating the theme you will see a yellow popup at the top of the page. Saying: “This theme requires the following plugins…” please click the ‘Begin Installing plugins’ link.

You will be redirected to ‘Install Required Plugins’ page, here you will find all of the theme required plugins. To install them just check all of them and from the drop down select install once installed do the same to activate them.

Note: If the plugins installation process could have a notice some plugins unsuccessful installation, please go to these plugins to install one by one. This case usually occurs as you select all plugins installation at once.

2.4 Sample Data Installation

Step 1 – In the Administrator page, please navigate to Tools >> Import.

Step 2 – Please choose “WordPress” to import.

Step 3 – In Import WordPress page, click “choose file” button to select file “sample_data.xml” to upload.

Note: You must import “sample_data.xml” file twice. The first time, In Import Attachments part, selecting “Download and import file attachments” and the second time, unselecting “Download and import file attachments“.

Step 4 – Assign Authors and Import Attachments with selecting “Download and import file attachments“ and then press “Submit” button.

Step 5 – You must import “sample_data.xml” more one again but note that in Import Attachments part with unselecting “Download and import file attachments“ and then press “Submit” button.

2.5 Widget Installation

Step 1 – In the Administrator page, please navigate to Tools >> Widget Importer & Exporter.

Step 2 – After that choose “widget_data.wie” file >> press Import Widgets button.

3THEME OPTIONS

3.1 General

general

navbar

3.3 Layout

general

3.4 Typography

general

3.5 Social share

general

3.6 Advanced

general

4PAGES

4.1 How To Create A New Page

Step 1 – Navigate to Pages in your admin sidebar and click Add New option.

Step 2 ai??i?? Input a new name for your page, then find the Page Attributes box on right side.

Step 3 ai??i?? Set your Parent page. Itai??i??s usually set to No Parent.

Step 4 ai??i?? Set your page template from the Template dropdown list. See list of page templates below.

Step 5 – Content for your page goes in the editing field, use the Visual or Text editor.

Here is a screenshot that shows you the various areas and descriptions of the page settings described above.

4.2 Setting Up Home Page

Setting up your home page is the same as setting up any other regular pages, except that you need to specify in the settings which page will be your Main Home Page.

How To Set Your Home Page

Step 1 – Navigate to Settings >> Reading tab.

Step 2 ai??i?? Select A Static Page option.

Step 3 ai??i?? Choose the page you want as your home page from the Front Page dropdown list.

Step 4 ai??i?? Choose the blog page as the Posts page.

4.3 Setting Up About Us Page

The Front-end of About Us Page

How To Create The About Us Page in Admin

Step 1 – Create a new page by clicking “Add New” button, and give it any name you wish.

Step 2 – Insert your content into the editor field, such as a heading and text.

Step 3 – In the Page Attributes box on the right hand side, set the Template option from the dropdown menu.

The Back-end of About Us Page

Copy & Paste the content code into the text editor

<div class="about-us">
<div class="about-content row">
<div class="ab-top">
<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
<h3 class="title-about"><span>Welcome To Shop</span></h3>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6"><img class="alignnone size-full wp-image-220" src="http://dev.ytcvn.com/ytc_templates/wordpress/sw_g2shop/wp-content/uploads/2015/04/img-about.gif" alt="img-about" width="270" height="187" /></div>
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 description">Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim. Nunc non nisl lacus. Integer pharetra lacinia dapibus. Donec eu dolor dui, vel posuere mauris.Pellentesque semper congue sodales. In consequat, metus eget con sequat ornare, augue dolor blandit purus, vitae lacinia nisi tellus in erat. Nulla ac justo eget massa aliquet sodales. Maecenas mattis male suada sem, in fringilla massa dapibus quis. Suspendisse aliquam leo id neque auctor molestie. Etiam at nulla tellus.
Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim.

</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 why_chose_us">
<h3><span>Why Choose Us</span></h3>
<div class="choose">
<ul>
	<li><a href="#">Shipping & Returns</a></li>
	<li><a href="#">Secure Shopping</a></li>
	<li><a href="#">International Shipping</a></li>
	<li><a href="#">Affiliates</a></li>
	<li><a href="#">Group Sales</a></li>
</ul>
</div>
</div>
</div>
<div class="info col-lg-12 col-md-12">
<div class="title-our">
<h3><span>OUR MEMBER</span></h3>
</div>
<div class="description">Consectetur adipiscing elit. Donec pellentesque venenatis elit, quis aliquet mauris malesuada vel. Donec vitae libero dolor, eget dapibus justo. Aenean facilisis aliquet feugiat. Suspendisse lacinia congue est ac semper. Nulla ut elit magna, vitae volutpat magna.</div>
</div>
</div>
</div>

4.4 Setting Up Contact Us Page

The Front-end of Contact Us Page

How To Create The Contact Us Page in Admin

Step 1 – Create a new page by clicking “Add New” button, and give it any name you wish.

Step 2 – Insert your content into the editor field, such as a heading and text.

Step 3 – In the Page Attributes box on the right hand side, set the Template option from the dropdown menu.

The Back-end of Contact Us Page

Copy & Paste the content code into the text editor

<div class="box-contact-us row">
<div class="contact-map col-lg-6 col-md-6 col-sm-6">
<div class="border-map"><iframe class="google-maps" width="300" height="150" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d211642.2952567641!2d-118.41173249999999!3d34.020498899999986!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80c2c75ddc27da13%3A0xe22fdf6f254608f4!2sLos+Angeles%2C+CA!5e0!3m2!1sen!2s!4v1402372564534"></iframe></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec est tristique auctor. Donec non est at libero vulputate rutrum. Morbi ornatre lectus quis justo gravida semper. Nulla tellus mi, vulputate adipiscing cursus eu, suscipit id nulla. Donec a neque libero

</div>
<div class="contact-form-submit col-lg-6 col-md-6 col-sm-6">[contact-form-7 id="267" title="Contact form 1"]</div>
<div class="wrap-contact-address">
<div class="contact-address col-lg-3 col-md-3 col-sm-6">
<p class="ct ct-street"><a href="#">MAIN OFFICE</a>
Sed ut perspiciatis unde omnis 123456 Street Name, Los Angeles</p>

<ul>
	<li class="ct ct-email">EMAIL
<a href="mailto:support@g2shop.com">support@g2shop.com</a>
<a href="mailto:support@g2shop.com">support2@g2shop.com</a></li>
</ul>
<p class="ct ct-hotline"><a href="#">PHONE</a>
<span class="bl">0123-4567-8910</span>
<span class="bl">0123-4567-8910</span></p>

</div>
<div class="contact-address col-lg-3 col-md-3 col-sm-6">
<p class="ct ct-street"><a href="#">BRANCH 01</a>
Sed ut perspiciatis unde omnis 123456 Street Name, Los Angeles</p>

<ul>
	<li class="ct ct-email">EMAIL
<a href="mailto:support@g2shop.com">support@g2shop.com</a>
<a href="mailto:support@g2shop.com">support2@g2shop.com</a></li>
</ul>
<p class="ct ct-hotline"><a href="#">PHONE</a>
<span class="bl">0123-4567-8910</span>
<span class="bl">0123-4567-8910</span></p>

</div>
<div class="contact-address col-lg-3 col-md-3 col-sm-6">
<p class="ct ct-street"><a href="#">BRANCH 02</a>
Sed ut perspiciatis unde omnis 123456 Street Name, Los Angeles</p>

<ul>
	<li class="ct ct-email">EMAIL
<a href="mailto:support@g2shop.com">support@g2shop.com</a>
<a href="mailto:support@g2shop.com">support2@g2shop.com</a></li>
</ul>
<p class="ct ct-hotline"><a href="#">PHONE</a>
<span class="bl">0123-4567-8910</span>
<span class="bl">0123-4567-8910</span></p>

</div>
<div class="contact-address col-lg-3 col-md-3 col-sm-6">
<p class="ct ct-street"><a href="#">BRANCH 03</a>
Sed ut perspiciatis unde omnis 123456 Street Name, Los Angeles</p>

<ul>
	<li class="ct ct-email">EMAIL
<a href="mailto:support@g2shop.com">support@g2shop.com</a>
<a href="mailto:support@g2shop.com">support2@g2shop.com</a></li>
</ul>
<p class="ct ct-hotline"><a href="#">PHONE</a>
<span class="bl">0123-4567-8910</span>
<span class="bl">0123-4567-8910</span></p>

</div>
</div>
</div>

4.5 Setting Up Our Service Page

The Front-end of Our Service Page

How To Create The Our Services Page in Admin

Step 1 – Create a new page by clicking “Add New” button, and give it any name you wish.

Step 2 – Insert your content into the editor field, such as a heading and text.

Step 3 – In the Page Attributes box on the right hand side, set the Template option from the dropdown menu.

The Back-end of Our Service Page

Copy & Paste the content code into the text editor:

<div class="page-our-services">
<a href="http://dev.ytcvn.com/ytc_templates/wordpress/sw_g2shop/wp-content/uploads/2015/06/image-our-service.jpg"><img class="alignnone size-full wp-image-742" src="http://dev.ytcvn.com/ytc_templates/wordpress/sw_g2shop/wp-content/uploads/2015/06/image-our-service.jpg" alt="image-our-service" width="1170" height="240" /></a>
<div class="service-content row">


<div class="service">
<span class="design"></span>
<div class="service-text">
<h3>Several Design Options</h3>
Curabitur vel neque a tellus dignissim convallis.
Sed nec mauris volutpat turpis molestie interdum quis a nisl.
</div>
</div>


<div class="service">
<span class="modern"></span>
<div class="service-text">
<h3>Clean &amp; Modern Design</h3>
Curabitur vel neque a tellus dignissim convallis.
Sed nec mauris volutpat turpis molestie interdum quis a nisl.
</div>
</div>


<div class="service">
<span class="font-easy"></span>
<div class="service-text">
<h3>Icon Fonts Easy to Use</h3>
Curabitur vel neque a tellus dignissim convallis.
Sed nec mauris volutpat turpis molestie interdum quis a nisl.
</div>
</div>


<div class="service">
<span class="owne-web"></span>
<div class="service-text">
<h3>Build Owne Website</h3>
Maecenas diam massa, bibendum a auctor in,
vestibulu Morbi tincidunt massa et hendrerit accumsan.
</div>
</div>


<div class="service">
<span class="shortcode"></span>
<div class="service-text">
<h3>Useful Shortcodes</h3>
Maecenas diam massa, bibendum a auctor in,
vestibulu Morbi tincidunt massa et hendrerit accumsan.
</div>
</div>


<div class="service">
<span class="linmit-update"></span>
<div class="service-text">
<h3>FREE Lifetime Updates</h3>
Maecenas diam massa, bibendum a auctor in,
vestibulu Morbi tincidunt massa et hendrerit accumsan.
</div>
</div>


</div>
</div>
<div class="blog-service">
		

			<div class="image-thumb">
<a href="http://dev.ytcvn.com/ytc_templates/wordpress/sw_megashop/wp-content/uploads/2015/06/service1.jpg"><img src="http://dev.ytcvn.com/ytc_templates/wordpress/sw_megashop/wp-content/uploads/2015/06/service1.jpg" alt="service1" width="366" height="273" class="alignnone size-full wp-image-541" /></a>
			</div>
			<div class="meta-content">
				<h4>Nullam mi orci, ornare in lectus, euismod imperdiet neque vestibulum</h4>
				<p>Duis maximus turpis ac lobortis gravida. Proin sit amet eros dictum, hendrerit sapien quis, efficitur dolor.
				Into augue at dui dapibus iaculis. Nullam et sollicitudin arcu.</p>
			</div>
		

			<div class="image-thumb">
<a href="http://dev.ytcvn.com/ytc_templates/wordpress/sw_megashop/wp-content/uploads/2015/06/service2.jpg"><img src="http://dev.ytcvn.com/ytc_templates/wordpress/sw_megashop/wp-content/uploads/2015/06/service2.jpg" alt="service2" width="366" height="273" class="alignnone size-full wp-image-542" /></a>
			</div>
			<div class="meta-content">
				<h4>Nullam mi orci, ornare in lectus, euismod imperdiet neque vestibulum</h4>
				<p>Duis maximus turpis ac lobortis gravida. Proin sit amet eros dictum, hendrerit sapien quis, efficitur dolor.
				Into augue at dui dapibus iaculis. Nullam et sollicitudin arcu.</p>
			</div>
		

			<div class="image-thumb">
<a href="http://dev.ytcvn.com/ytc_templates/wordpress/sw_megashop/wp-content/uploads/2015/06/service3.jpg"><img src="http://dev.ytcvn.com/ytc_templates/wordpress/sw_megashop/wp-content/uploads/2015/06/service3.jpg" alt="service3" width="366" height="273" class="alignnone size-full wp-image-543" /></a>
			</div>
			<div class="meta-content">
				<h4>Nullam mi orci, ornare in lectus, euismod imperdiet neque vestibulum</h4>
				<p>Duis maximus turpis ac lobortis gravida. Proin sit amet eros dictum, hendrerit sapien quis, efficitur dolor.
				Into augue at dui dapibus iaculis. Nullam et sollicitudin arcu.</p>
			</div>
		

	</div>

4.6 Setting Up FAQs Page

The Front-end of FAQs Page

How To Create The FAQs Page in Admin

Step 1 – Create a new page by clicking “Add New” button, and give it any name you wish.

Step 2 – Insert your content into the editor field, such as a heading and text.

Step 3 – In the Page Attributes box on the right hand side, set the Template option from the dropdown menu.

The Back-end of FAQs Page

Copy & Paste the content code into the text editor:

<a href="http://dev.ytcvn.com/ytc_templates/wordpress/sw_g2shop/wp-content/uploads/2015/06/image-our-service.jpg"><img class="alignnone size-full wp-image-742" src="http://dev.ytcvn.com/ytc_templates/wordpress/sw_g2shop/wp-content/uploads/2015/06/image-our-service.jpg" alt="image-our-service" width="1170" height="240" /></a>





							Suspendisse potenti cras ligula ante porta at metus sed, rutrum?
							
						

							

								
Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim. Nunc non nisl lacus. Integer pharetra lacinia dapibus. Donec eu dolor dui, vel posuere mauris.
Pellentesque semper congue sodales. In consequat, metus eget con sequat ornare, augue dolor blandit purus, vitae lacinia nisi tellus in erat. Nulla ac justo eget massa aliquet sodales. Maecenas mattis male suada sem, in fringilla massa dapibus quis. Suspendisse aliquam leo id neque auctor molestie. Etiam at nulla tellus. Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim.

							

						

							Nullam nec posuere mauris, id cursus libero duis sit amet massa congue?
							
						

							

								
Ut enim ad minim et ven veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim et ven veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex commodo consequat.
Ut enim ad minim et ven veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex commodo consequat. Duis aute irure dolor in reprehenderit in voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex commodo consequat.

							

						

							Sed vel elementum metus. Sed quis dapibus nisi?
							
						

							

								
Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim. Nunc non nisl lacus. Integer pharetra lacinia dapibus. Donec eu dolor dui, vel posuere mauris.
Pellentesque semper congue sodales. In consequat, metus eget con sequat ornare, augue dolor blandit purus, vitae lacinia nisi tellus in erat. Nulla ac justo eget massa aliquet sodales. Maecenas mattis male suada sem, in fringilla massa dapibus quis. Suspendisse aliquam leo id neque auctor molestie. Etiam at nulla tellus. Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim.

Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error

							

						

							Maecenas urna nulla, hendrerit at nibh ut, maximus lacinia metus quisque porttitor auctor est?
							
						

							

								
Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim. Nunc non nisl lacus. Integer pharetra lacinia dapibus. Donec eu dolor dui, vel posuere mauris.
Pellentesque semper congue sodales. In consequat, metus eget con sequat ornare, augue dolor blandit purus, vitae lacinia nisi tellus in erat. Nulla ac justo eget massa aliquet sodales. Maecenas mattis male suada sem, in fringilla massa dapibus quis. Suspendisse aliquam leo id neque auctor molestie. Etiam at nulla tellus. Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim.

Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error

							

						

							Cras ligula ante, porta at metus sed, rutrum scelerisque ex?
							
						

							

								
Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim. Nunc non nisl lacus. Integer pharetra lacinia dapibus. Donec eu dolor dui, vel posuere mauris.
Pellentesque semper congue sodales. In consequat, metus eget con sequat ornare, augue dolor blandit purus, vitae lacinia nisi tellus in erat. Nulla ac justo eget massa aliquet sodales. Maecenas mattis male suada sem, in fringilla massa dapibus quis. Suspendisse aliquam leo id neque auctor molestie. Etiam at nulla tellus. Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim.

Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error

							

						

							Pellentesque viverra tellus a justo semper, ut consectetur felis tempus?
							
						

							

								
Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim. Nunc non nisl lacus. Integer pharetra lacinia dapibus. Donec eu dolor dui, vel posuere mauris.
Pellentesque semper congue sodales. In consequat, metus eget con sequat ornare, augue dolor blandit purus, vitae lacinia nisi tellus in erat. Nulla ac justo eget massa aliquet sodales. Maecenas mattis male suada sem, in fringilla massa dapibus quis. Suspendisse aliquam leo id neque auctor molestie. Etiam at nulla tellus. Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim.

Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error

							

						







							Suspendisse potenti cras ligula ante porta at metus sed, rutrum?
							
						

							

								
Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim. Nunc non nisl lacus. Integer pharetra lacinia dapibus. Donec eu dolor dui, vel posuere mauris.
Pellentesque semper congue sodales. In consequat, metus eget con sequat ornare, augue dolor blandit purus, vitae lacinia nisi tellus in erat. Nulla ac justo eget massa aliquet sodales. Maecenas mattis male suada sem, in fringilla massa dapibus quis. Suspendisse aliquam leo id neque auctor molestie. Etiam at nulla tellus. Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim.

							

						

							Nullam nec posuere mauris, id cursus libero duis sit amet massa congue?
							
						

							

								
Ut enim ad minim et ven veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim et ven veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex commodo consequat.
Ut enim ad minim et ven veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex commodo consequat. Duis aute irure dolor in reprehenderit in voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex commodo consequat.

							

						

							Pellentesque viverra tellus a justo semper, ut consectetur felis tempus?
							
						

							

								
Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim. Nunc non nisl lacus. Integer pharetra lacinia dapibus. Donec eu dolor dui, vel posuere mauris.
Pellentesque semper congue sodales. In consequat, metus eget con sequat ornare, augue dolor blandit purus, vitae lacinia nisi tellus in erat. Nulla ac justo eget massa aliquet sodales. Maecenas mattis male suada sem, in fringilla massa dapibus quis. Suspendisse aliquam leo id neque auctor molestie. Etiam at nulla tellus. Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim.

Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error

							

						







							Sed vel elementum metus. Sed quis dapibus nisi?
							
						

							

								
Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim. Nunc non nisl lacus. Integer pharetra lacinia dapibus. Donec eu dolor dui, vel posuere mauris.
Pellentesque semper congue sodales.
In consequat, metus eget con sequat ornare, augue dolor blandit purus, vitae lacinia nisi tellus in erat. Nulla ac justo eget massa aliquet sodales. Maecenas mattis male suada sem, in fringilla massa dapibus quis. Suspendisse aliquam leo id neque auctor molestie. Etiam at nulla tellus. Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim.

Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error

							

						

							Maecenas urna nulla, hendrerit at nibh ut, maximus lacinia metus quisque porttitor auctor est?
							
						

							

								
Nulla auctor mauris ut dui luctus semper.
In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim. Nunc non nisl lacus. Integer pharetra lacinia dapibus. Donec eu dolor dui, vel posuere mauris.
Pellentesque semper congue sodales. In consequat, metus eget con sequat ornare, augue dolor blandit purus, vitae lacinia nisi tellus in erat. Nulla ac justo eget massa aliquet sodales. Maecenas mattis male suada sem, in fringilla massa dapibus quis. Suspendisse aliquam leo id neque auctor molestie. Etiam at nulla tellus. Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim.

Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error

							

						

							Pellentesque viverra tellus a justo semper, ut consectetur felis tempus?
							
						

							

								
Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim. Nunc non nisl lacus. Integer pharetra lacinia dapibus. Donec eu dolor dui, vel posuere mauris.
Pellentesque semper congue sodales. In consequat, metus eget con sequat ornare, augue dolor blandit purus, vitae lacinia nisi tellus in erat. Nulla ac justo eget massa aliquet sodales. Maecenas mattis male suada sem, in fringilla massa dapibus quis. Suspendisse aliquam leo id neque auctor molestie. Etiam at nulla tellus. Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim.

Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error

							

						







							Fusce euismod consequat ante ager lorem ipsum ?
							
						

							

								

Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim. Nunc non nisl lacus. Integer pharetra lacinia dapibus. Donec eu dolor dui, vel posuere mauris.
Pellentesque semper congue sodales. In consequat, metus eget con sequat ornare, augue dolor blandit purus, vitae lacinia nisi tellus in erat. Nulla ac justo eget massa aliquet sodales. Maecenas mattis male suada sem, in fringilla massa dapibus quis. Suspendisse aliquam leo id neque auctor molestie. Etiam at nulla tellus. Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim.

Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error 
							

						

							Lorem ipsum dolor sit amet, consectetur adipiscing elit ?
							
						

							

								

Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim. Nunc non nisl lacus. Integer pharetra lacinia dapibus. Donec eu dolor dui, vel posuere mauris.
Pellentesque semper congue sodales. In consequat, metus eget con sequat ornare, augue dolor blandit purus, vitae lacinia nisi tellus in erat. Nulla ac justo eget massa aliquet sodales. Maecenas mattis male suada sem, in fringilla massa dapibus quis. Suspendisse aliquam leo id neque auctor molestie. Etiam at nulla tellus. Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim.

Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error


							

						

							Pellentesque viverra tellus a justo semper, ut consectetur felis tempus?
							
						

							

								
Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim. Nunc non nisl lacus. Integer pharetra lacinia dapibus. Donec eu dolor dui, vel posuere mauris.
Pellentesque semper congue sodales. In consequat, metus eget con sequat ornare, augue dolor blandit purus, vitae lacinia nisi tellus in erat. Nulla ac justo eget massa aliquet sodales. Maecenas mattis male suada sem, in fringilla massa dapibus quis. Suspendisse aliquam leo id neque auctor molestie. Etiam at nulla tellus. Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim.

Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error

 

6WOOCOMMERCE

SW G2shop Theme is fully compatible with WooCommerce plugin. WooCommerce is external plugin and all info about this awesome plugin you can find plugin’s author page. Below you have all friendly links that will be useful:

6.1 How to install WooCommerce

At first please go to Plugins > Add new section and type “WooCommerce” into search field. Then press “enter””.

After that you will results and what you need to do is click on “Install now” button next to “WooCommerce – excelling eCommerce” plugin.

After that plugin will be installed and please click “Activate plugin” link.

woocommerce

6.2 How to add new product

Go to Products >> Add product section. After that you will see page wich looks like below and all you need to do is fill those fields with own values.

All info about adding new product you can read on http://docs.woothemes.com/document/managing-products/

woocommerce

6.3 Change Product Image Sizes

You can change the image size in “Woocommerce > Settings > Products > Display” section.

woocommerce

After change the images sizes, you should regenerate all the thumbnails. For this, you should install and activate “Regenerate Thumbnails” plugin.

woocommerce

6.4 Registration Options

You need to show registration form on My Account page, you should check “Enable registration on the “My Account” page” in “Woocommerce > Settings > Products > Accounts” section.

woocommerce

7POST

7.1 Creating/Editing Posts

Step 1 – Navigate to Posts in your WordPress admin sidebar.

Step 2 – Click on the Add New option to make a new post. Create a title, and insert your post content in the editing field. You can use visual composer or Ya shortcodes elements inside the post.

Step 3 – Select Post Format from the right side.

Step 4 – Add Categories from the right side. To assign it to the post, check the box next to the Category name.

Step 5 – Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.

Step 6 – For a single image, click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 7 – Once you are finished, click Publish or Update to save the post.

Here Is A Screenshot That Shows The Various Areas Of The Post Page Described Above.

create-posts

8WIDGETS

8.1 To Add Widgets, Follow The Steps Below.

Step 1 – Navigate to Appearance > Widgets to access the list of widgets and widget sections that they can be added to. The left hand side shows all the widgets you can use. The right hand side shows all the different sections you can add widgets to.

Step 2 – Simply drag and drop the widget you want into the widget section you want on the right hand side.

Step 3 – When finished, make sure to click Save in the widget editing box to save the widgets added to your sidebar.

Here Is A Screenshot That Shows The Various Areas Of The Widget Section Described Above.

create-posts

8.2 Custom Widgets in SW G2shop Layout1

Below is the position image of SW G2shop Layout1.

layout1

Below is the description of widgets parameter:

  • Title – Title of widget
  • Template – Select template that you want
  • Category Name – Select category name
  • Order by – Allow to order by following field:
    • ID
    • Name
    • Author
    • Date
    • Title
    • Modified
    • Parent
    • Rand
    • Comment Count
  • Order – Allow to order Ascending/Descending
  • Number of Posts – Number of post will be shown
  • Include Posts ID – Include ID of Posts
  • Exclude Posts ID – Exclude ID of Posts
  • Excerpt Length (in words) – Input the character limitation in words
  • Advanced Options – Support 3 options for your advance
    • Widget Style – Style of widget ( container is selection )
      • col-2 > col-12– Set the number of column that the widget will be used.
      • Container– Add a class container into the widget, use for sidebar without container.
    • Widget Display – Option select widget display. There are 3 option:
      • All – Widget will display all in theme in the sidebar that’s selected.
      • 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
        • Users – Allow to be shown for user pages (login/ not login)
        • General – Check into the checkbox that you want to show the sidebar( blog, archive…)
        • Taxonomy Slugs – Input Taxonomy Slugs of pages that you want to display widget, if have many taxonomies then separate them by “,” mark.
        • Posts type – Input Posts type of pages that you want to display widget, if have many posts type then separate them by “,” mark.
        • Categories ID & Posts ID – ID of Categories or Posts, if have many IDs then separate them by “,” mark.
        • Menu – Allow to choose menu that you want to display widget.

8.2.1 Position Top

1. Custom Menu Widget

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Custom Menu” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-myaccount

Backend Settings

backend-myaccount

2. Text: Language Widget

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Text” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-language

Backend Settings

backend-language

Copy & Paste the code into text editor:

<div class="yt_language">
	<div class="yt_lg_active">
			<span class="ic-language">
				<img  alt="english" src="http://wp.smartaddons.com/themes/sw_market/wp-content/themes/sw_market/assets/img/en.png">
			</span>
			<span class="lg-txt">English</span>
	</div>
	<ul class="yt_list_lg">
		<li>
			<a href="http://dev.ytcvn.com/ytc_templates/wordpress/sw_g2shop/?page_id=399&amp;direction=ltr" class="item-link">
				<span class="ic-language">
					<img  alt="english" src="http://wp.smartaddons.com/themes/sw_market/wp-content/themes/sw_market/assets/img/en.png">
				</span>
				<span class="lg-txt">English</span>
			</a>
		</li>
		<li>
			<a class="item-link" href="http://dev.ytcvn.com/ytc_templates/wordpress/sw_g2shop/?page_id=399&amp;direction=rtl">
				<span class="ic-language">
					<img  alt="Arabic" src="http://wp.smartaddons.com/themes/sw_market/wp-content/themes/sw_market/assets/img/ar.png">
				</span>
				<span class="lg-txt">Arabic</span>
			</a>
		</li>
	</ul>
</div>

3. WooCommerce Currency Converter Widget

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “WooCommerce Currency Converter” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-currency

Backend Settings

backend-currency

8.2.2 Position Top Menu

1. Custom Menu Widget

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Custom Menu” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-topmenu

Backend Settings

backend-topmenu

8.2.3 Position Banner Full

1. Revolution Slider Widget

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Revolution Slider” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-banner-full

Backend Settings

backend-banner-full

8.2.4 Position Above Main

1. Text Widget

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Text” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-above-main

Backend Settings

backend-above-main

Copy & Paste the code into text editor:

<div class="service-block service-top">
	<div class="row">
		<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
			<div class="i-con i-con-free">
				<a title="Free Shipping" href="#">Free Shipping</a>
			</div>
			<div class="service-info">
				<h2><a title="Free Shipping" href="#">Free Shipping</a></h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			</div>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
			<div class="i-con i-con-wishlist">
				<a title="Sale off 30% on Every Saturday" href="#">Sale off 30% on Every Saturday</a>
			</div>
			<div class="service-info">
			<h2><a title="Sale of 30% on Every Saturday" href="#">Sale off 30% on Every Saturday</a></h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
		</div>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
			<div class="i-con i-con-box">
				<a title="Keep Smiling from $1000" href="#">Keep Smiling from $1000</a>
			</div>
			<div class="service-info">
				<h2><a title="Keep Smiling from $1000" href="#">Keep Smiling from $1000</a></h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			</div>
		</div>
	</div>
</div>

8.2.5 Position Above Content

1. Sw Woo Slider Widget: Deals of the week

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Sw Woo Slider” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-deals-week

Backend Settings

backend-deals-week

2. Sw WooCommerce Listing Ajax Widget: Electronics

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Sw WooCommerce Listing Ajax” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-electronics

Backend Settings

backend-electronics

3. Text Widget

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Text” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-image-center

Backend Settings

backend-image-center

Copy & Paste the code into text editor:

<div class="static-image-center">
	<div class="container">
		<div class="row">
			<div class="col-md-7">
				<div class="img-block"><a title="Save Up To $499" href="#"><img src="http://dev.ytcvn.com/ytc_templates/wordpress/sw_g2shop/wp-content/themes/sw_g2shop/assets/img/banner/img-center-1.png" alt="Save Up To $499"></a></div>
			</div>
			<div class="col-md-5">
				<div class="img-block"><a title="Canon Camera" href="#"><img src="http://dev.ytcvn.com/ytc_templates/wordpress/sw_g2shop/wp-content/themes/sw_g2shop/assets/img/banner/img-center-2.png" alt="Canon Camera"></a></div>
			</div>
		</div>
	</div>
</div>

4. Sw WooCommerce Listing Ajax Widget: Fashion

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Sw WooCommerce Listing Ajax” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-fashion

Backend Settings

backend-fashion

8.2.6 Position Below Main

1. Sw Partner Slider Widget: Featured Brands

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Sw Partner Slider” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-featured-brands

Backend Settings

backend-featured-brands

8.2.7 Position Above Bottom

1. YA Feature Product: Featured Products

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “YA Feature Product” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-featured-products

Backend Settings

backend-featured-products

2. YA Posts: latest news

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “YA Posts” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-latest-news

Backend Settings

backend-latest-news

3. YA Testimonial Slider Widget: Happy Clients

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “YA Testimonial Slider” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-happy-clients

Backend Settings

backend-happy-clients

4. Text Widget: Shop info

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Text” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-shop-info

Backend Settings

backend-shop-info

Copy & Paste the code into text editor:

<div class="shop-info-wrapper">
	<ul class="info-list">
		<li class="address-info"><span class="tt-info">Address:</span> 08 South Avenue Street, New York</li>
		<li class="phone-info"><span class="tt-info">Phone number:</span> <a title="Phone number" href="tel:1.800.999.9999">1.800.999.9999</a></li>
		<li class="email-info"><span class="tt-info">Email:</span> <a title="Email" href="mailto:info@g2shop.com">info@g2shop.com</a></li>
		<li class="open-info"><span class="tt-info">Open hours:</span> Monday - Friday: 8 am to 9 pm</li>
	</ul>											
</div>

5. YA Social Widget

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “YA Social” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-social

Backend Settings

backend-social

8.2.8 Position Bottom

1. Text Widget

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Text” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-free-shipping

Backend Settings

backend-free-shipping

Copy & Paste the code into text editor:

<div class="service-block service-bottom">
	<div class="container">
		<div class="row">
			<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
				<div class="i-con i-con-free-bottom"><a title="Free Shipping" href="#">Free Shipping</a></div>
				<div class="service-info">
					<h2><a title="Free Shipping" href="#">Free Shipping</a></h2>
					<p>On orders over $99</p>
				</div>
			</div>
			<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
				<div class="i-con i-con-special"><a title="Special Gift Card" href="#">Special Gift Card</a></div>
				<div class="service-info">
					<h2><a title="Special Gift Card" href="#">Special Gift Card</a></h2>
					<p>Give the perfect gift</p>
				</div>
			</div>
			<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12  bl-bottom">
				<div class="i-con i-con-promotion"><a title="DAILY PROMOTION" href="#">DAILY PROMOTION</a></div>
				<div class="service-info">
					<h2><a title="DAILY PROMOTION" href="#">DAILY PROMOTION</a></h2>
					<p>Praesent sollicitudin tincid</p>
				</div>
			</div>
			<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12  bl-bottom">
				<div class="i-con i-con-support"><a title="support 24/07" href="#">support 24/07</a></div>
				<div class="service-info">
					<h2><a title="support 24/07" href="#">support 24/07</a></h2>
					<p>Phone: 043 8471535</p>
				</div>
			</div>
		</div>
	</div>
</div>

8.2.9 Position Above Footer

1. Text Widget

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Text” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-subscribe

Backend Settings

backend-subscribe

Copy & Paste the code into text editor:

[contact-form-7 id="20" title="Subscribe to the Best of g2shop"]

8.2.10 Position Footer Left

1. Custom Menu Widget: Mobile

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Custom Menu” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-mobile

Backend Settings

backend-mobile

2. Custom Menu Widget: Camera

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Custom Menu” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-camera

Backend Settings

backend-camera

3. Custom Menu Widget: Laptop

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Custom Menu” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-laptop

Backend Settings

backend-laptop

4. Custom Menu Widget: TVS

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Custom Menu” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-tvs

Backend Settings

backend-tvs

8.2.11 Position Footer Right

1. Custom Menu Widget: About Us

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Custom Menu” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-aboutus-footerright

Backend Settings

backend-aboutus-footerright

2. Custom Menu Widget: Help

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Custom Menu” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-help

Backend Settings

backend-help

3. Custom Menu Widget: We Accept

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Custom Menu” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-we-accept

Backend Settings

backend-we-accept

8.3 Custom Widgets in SW G2shop Layout2

Below is the position image of SW G2shop Layout2.

layout2

Note: With Position “Top; Top Menu; Below Main; Above Bottom; Bottom; Above Footer; Footer Right; Footer Left” configure the same with position at Layout1 but please note that you must select this widget to display on Primary Menu:Ai?? Home Page 2.

8.3.1 Position Banner Container

1. SW Vertical Mega Menu Widget: Category

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “SW Vertical Mega Menu” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-vertical-menu

Backend Settings

backend-vertical-menu

2. Revolution Slider

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Revolution Slider” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-revolution-slider

Backend Settings

backend-revolution-slider

8.3.2 Position Below Content

1. Text

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Text” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-free-shipping-home2

Backend Settings

backend-free-shipping-home2

Copy & Paste the code into text editor:

<div class="service-block service-top">
	<div class="row">
		<div class="col-md-4">
			<div class="i-con i-con-free">
				<a title="Free Shipping" href="#">Free Shipping</a>
			</div>
			<div class="service-info">
				<h2><a title="Free Shipping" href="#">Free Shipping</a></h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			</div>
		</div>
		<div class="col-md-4">
			<div class="i-con i-con-wishlist">
				<a title="Sale off 30% on Every Saturday" href="#">Sale off 30% on Every Saturday</a>
			</div>
			<div class="service-info">
			<h2><a title="Sale of 30% on Every Saturday" href="#">Sale off 30% on Every Saturday</a></h2>
			<p>Lorem ipsum dolor sit amet.</p>
		</div>
		</div>
		<div class="col-md-4">
			<div class="i-con i-con-box">
				<a title="Keep Smiling from $1000" href="#">Keep Smiling from $1000</a>
			</div>
			<div class="service-info">
				<h2><a title="Keep Smiling from $1000" href="#">Keep Smiling from $1000</a></h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			</div>
		</div>
	</div>
</div>

2. Sw Woo Slider Widget: Deals of the week

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Sw Woo Slider” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-deals

Backend Settings

backend-deals

3. Text Widget

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Text” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-saveup

Backend Settings

backend-saveup

Copy & Paste the code into text editor:

<div class="save-up">
	<a title="Save Up" href="#">
		<img src="http://dev.ytcvn.com/ytc_templates/wordpress/sw_g2shop/wp-content/themes/sw_g2shop/assets/img/banner/save_up.png" alt="Save Up">
	</a>
</div>

4. SW Woocommerce Listing Ajax Widget: Electronics

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “SW Woocommerce Listing Ajax” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-electronic-home2

Backend Settings

backend-electronic-home2

5. Text Widget

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Text” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-camera-home2

Backend Settings

backend-camera-home2

Copy & Paste the code into text editor:

<div class="save-up">
	<a title="Camera 20% Off" href="#">
		<img src="http://dev.ytcvn.com/ytc_templates/wordpress/sw_g2shop/wp-content/themes/sw_g2shop/assets/img/banner/cam-off.png" alt="Camera 20% Off">
	</a>
</div>

6. SW Woocommerce Listing Ajax Widget: Fashion

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “SW Woocommerce Listing Ajax” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-fashion-home2

Backend Settings

backend-fashion-home2

8.3.3 Position Sidebar Left

1. Text Widget

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Text” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-static-image-left

Backend Settings

backend-static-image-left

Copy & Paste the code into text editor:

<div class="block-st-img">
	<a title="Static Image Left" href="#">
		<img src="http://dev.ytcvn.com/ytc_templates/wordpress/sw_g2shop/wp-content/themes/sw_g2shop/assets/img/banner/static-img-left.png" alt="Static Image Left">
	</a>
</div>

2. YA Feature Product Widget: Featured Products

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “YA Feature Product” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-featured-products-home2

Backend Settings

backend-featured-products-home2

3. Text Widget

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Text” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-static-image-left2

Backend Settings

backend-static-image-left2

Copy & Paste the code into text editor:

<div class="block-st-img">
	<a title="Static Image Left" href="#">
		<img src="http://dev.ytcvn.com/ytc_templates/wordpress/sw_g2shop/wp-content/themes/sw_g2shop/assets/img/banner/static-img-left-2.png" alt="Static Image Left">
	</a>
</div>

4. Sw best seller products Widget: Best Sellers

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Sw best seller products” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-best-seller

Backend Settings

backend-best-seller

5. Sw WooCommerce Product Tags Widget: Popular Tags

  • Please go in “Appearance > Widgets” on admin sidebar.
  • You should add “Sw WooCommerce Product Tags” widget in the sidebar.
  • You should configure the fields and save.

Frontend Appearance

frontend-popular-tags

Backend Settings

backend-popular-tags

9WPML

WPML is the most popular plugin for multi language support, our theme is fully compatible with WPML. Below you will find documentation their team created for using WPML plugin with this theme. If you’ve purchased WPML and have any questions or issues, please check the links below.

  • WPML Plugin– The highly recommended plugin to manage multi-lingual sites.
  • WPML Forum Support – If you bought WPML then you get free support from their amazing team.
  • Translating Widgets – Tutorial recommended by wpml team for translating widgets

Please Click Here To Purchase WPML Plugin!

10OTHER

  • SUPPORT – If you have any questions that are beyond the scope of this help file, please send us via: Support Tickets System
  • FAQs – Go to Here to view more the Frequently Asked Questions.