Motif Woocommerce Product Tabs

Advance Woo-commerce / WordPress Product Tabs

created: 12/03/2017
latest update: 12/03/2017
by: MotifSolution
email: motifdev@gmail.com

This plugin extends WooCommerce to allow shop owners to add custom advanced tabs to products. We offer six type of advance tabs with awesome user experience and in full responsive with bootstrap. In which FAQ, Product Inquiry, Google Maps, Image Carousel (with light-box), Video Carousel (with light-box), Default Editor. Individual product tabs are managed on the WooCommerce Edit Product screen and can be added on a per product basis. You can also create saved tabs and add them to multiple products as needed. Tabs can be easily added, deleted and rearranged.

This is a quick on installation, and upadating. Please read these below steps really carefully it help you alot.

To install Motif Woocommerce Product Tabs plugin you must have a working and latest version of WordPress and WooCommerce plugin it self already installed. For information on installing the WordPress, please see the Wordpress Codex- How to installing Wordpress.

To installing the Woocommerce and cofigure the shop please visit the following link Insalling Woocommerce.

To install woocommerce.

Login to you Wordpress Site.
Go to Plugins > Add New.
Search or "Woocommerce".
Select Insatall now when you see it by automattic.
Select Activate Now and you're ready for the woocommerce Wizard!

Woocommerce Wizard

When woocommerce is activated for the first time , please see these woocommerce setup wizard.

Click lets go to get strted. Or select not rigth now if you prefer manually setup your woocomemrce shop.

Once your installation of woocommerce is done kindly follow these simple steps to install Motif Woocommerce Product Tabs.

Installation from Wordpress

Navigate to plugins
Click Install Plugin and click add new
Click upload plugin button
Navigate motif-woo-product-tabs.zip on your computer and click install now
When installation is done please click activate to activate plugin

Installation Using FTP

Follow these steps to install using FTP

Unzip motif-woo-product-tabs.zip to desired location on your computer. These extracted files will be uploades later via FTP
Connect to your server via FTP (Use Cute ftp or file zilla tool for uploading files)
Navigat to /wp-content/plugings/server directory
Locate the local directory where you have unzipped the motif-woo-product-tabs.zip archive
Upload local folder /motif-woo-product-tabs to remote /wp-content/plugins/
To activat the newly installed plugin navigate the Plugins and click to Activate button within the Motif Woocommerce Product Tabs plugin

Updating from Wordpress Admin Panel

Follow all the important steps to update form Wordpress Admin Dashboard.

Navigate to Pluings
Find the currently install Motif Woocommerce Product Tabs plugin and click deactivate
After deactivetion click delete to remove the old version
Click install plugins and click add new
Click the upload pluing button
Navigate the new version archive motif-woo-product-tabs.zip on your computer and click install now
When installation i s done please click activate to activate plugin

Updating via FTP

Follow the steps below to update using FTP

Unzip the new version archive motif-woo-product-tabs.zip to a desired location on you computer.
These extracted files will be uploaded later via FTP
Connect to your server via FTP (use cuteFTP or Filezilla)
Locate the local directory whre you have unzipped the new version archive motif-woo-product-tabs.zip.zip
Upload local folder /motif-woo-product-tabs/ to remote / wp-content/plugins/

Once you install your Motif Woocommerce Product Tabs now here is the quick guide to add product tabs on your shop.

Goto Woocommerce Menu under Comments on admin dashboard.
Hover on woocommerce Add you can see the Motif Tabs Pro menu.
Click on Moti Tabs Pro menu.
Click add Global Tab.
Now here you can set all other product tabs like FAQ, Product Inquiry, Default Editor, Image Video Carousel, Video Image Carousel, Google Maps etc.
Now go ahead and you can see all other tabs information you enter the tab title, tab type, tab order, tab status, tab icon and tab content etc.
Below is the picture you also check.

1.5 Motif Advance Tabs (Image Carousel with lightbox)

Once you can select the tab type go ahead and fill the other fields See below

Here you can see all the fields for this tab type that are must be filled by your self.

Tab Type: Choose the tab type you want to set we offer six advance tabs.

Tab Order: Tab order mean priority of that specific tab.

Tab Status: Tab status to enable is show the tab in front-end while disable will not shows that specific tab.

Tab Icon: Select the tab icon accourding to you need.

Product Use For: The tab to created is for all product or custom product or none of product. Products for tab is select from here.

Now after filling above here is the important part of tab that the data of tab type is different so for now you choose the Default Tab Tape so you can enter data regarding this.

Select Tab type to FAQ (Frequently Ask Question)

Once you can select the tab type go ahead and fill the other fields See below

Here you can see all the fields for this tab type that are must be filled by your self.

Tab Type: Choose the tab type you want to set we offer six advance tabs.

Tab Order: Tab order mean priority of that specific tab.

Tab Status: Tab status to enable is show the tab in front-end while disable will not shows that specific tab.

Tab Icon: Select the tab icon accourding to you need.

Product Use For: The tab to created is for all product or custom product or none of product. Products for tab is select from here.

Now after filling above here is the important part of tab that the data of tab type is different so for now you choose the FAQ Tab Tape so you can enter data regarding this.

Select Tab type to Google Map .

Once you can select the tab type go ahead and fill the other fields See below

Here you can see all the fields for this tab type that are must be filled by your self.

Tab Type: Choose the tab type you want to set we offer six advance tabs.

Tab Order: Tab order mean priority of that specific tab.

Tab Status: Tab status to enable is show the tab in front-end while disable will not shows that specific tab.

Tab Icon: Select the tab icon accourding to you need.

Product Use For: The tab to created is for all product or custom product or none of product. Products for tab is select from here.

Now after filling above here is the important part of tab that the data of tab type is different so for now you choose the Google Map Tab Tape so you can enter data regarding this and enter the longitude and latitude.

Select Tab type to Product Inquiry Form.

Once you can select the tab type go ahead and fill the other fields See below

Here you can see all the fields for this tab type that are must be filled by your self.

Tab Type: Choose the tab type you want to set we offer six advance tabs.

Tab Order: Tab order mean priority of that specific tab.

Tab Status: Tab status to enable is show the tab in front-end while disable will not shows that specific tab.

Tab Icon: Select the tab icon accourding to you need.

Product Use For: The tab to created is for all product or custom product or none of product. Products for tab is select from here.

Now after filling above here is the important part of tab that the data of tab type is different so for now you choose the Product Inquiry Tab Tape so you can enter data regarding this.

Select Tab type to Image Carousel (with lightbox)

Once you can select the tab type go ahead and fill the other fields See below

Here you can see all the fields for this tab type that are must be filled by your self.

Tab Type: Choose the tab type you want to set we offer six advance tabs.

Tab Order: Tab order mean priority of that specific tab.

Tab Status: Tab status to enable is show the tab in front-end while disable will not shows that specific tab.

Tab Icon: Select the tab icon accourding to you need.

Product Use For: The tab to created is for all product or custom product or none of product. Products for tab is select from here.

Now after filling above here is the important part of tab that the data of tab type is different so for now you choose the Image Carousel with lightbox Tab Tape so you can enter data regarding this.

Select Tab type to Video Carousel (with lightbox)

Once you can select the tab type go ahead and fill the other fields See below

Here you can see all the fields for this tab type that are must be filled by your self.

Tab Type: Choose the tab type you want to set we offer six advance tabs.

Tab Order: Tab order mean priority of that specific tab.

Tab Status: Tab status to enable is show the tab in front-end while disable will not shows that specific tab.

Tab Icon: Select the tab icon accourding to you need.

Product Use For: The tab to created is for all product or custom product or none of product. Products for tab is select from here.

Now after filling above here is the important part of tab that the data of tab type is different so for now you choose the Video Carousel with lightbox Tab Tape so you can enter data regarding this.

Important Notice You can only enter the youtube video id as you can see we have save the ids,