Tutorial Bazar Shop

Bazar Premium WordPress Theme documentation

http://yithemes.com/docs/bazar/index.html[24/06/2014 13:01:09]

Documentation for Bazar - Premium Wordpress themeFor Video tutorials and support visit our forum!

Home Getting started Pre-Customization Customization Page Settings Navigation Bar Megamenu Shortcodes Widgets Updating Newsletter Localization

WooCommerce Changelog Getting Help

How to asksupport?

Support for this theme is

conducted through our Support

Platform.

Please register for an account

here and activate the theme on

this page to allow us to verify

your purchase and ability you to

read the support forum, watch

video tutorials and open new

tickets to ask free support.

Get started!

Bazar Documentation

Thank you so much for purchasingBazar - Premium Wordpress theme!This document covers the installation and use of this theme and reveals answers to common problems and issues - I encourage you to read thisdocument if you are experiencing any difficulties.

http://support.yithemes.com/

http://yithemes.com/docs/bazar/01-install.html


http://yithemes.com/docs/bazar/02-pre-customization.html

http://yithemes.com/docs/bazar/02-pre-customization.html

http://yithemes.com/docs/bazar/03-customization.html

http://yithemes.com/docs/bazar/03-customization.html

http://yithemes.com/docs/bazar/04-page-settings.html

http://yithemes.com/docs/bazar/04-page-settings.html

http://yithemes.com/docs/bazar/05-navigation.html

http://yithemes.com/docs/bazar/05-navigation.html

http://yithemes.com/docs/bazar/06-megamenu.html

http://yithemes.com/docs/bazar/06-megamenu.html

http://yithemes.com/docs/bazar/07-shortcodes.html

http://yithemes.com/docs/bazar/07-shortcodes.html

http://yithemes.com/docs/bazar/08-widgets.html

http://yithemes.com/docs/bazar/08-widgets.html

http://yithemes.com/docs/bazar/09-updating.html

http://yithemes.com/docs/bazar/09-updating.html

http://yithemes.com/docs/bazar/10-newsletter.html

http://yithemes.com/docs/bazar/10-newsletter.html

http://yithemes.com/docs/bazar/11-localization.html

http://yithemes.com/docs/bazar/11-localization.html

http://yithemes.com/docs/bazar/12-woocommerce.html

http://yithemes.com/docs/bazar/12-woocommerce.html

http://yithemes.com/docs/bazar/13-changelog.html

http://yithemes.com/docs/bazar/13-changelog.html

http://yithemes.com/docs/bazar/14-help.html

http://yithemes.com/docs/bazar/14-help.html



http://yithemes.com/

http://yithemes.com/theme-activation



Documentation for Bazar - Premium Wordpress theme

For Video tutorials and support visit our forum!



Installing the Bazar ShopTheme

Download WooCommercePlugin

Download Bazar ShopTheme

Unzip the downloadedtheme

Upload Bazar ThemeShop

Installing the Bazar Shop Theme

FIRST, Bazar Shop is a Wordpress theme, so make sure you have already installed Wordpress 3.1 or higher. If you haven’t already done this, go to

Wordpress.org for a free download and follow their installation instructions.

Download WooCommerce Plugin

SECOND, Bazar Shop is also a WooCommerce theme, so you will need to install the WooCommerce Plugin to your Wordpress installation. Click here:

WooCommerce Plugin. You will see a long list of plugins, but the correct plugin is located at the top of the list and is called WooCommerce - excelling

eCommerce.

*Note – Install the WooCommerce Plugin but DO NOT activate it yet. That comes later.

Download Bazar Shop Theme

Download the Bazar Shop theme from your ThemeForest account downloads page and save it to your desktop. This is how the file will look.

*Note – This IS NOT the file you will upload to your Wordpress installation. The file you need must be UNZIPPED before uploading.

Unzip the downloaded theme

UNZIP the downloaded theme file. You can use a zip program or you can just CLICK TWICE on the folder icon to show the contents inside. You should

see a folder called Bazar_Wordpress_Theme.

CLICK TWICE on Bazar_Wordpress_Theme, and inside you will find five additional folders and one “thumb” file. Find “Bazar”. THIS IS THE FOLDER

YOU WILL UPLOAD to your Wordpress Theme.

Bazar Premium WordPress Theme documentation http://yithemes.com/docs/bazar/01-install.html

1 of 7 24/06/2014 13:01

Drag the Bazar folder to your desktop. It should look like this:

Upload Bazar Theme Shop

UPLOAD the Bazar file. You can do this one of two ways:

a. Via Wordpress – Log into your Wordpress site.

When you get to your dashboard, scroll down the left sidebar to the Appearance-panel and hover over or click on “Appearance”. You will immediately

see a drop-down list like the one in the visual below:

Click on “Themes” and you will see two tabs – Manage Themes and Install Themes. Click “Install Themes”.


2 of 7 24/06/2014 13:01

Under “Install Themes”, click on “Upload”, and this is what you will see.

Now you are ready to upload the Bazar shop file that you unzipped earlier. Click “Browse” and find the Bazar Shop file on your desktop.

Click the Bazar Shop file, then click “open”. The file name will appear in the browse box.

Click “install now” and wait for the installation message. *Note: The installation will probably take a few minutes, so please be patient.

When the installation is finished, you should see this:

Under the words “Theme installed successfully,” you will see an option to immediately click on “Activate” to activate the theme. You may activate it

from this screen, or you can navigate back to “Appearance”, click on “Themes”, and there you will see all your theme choices, including Bazar Shop.


3 of 7 24/06/2014 13:01

Click on the Bazar Shop icon and then “Save and Activate”. Here is what your new screen will look like:

*Note - in the top yellow bar, you are being instructed to install the WooThemes Updater plugin, but THIS IS NOT NECESSARY, so please ignore

this suggestion.

Now you are ready to proceed to Step Two.

But before you move to Step 2, let’s take a detour. Maybe you prefer to upload your new Bazar Shop files via FTP instead of Wordpress. What would

you do? Follow these instructions:

b. Uploading Via Filezilla (SKIP THIS STEP if you have already successfully installed your Bazar Shop theme via Wordpress) - Now you will learn

how to upload your files using the Filezilla client.

First, BACKUP YOUR FILES! This is always the safest thing to do.

Next, download and install the Filezilla Client - http://filezilla-project.org/

Now OPEN FILEZILLA to see this window:

Fill in your FTP Credentials, like in the image shown below:


4 of 7 24/06/2014 13:01

Now “CLICK QUICKCONNECT” and Filezilla will load your website. Here is how it will look:

Now use the right side panel to navigate to your themes folder. In the example above, the theme folder is public_html/wp-content/themes/,

however, not all web hosting have public_html, it may be something different in your server.

After your themes/ folder is open, use the left side panel to navigate to the place where you have extracted the theme folder. In this example,

the extracted theme folder is on the desktop.

Drag the extracted theme folder into your web hosting:

**Note – you may be asked if you want to overwrite files and/or folder. Tick the option to "Always use this action" and click on "Ok.” Then

wait until all files are uploaded.


5 of 7 24/06/2014 13:01

That's all there is to it!

c. Via IE (Internet Explorer) FTP: (SKIP THIS STEP if you have already successfully installed your Bazar Shop theme via Wordpress)

If you prefer uploading your Bazar Shop files via Internet Explorer “ftp” you will use a slightly different method.

First, open a browser and type your ftp address into the address bar like so.

You will see this popup, asking you to insert your user name and password to open your ftp files.

When you insert the correct username and password into the screen, your browser window will open to show your ftp root files. (See below) Scroll

right on the navigation bar and find the word “Page”. Click on it to open a drop-down box like the one below. At the bottom of the drop-down click

“Open FTP Site”.

ALMOST DONE! After you click “Open FTP Site,” you’ll see this popup for the second time.


6 of 7 24/06/2014 13:01

Insert your user name and password again and you will get this screen:

Scroll to the folder you will use for your Bazar site. For example, if your site is called “My Shop,” scroll to that folder. Double-click on it to find three

main folders inside: WP-Admin, WP-Content, and WP-Includes.

Double-click on WP-Content and find “Themes” inside. Double click on “Themes” to open it then find Bazar Shop on your desktop.

BUT WAIT! Since you’re uploading via FTP you won’t insert the entire Bazar Shop folder into the root files. You must UNZIP IT.

Double-click on Bazar Shop and drag the Bazar folder inside (see below) into the YourShopName>WP-Content>Themes> folder in the FTP files.

Once you drag the files have finished copying, CLOSE THE FTP ROOT FILES FOLDER AND THE PAGE FILES FOLDER OF YOUR FTP FILES,

then go to your Wordpress dashboard, navigate to Themes, and see that Bazar Shop is one of your theme choices. Click on the Bazar Shop theme

icon, then click “Save and Activate”.

That’s it! You have now completed Step One.


7 of 7 24/06/2014 13:01





Install the Demo Content

Download and install theimages

Activate theWooCommerce Plugin

Pre-Customization

Congratulations. You have completed Step 1 and are now at the true “Starting Point” of customization. This is the point where your website will begin

to resemble the Bazar Shop demo site.

In this section, you will learn how to locate and install the demo content, and download the images so that your site looks like our demo site.

1. Install the Demo Content

Install Demo Content – On the left sidebar of your Bazar theme, find and click on the word “Bazar”. Scroll down to “Backup and Reset” and click to

open the Sample Data screen. Now, on the right side, scroll to the bottom of the paragraph and click “Install sample data”.

A bright yellow rectangle will pop up to say “Sample data installed correctly”, and you are now ready for the next step.

2. Download and install the images

Download and Install Images – Simply installing the demo content is not enough to make your new site look exactly like ours. You will also need to

download and install the sample images provided with the theme. The photos used in our demos are licensed from http://www.fotolia.com, and are

covered by Fotolia Copyrights. These photos should not be saved, copied or redistributed in any way (Read our terms and conditions) .

Stay on the Sample Data screen, but this time look to the column on the left. There you will see the sentence that says “Download Sample

Images”. Click it.

Now you will see this screen:

Bazar Premium WordPress Theme documentation http://yithemes.com/docs/bazar/02-pre-customization.html

1 of 2 24/06/2014 13:02

Click “Download Sample Images” and you will immediately see this popup:

Click “OK” to save the file into your download folder.

Now double-click on the Bazar folder, find the Uploads folder and drag it to your desktop.

Upload this folder via FTP. See Getting started for a reminder of how to upload items to your FTP files. Once you have opened the appropriate

files, drag your Uploads folder into the wp-content folder.

Don’t refresh yet!

Activate the WooCommerce Plugin

Activate the WooCommerce Plugin – If you have not already installed it, click here to install and activate: WooCommerce Plugin (WooCommerce -

excelling eCommerce).

Click REFRESH!

Now on to Step Three!

Bazar Premium WordPress Theme documentation http://yithemes.com/docs/bazar/02-pre-customization.html

2 of 2 24/06/2014 13:02





Setting Your Site to"Maintenance" Mode

Activating and Using theChild Theme

Customization

In this section, you will learn how to set your site to Maintenance Mode (without locking yourself out) and activate the Child Theme.

Setting Your Site to "Maintenance" Mode

Setting Your Site to Maintenance Mode – Your site may be up and running, but you’re probably not ready to have users register, bid or purchase. To

prevent these activities, just set your site to Maintenance Mode. Scroll to the left sidebar of your WP dashboard, click on Bazar and choose

“Maintenance Mode” from the drop-down. You will see this screen:

***WARNING! To activate “Maintenance Mode”, drag the “Enable Maintenance Page” button to the ON position (shown above). But BEFORE YOU

CLICK SAVE, you MUST drag the Administrator Button to the “Allowed” position (shown). If you do not “allow” the administrator (YOU!) access

to the site, you will lock yourself out of your own site.

IF YOU SOMEHOW MANAGE TO LOCK YOURSELF OUT OF YOUR SITE, you will need to open a ticket at YIThemes for help getting back in.

Activating and Using the Child Theme

USING THE CHILD THEME

Bazar Premium WordPress Theme documentation http://yithemes.com/docs/bazar/03-customization.html

1 of 3 24/06/2014 13:03

As you customize, you will make many changes. However, it is NEVER RECOMMENDED to make any changes to core files because each time a

theme update is released, your changes will be over-written and you’ll have to start all over again.

For this reason, we’ve included a Child Theme identical to the Bazar Parent theme which allows you to make changes without fear that your hard

work and customizations will be over-written.

The Child Theme must be activated via FTP. Here’s how:

First, open your FTP files. If you’ve forgotten how to do this, just follow the instructions in Step One, Item #7b of this manual to understand how to get

to your FTP files.

Find your Bazar Shop folder and double-click to find WP-Admin, WP-Content, WP-Includes.

Now double-click on “WP-Content”, then double-click on “Themes” to find the Bazar folder:

Now double-click to open “Bazar” and notice the “Bazar-child” theme inside. Drag the Bazar-child folder to your desktop.

Now click on the GREEN “BACK” BUTTON on your FTP browser.


2 of 3 24/06/2014 13:03

You should arrive back at this screen:

Drag the child-theme from your desktop (see example below) to your FTP files.

CAREFUL! Be sure that you DON’T DRAG THE FILE INSIDE ANY OF THE FOLDERS in the FTP. The child-theme should stand alone, like so:

CLOSE YOUR FTP FILES, go to your Wordpress Admin panel, click on “Themes”, and see Bazar-Child as a theme option:

ACTIVATE YOUR BAZAR CHILD THEME by clicking it to make it appear in the top of the page as the “current theme”. Then click the “Activate”

button.

All done! Now on to Step Four.


3 of 3 24/06/2014 13:03





Choosing a "Home" Page

Choose and set your blogpage

Tweaking your pages

Writing an article andusing the “READ MORE”button

Setting Your Contact Page

Page Settings

By now your site has the look and feel of a true Bazar shop.

In this section, you will learn all about Pages, including how to choose and set your Home Page, how to create a Home Page using one of 10 layouts if

you did not import the demo content, and how to choose and set your Blog Page.

You will also learn how to set your Site Pages (including sidebars and SEO settings), how to use the “Read More” shortcode when you write an article,

and how to set your Contact Page.

Now we will explore the specific contents contained in the editor for the different Page Layouts:

1. Home Page

a. For HomePage I, you will use the following Shortcodes:

[recent_products per_page="8" columns="4" orderby="date" order="desc"] [products_tabs per_page="-1" slider="yes" orderby="menu_order" order="desc" categories="must-have, best-seller, special-offers, " ]

b. For HomePage II, you will use the following Shortcodes:

[products_slider title="FEATURED PRODUCTS " per_page="9" featured="yes" latest="no" best_sellers="no" on_sale="no" category="0" orderby="menu_order" order="desc" layout="default" ]

[products_slider title="ON SALE " per_page="9" featured="no" latest="no" best_sellers="no" on_sale="yes" category="0" orderby="menu_order" order="desc" layout="default" ]

c. For HomePage III, you will use the following Shortcodes:

Bazar Premium WordPress Theme documentation http://yithemes.com/docs/bazar/04-page-settings.html

1 of 17 24/06/2014 13:03

[one_fourth class="" last="no" ] <h3>E-commerce theme</h3> <img class="aligncenter size-full wp-image-843" alt="" src="http://yourinspirationtheme.com/demo/cheope/files/2012/10/shop.jpg" width="250" height="158" /> Fusce nec accumsan eros. Aenean ac orci a magna vestibulum posuere quis nec nisi. Maecenas rutrum vehicula condimentum. Donec volutpat nisl ac mauris consectetur gravida. [/one_fourth] [one_fourth class="" last="no" ] <h3>Responsive design</h3> <img class="aligncenter size-full wp-image-845" alt="" src="http://yourinspirationtheme.com/demo/cheope/files/2012/10/responsive.jpg" width="250" height="158" /> Fusce nec accumsan eros. Aenean ac orci a magna vestibulum posuere quis nec nisi. Maecenas rutrum vehicula condimentum. Donec volutpat nisl ac mauris consectetur gravida. [/one_fourth] [one_fourth class="" last="no" ] <h3>Clean and corporate</h3> <img class="aligncenter size-full wp-image-846" alt="" src="http://yourinspirationtheme.com/demo/cheope/files/2012/10/corporate.jpg" width="250" height="158" /> Fusce nec accumsan eros. Aenean ac orci a magna vestibulum posuere quis nec nisi. Maecenas rutrum vehicula condimentum. Donec volutpat nisl ac mauris consectetur gravida. [/one_fourth] [one_fourth class="" last="yes" ] <h3>Fall in love with Bazar</h3> <img class="aligncenter size-full wp-image-847" alt="" src="http://yourinspirationtheme.com/demo/cheope/files/2012/10/love.jpg" width="250" height="158" /> Fusce nec accumsan eros. Aenean ac orci a magna vestibulum posuere quis nec nisi. Maecenas rutrum vehicula condimentum. Donec volutpat nisl ac mauris consectetur gravida. [/one_fourth] [clear] [products_slider title="Featured Products" per_page="-1" featured="no" latest="yes" best_sellers="no" category="0" orderby="menu_order" order="desc" ] [call_three title="Stay updated with the last offers" incipit="subscribe our newsletter. No spam, we promise." email="email" email_label="your e-mail" submit="ADD ME TO THE LIST" action="" method="post" ]

d. For HomePage IV, you will use the following Shortcodes:

[products_slider title="NEW PRODUCTS ON BAZAR" per_page="8" featured="no" latest="yes" best_sellers="no" category="0" orderby="menu_order" order="desc" layout="default" ] <h3>ON SALE</h3> [show_products per_page="3" category="0" show="onsale" orderby="menu_order" order="desc" layout="default" ]

e. For HomePage V, you will use the following Shortcodes:

[section_services items="4" title="" description="" show_excerpt="yes" excerpt_length="10" show_title="yes" show_detail_hover="yes" show_title_hover="yes" show_services_button="yes" services_button_text="Read More" services_style="bandw" items_per_row="4" ] [products_tabs per_page="-1" slider="yes" orderby="menu_order" order="desc" categories="must-have, best-seller, special-offers, " ]

f. For HomePage VI, you will use the following Shortcodes:

[show_products per_page="6" category="0" show="all" orderby="menu_order" order="desc" layout="default" ]

g. For HomePage VII, you will use the following Shortcodes:

[products_categories per_page="4" numbers="yes" hide_empty="yes" style="transparent" orderby="menu_order" order="desc" category="30, 36, 34, 35, " ]

h. For HomePage VIII, you will use the following Shortcodes:

<h2>WELCOME TO BAZAR, ANOTHER GREAT <span style="color: #d28d2c;">E-COMMERCE THEME</span></h2> [border] Sed ac arcu quis mauris aliquam vulputate sed nec felis. Nulla nec magna a justo tempus congue ac at felis. <a href="#">Maecenas non arcu</a> sed tortor tincidunt feugiat a ac nisl. Vestibulum vel lorem ac justo tincidunt porta ultrices porttitor mi. Aliquam laoreet malesuada est, at dignissim est lacinia non. Vestibulum sodales leo ac risus luctus malesuada. Maecenas vel risus arcu. Aenean eu nisl id ante elementum scelerisque. Nullam nisi orci, <strong>sodales eu tempor</strong> ut, placerat vehicula sem. Aenean pulvinar rutrum ipsum sit amet dictum. Aliquam vitae sagittis leo. Nam at enim non diam fermentum dapibus vitae in sem. Suspendisse vestibulum lorem sed nulla feugiat auctor. Vivamus consectetur augue ut nisi blandit faucibus. Phasellus sit amet neque rhoncus ante congue porttitor.


2 of 17 24/06/2014 13:03

i. For HomePage IX, you will use the following Shortcodes:

[features_tab name="demo"]

j. For HomePage X, you will use the following Shortcodes:

[numbers_sections number="1" title="Register on =Bazar shop=" last="no" ]Quisque nec mi eu nibh aliquam elementum. Ut cursus nisl sit amet sapien dignissim at adipiscing lectus ornare lorem lorem dieus.[/numbers_sections] [numbers_sections number="2" title="Enjoy our =products=" last="no" ]Quisque nec mi eu nibh aliquam elementum. Ut cursus nisl sit amet sapien dignissim at adipiscing lectus ornare lorem lorem dieus.[/numbers_sections] [numbers_sections number="3" title="Get our free =discount=" last="no" ]Quisque nec mi eu nibh aliquam elementum. Ut cursus nisl sit amet sapien dignissim at adipiscing lectus ornare lorem lorem dieus.[/numbers_sections] [numbers_sections number="4" title="..be happy =and go shopping!=" last="yes" ]Quisque nec mi eu nibh aliquam elementum. Ut cursus nisl sit amet sapien dignissim at adipiscing lectus ornare lorem lorem dieus.[/numbers_sections] [products_tabs per_page="-1" slider="yes" orderby="menu_order" order="desc" categories="must-have, best-seller, special-offers, " ] [one_third class="" last="no" ] [banner width="0" height="92" url="#" target="no" title="GET A FREE SUPPORT" subtitle="Call us +00 39 837372" title_size="16" title_size_hover="10" subtitle_size="12" subtitle_size_hover="17" icon_size="38" icon_size_hover="52" background="" background_image="" border="#d0cece" color_icon="#a1a1a1" color_title="#000000" color_subtitle="#666464" background_hover="#464646" border_hover="" color_icon_hover="#f09d0c" color_title_hover="#d0cece" color_subtitle_hover="#fff" type="switch-text" icon="phone" style="no" ] [/one_third] [one_third class="" last="no" ] [banner width="0" height="92" url="#" target="no" title="OUR HAPPY CUSTOMERS SAY.." subtitle="Read the great testimonials" title_size="18" title_size_hover="12" subtitle_size="14" subtitle_size_hover="18" icon_size="35" icon_size_hover="50" background="" background_image="" border="#d0cece" color_icon="#a1a1a1" color_title="#000000" color_subtitle="#666464" background_hover="#464646" border_hover="" color_icon_hover="#f09d0c" color_title_hover="#d0cece" color_subtitle_hover="#fff" type="switch-text" icon="comments-alt" style="no" ] [/one_third] [one_third class="" last="yes" ] [banner width="0" height="92" url="#" target="no" title="ENJOY OUR LATEST NEWS" subtitle="enjoy our blog" title_size="16" title_size_hover="10" subtitle_size="12" subtitle_size_hover="17" icon_size="35" icon_size_hover="50" background="" background_image="" border="#d0cece" color_icon="#a1a1a1" color_title="#000000" color_subtitle="#666464" background_hover="#464646" border_hover="" color_icon_hover="#f09d0c" color_title_hover="#d0cece" color_subtitle_hover="#fff" type="switch-text" icon="bullhorn" style="no" ] [/one_third]

1. Choosing a "Home" Page

CHOOSE AND SET YOUR HOME PAGE - We have included many Page Layouts for you to choose from. Here are two ways to choose and set your

Home Page.

First Method: If you installed the Demo Content, you don’t need to create a new Home Page, you just need to choose from among the ten (10)

Home Pages that were automatically created from the demo content.

Now let’s suppose you want HOME-II as your home page. To set it, you would navigate to your WP-Admin panel, scroll down the left sidebar to

“Settings” and click on “Reading Settings:”

Click on “A static page”, then click on the “Front Page Box” to open a drop-down list. In this example, we chose “Home II” as our Home page.

Next, choose a Blog page by clicking the “Posts Page tab” to open a drop-down list. Here, we chose Sphera.


3 of 17 24/06/2014 13:03

Now you can further customize your site:

Decide how many Blog Pages and Syndication feeds you want to show.

Regarding feed articles, click to show the full text.

**Note – We will demonstrate how to use the “Read More” button.

Decide whether you want to discourage the Search Engines from indexing your site. **Note – this is usually chosen while the site is being set

up and tweaked. You can always go back later and un-click it so that the Search Engines will index it.

NOW SAVE YOUR CHANGES!

2. Choose and set your blog page

CHOOSE AND SET YOUR BLOG PAGE.

Now you will need to do the same thing for your blog. Note here that we chose the “Sphera” blog design from the “Pages” option on the left. After

we click “Add to Menu”, the Sphera page appears on the menu.

Next, we clicked the Sphera drop-down arrow and it opened to look like the image below.

Then we changed the “Navigation Label” from Sphera to “Blog”. You may change your Navigation Label to whatever you choose, such as “News”

or “Information”.

Note that the bottom of the drop-down shows “Original: Sphera.” This means you are using the “Sphera” layout but you have re-named it “Blog”.


4 of 17 24/06/2014 13:03

Be sure to save all your changes!

BUT WAIT! If you DID NOT import the Demo Content, you will need to MANUALLY CREATE your Home and Blog Pages. Here’s how:

First, go to your WP-Amin left sidebar, click on “Pages” and click “Add New”.

Name your new page “Home,” “Home-I,” “Home-II,” or whatever is appropriate for the Home Page layout that you are using.

Now scroll to the right sidebar and click on the Template drop-down arrow. From the drop-down, choose the “Home” template.

Scroll up to “Parent” and click on the drop-down. Then click “Home” because the Home page will be the parent.

Add any content you want, or add the content later, whichever you choose.

Now scroll up and click “Publish”.

Create your Blog Page the same way.

First, add a new page, give it a name (we called ours “Blog”), then scroll to “Parent” and click on “Blog”. Then scroll to “Template” and click on

“Blog”.


5 of 17 24/06/2014 13:03

That’s all there is to it!

**Note: You can show blog posts on other pages that are not using the Blog template, by using the “Blog” shortcode. You can find it by

clicking the “Y” in the Visual text window (shown above), or by clicking “Get Shortcodes” if you are using the Text Window.

3. Tweaking your pages

TWEAKING YOUR PAGES – Whether you create your Pages via manually or via demo content, you can do many things to tweak and

improve them.

Every Page will include these options:

In this example, we are preparing to tweak our Blog Page, which looks like this:


6 of 17 24/06/2014 13:03

Beginning with “Page Settings”, we made the following changes:

a. Slogan – We added “Your Blog News”

b. Sub-Slogan – We added “Get it Here”

c. SideBar – Note by the highlighted sidebar that we decided to use the “Right Sidebar”. Then, since different pages can have different

sidebars, we opened the Sidebar Dropdown to choose which sidebar to use. In our case, we decided to use the same sidebar that we use

for the Home-11 layout.

DON’T FORGET TO SCROLL UP TO THE TOP RIGHT SIDE OF YOUR PAGE AND CLICK “UPDATE!”

This is what our tweaked Blog Page looks like. Note the “Stay Updated” info and “Popular Posts” info which appear to the “Right Sidebar”.

Now we will proceed to “SEO”, or “Search Engine Optimization”. **Note - This demonstration is not included to give you a lesson on

SEO, but only to show you how you can tweak our pages:

Depending upon your website’s theme and your page’s purpose, you can choose a popular SEO title for your page. We gave our blog page

the title of “Indie News”.


7 of 17 24/06/2014 13:03

You can also include important keywords and a page description. We used “indie” and “entrepreneur” as key words, then wrote a quick

page description.

There are many places that can help you develop keywords. One example is Google Keywords.

CLICK SAVE THEN REFRESH!

On first glance, it may seem as if nothing has changed, but it has:

Notice here that even though your visitor is technically on your blog page, the tab says “Indie News”, just as you labeled it on the SEO

page.

Now let’s tweak the Header:

For purposes of this demonstration, we chose the slider “Flexslider Elegant”, but you can add whatever you like. Also, we are leaving

the other “tweak possibilities” to you to experiment with as you please. SAVE AND REFRESH!

Now let’s see how our Blog page looks with a slider on it:

Here it is, complete with the Flexslider Elegant choice! Notice that it still displays the Slogan and Sub-Slogan we assigned to it

earlier.


8 of 17 24/06/2014 13:03

Our next tweak is the background color or image:

You can experiment with any image, color or option you desire. SAVE AND REFRESH! Here is how our Blog page looks after inserting a

custom green color:

For the Google Maps Page Tweak, please see the Bazar Shop video tutorial.

4. Writing an article and using the “READ MORE” button

WRITING AN ARTICLE AND USING THE “READ MORE” BUTTON – First you need to CREATE A NEW POST. Scroll to the leftsidebar of your WP-Admin panel, click on “Posts” and from the drop-down, choose “Add New”.


9 of 17 24/06/2014 13:03

When the Post Page opens, give it a title, add some text, choose a Format, and choose a Category. In this example, we’veadded two paragraphs of text. We have also chosen the “Standard” format and we listed this article as “Uncategorized”.

To see how your article will look BEFORE YOU SAVE IT, you can scroll to the top right and click “Save Draft” then“Preview”. Here is what ours looks like:


10 of 17 24/06/2014 13:03

But perhaps you want to abbreviate the text so that your visitors will only see the first paragraph, and will have to click“Read More” to read the rest of the post. Here’s how to do it:

First, decide how much text you want your readers to see. In the example below, we decided to show the first paragraphonly, so we scrolled to the end of the paragraph and clicked so that the cursor appeared there.

Next, we located the word “More” on the Post toolbar (highlighted in this example). When we clicked “More” theshortcode appeared at the end of the first paragraph.

And here’s how the “More” shortcode looks in the Visual Editor:

Next, we scrolled right and clicked “Publish”, because this is the only way to see how the finished post will look. Thenwe clicked “Preview”, and here’s our Post with “More:”

Notice that the title “Test Post” has shifted to the left side after we clicked “Publish”. Also now only the first paragraphof the article shows, and a NEW BUTTON shows that says, “VIEW THE FULL ARTICLE”.


11 of 17 24/06/2014 13:03

But what if you want to add a picture to your post? Here’s what you do: Scroll to the top of your browser and find andclick “EDIT PAGE”. This will take you back to the original “Test Post” editable screen.

Now scroll down to the bottom right of the page and find and click “Set Featured Image”.

This will open your Media page, and you can either upload an image or use a previously uploaded image. In the examplebelow, we are using a previously uploaded image. We clicked on the picture on the third row, second from the left and a“check mark” appeared, indicating that this is the picture we want to use.

Now scroll to the bottom right and click the blue box that says "Set Featured Image". Then scroll to the top right andclick “Update”.


12 of 17 24/06/2014 13:03

Here’s how our page looks with the picture we chose:

You can experiment placing the “Read More” button or placing pictures wherever you like on your article.

5. Setting Your Contact Page

Setting Your Contact Page – Let’s assume that you imported the demo content and already have a Contact Page (if youDID NOT import the demo content, go ahead and create a Contact Page).


13 of 17 24/06/2014 13:03

Notice the “short code” in the body of the page. Also notice that we made sure we were using the correct template byscrolling right to “Template” clicking on the drop-down and highlighting “Contact”.

To create your Contact Form, scroll to the left Sidebar, click on “Contact Forms”, then click “Add New”.

Here is what your screen will look like. Since you can have as many unique Contact Forms as you like, you should giveeach form you create a unique name so you it is easy to find when you want to use it. For this demonstration, we gaveours the name “Your New Contact Form.”

Next, you will notice TWO TABS: Contact Form Configuration and Add/Edit Form.

Beginning with the Contact Form Configuration tab, scroll through the options and complete all the fields. For example,“Receiver(s) and Senders” will YOUR email, or the email of a person designated by you. Place the Sender Name of yourchoice in the appropriate field. Here, we’ve used “Admin”.

Complete all the other fields.

Now click on the Add/Edit Form field. The screen will have several fields. In this example, there are four fields: Message,


14 of 17 24/06/2014 13:03

Name, Email, Website.

On “Enter Your Message”, find and click on the drop-down arrow to get to this screen:

Complete all the fields. **Note – The DATA NAME field

Now open the other three fields and complete the information.

CLICK SAVE!

Now navigate back to the WP-Admin sidebar (left), find and click on Contact Forms>All Contact Forms. You should havegiven your Contact Form a name. In our case, we named ours “Contact Form”.


15 of 17 24/06/2014 13:03

To the extreme right of the “Contact Form” is the shortcode that should be copied and pasted into your Contact Page.

Copy and paste this code into your Contact Page, click UPDATE, then scroll to the bottom of your Contact Page tocomplete the customization:

Just like the earlier pages, you can tweak your Contact Page.

In this example, we have tweaked the Slogan, the Sub-Slogan, and the Sidebar (note that this sidebar is located to theleft).

We have previously demonstrated how to tweak your SEO, so we will skip this.

Now we will tweak your Contact Page Header.

Notice (in the image below) that we have decided NOT to use a slider.

We have moved the “Use Static Image” button to the “On” position because we have our own “static” custom image wedesire to use.

To use a custom image, simply click “Upload”, then upload the image from wherever it is located. Once it has finisheduploading, it will produce a link that you should copy and paste into the “Static Image” box, like the example below:

We will not complete a Background tweak this time, so we will move on to the Google Map tweak:


16 of 17 24/06/2014 13:03

Notice that the Google Map option includes a link to Google Maps. When you follow that link, you will be able to insertyour business or home address to generate a map link for your website.

**NOTE – YOU CAN ALSO USE AN IMAGE LINK IN THE GOOGLE MAP FIELD, IF YOU PREFER.

Now CLICK SAVE and navigate to your Contact Page to see how it looks in its finished form.

Here is our Contact Page after all the tweaking. Notice the Custom image, the Slogan and Sub-Slogan and the GoogleMap.

That’s all there is to it! Now ON TO STEP FIVE!


17 of 17 24/06/2014 13:03





Navigation Bar

Choose the pages

Add to menu

Set the menu

Navigation label

Order the menu

The Navigation (Menu) Bar

Now that you have tweaked your pages, it’s time to learn how to make your Pages show on the Navigation Bar.

1. Navigation Bar

You will choose and arrange your Pages on the Navigation Bar via the “Menus” page. First, go to your WP-Admin left sidebar, click on

“Appearance” and then on “Menus”.

If you imported the demo content, your menu will already have pages on it, but if not, you will need to build your Menu like the example above.

Begin by giving your Menu a name. In the illustration above, we simply called ours “Menu”.

2. Choose the pages

Next, choose the Pages that will show on your Menu. To do this, scroll down to the bottom left of your Menus page and find “Pages”. Click on the

Pages that you want to show on your Menu. **Note - Sometimes only the “Most Recent” pages show. To show all your pages, click “View All”.

Bazar Premium WordPress Theme documentation http://yithemes.com/docs/bazar/05-navigation.html

1 of 3 24/06/2014 13:04

3. Add to menu

Click on the pages you want to show, then click “Add to Menu”, and the pages will appear on your menu like the above example.

4. Set the menu

Now add your Menu to your Navigation bar. In the above example, we have several customs menus to choose from, but we want to use

“Menu”. So we clicked “Main Navigation” to open a drop-down box, then clicked “Menu” for the Main Navigation.

Since you are using the HOME-II page layout as your example, simply go to the “Home” box on the Menu, click on the drop-down arrow, and it

will open like the picture below.

5. Navigation label

But you probably don’t want it to say “Home-II” on your Navigation Bar, you just want it to say “Home”. Therefore, once the drop-down opens

(like the image below), change the Navigation Label from “Home-II” to “Home”.

**Note - the bottom of the drop-down still reads “Original: Home-II”, so you know you’re using the right page layout.


2 of 3 24/06/2014 13:04

Now do the same thing for your Blog. Remember, we chose the “Sphera” blog layout, so you need to choose “Sphera” from your “Page” option

and it will be added to the Menu.

Look at the bottom right of this example and see that it is “Sphera” blog page layout. But you may not want your blog page to be called “Sphera,”

so delete the name on the Navigation Label and type the name you want in its place. In this example, we called the page “Blog”.

6. Order the menu

**Note – Click and drag the pages on the right side of your Menu to arrange them in whatever order you desire.

SAVE ALL YOUR CHANGES!

For a more detailed explanation of how to set up your menu in Wordpress, go to: http://codex.wordpress.org/Appearance_Menus_SubPanel


3 of 3 24/06/2014 13:04





Create a menu

Enable CSS Classes

Insert the pages

Create the Megamenu

The MegaMenu

Now that you have tweaked your pages, it’s time to learn how to build a unique menu or MegaMenu.

1. Create a menu

In order to build a beautiful MegaMenu, you will first need to create a new menu. Go to the left side of the WP-Admin panel, find “Appearance,”

then “Menus”.

Now click the + option on the top right menu navigation bar to create a new menu. For this demonstration, we have called our “megamenu”.

**Important – use all lowercase letters. Notice also that we have changed the “Theme Location” (right) to “megamenu”.

Be sure to CLICK SAVE.

2. Enable CSS Classes

Now scroll up and find the “Screen Options” at the top right of the Menu, and click on the drop-down arrow: Now the screen looks like this:

Bazar Premium WordPress Theme documentation http://yithemes.com/docs/bazar/06-megamenu.html

1 of 6 24/06/2014 13:05

No matter what other items are checked, to create a MegaMenu, you MUST click/check the CSS CLASSES box.

CLICK “SAVE MENU” and close the Screen Options view.

3. Insert the pages

Next, choose the Pages that will show on your MegaMenu. To do this, scroll to the bottom left of your Menus page and find “Pages”. Click on the

Pages you want to show. **Note - Sometimes only the “Most Recent” pages show. Click “View All” to show all your pages. Here is a

screenshot of the pages we added:

**Note – the pages are in random order. This is how they will show on the Navigation Bar:

We DON’T want our pages in random order, so we will now return to the Menu Page and drag the pages to the order we desire. Remember to click

each drop-down button to change the names of the pages you have chosen (as demonstrated in Section 5 – Menus). Below, we changed several

names:


2 of 6 24/06/2014 13:05

Now our Navigation Bar looks like this:

4. Create the Megamenu

Now we can begin the MegaMenu. To follow the link to the detailed MegaMenu video created by YIThemes, sign into YIThemes.com, - click on

Home, scroll down to Themes and click on the second item, entitled Bazar Video Tutorials:

When you click Bazar Video Tutorials, you will see the following page. Click Item 1.8, which will take you to the MegaMenu video.

Watch the video as many times as you need in order to understand how to create the MegaMenu.

Now, go back to your “Menus” page and scroll to the “Custom Links” section on the middle left. Change the “URL” to “#”, and change the label

to whatever you want in your menu. In our example, we will change the label to “Shop By”.


3 of 6 24/06/2014 13:05

Now click “Add to Menu”, and “Shop By” will appear on your menu.

Drag it in the order you want it to appear on your Navigation bar.

Next, click on the drop-down arrow of the “Shop By” icon, and when the screen opens up, find “CSS Class” and type “megamenu”.

Now decide what Categories you want to list under “Shop By.” In our demonstration, we will begin with “Genre” so users can shop for books via Genre.


4 of 6 24/06/2014 13:05

After clicking “Add to Menu,” the “Genre” Category appears on the menu, and we arrange it under the “Shop By” category:

Now we can add some Sub-Categories under “Genre”. We will add “ER & Pre-K, K-3, MG, YA, Adult.

Now we will add a new Category called “Media” so that users can shop for their books via different media:


5 of 6 24/06/2014 13:05

Here is what our Menu looks like after adding the Media Category and several Sub-Categories:

Now CLICK SAVE, then navigate to your Home Page. Here is a visual of our new Navigation Bar with all the pages we’ve chosen, and with the

“Shop By” MegaMenu.

You may continue to experiment with your MegaMenu, including adding images to it, and so forth.


6 of 6 24/06/2014 13:05





Shortcodes

Section

Post type

Shop

Shortcodes

In this section, you will learn about the 93 Shortcodes, what they can do, and where to find more information.

Shortcode Name 1/3 Column

Location Shortcodes

Parameters CSS class

Last element

Your content

Description This shortcode creates one column of a third.

Screenshot

Usage [one_third class="" last="no" ][/one_third]


Location Shortcodes


Last element

Your content

Description This shortcode creates one column of a fourth.

Screenshot

Usage [one_fourth class="" last="no" ][/one_fourth]


Location Shortcodes


Last element

Your content

Description This shortcode creates two columns of a third.

Bazar Premium WordPress Theme documentation http://yithemes.com/docs/bazar/07-shortcodes.html

1 of 39 24/06/2014 13:06

Screenshot

Usage [two_third class="" last="no" ][/two_third]


Location Shortcodes


Last element

Your content

Description This shortcode creates two columns of a fourth.

Screenshot

Usage [two_fourth class="" last="no" ][/two_fourth]


Location Shortcodes


Last element

Your content

Description This shortcode creates three columns of a fourth.

Screenshot

Usage [three_fourth class="" last="no" ][/three_fourth]

Shortcode Name Add Space

Location Shortcodes

Parameters Click to print a space

Description This shortcode shows a “space” between text in the area designated.

Screenshot


2 of 39 24/06/2014 13:06

Shortcode Name Alert Box

Location Shortcodes

Parameters Your content in the box

Description This shortcode shows an alert box

Screenshot

Usage [alert][/alert]

Shortcode Name Animated Banner

Location Shortcodes

Parameters Switch Text: select variables

Width: the title to display

Height: or tagline

Link: choose an icon

Open in New Window: (yes/no)

Title:

Subtitle:

Icon

Predefined Style

Description This shortcodes prints a banner

Screenshot

Usage [banner width="0" height="100" url="#" target="no" title="" subtitle="" title_size="14" title_size_hover="11" subtitle_size="11" subtitle_size_hover="14" icon_size="35" icon_size_hover="50" background="" background_image="" border="" color_icon="" color_title="" color_subtitle="" background_hover="" border_hover="" color_icon_hover="" color_title_hover="" color_subtitle_hover="" type="switch-text" icon="" style="no" ]

Shortcode Name Arrow Box

Location Shortcodes

Parameters Your content in the box

Description This shortcodes shows an example of box alert with an arrow icon.

Screenshot


3 of 39 24/06/2014 13:06

Usage [arrow] [/arrow]

Shortcode Name Bliptv Video

Location Shortcodes

Parameters Video ID: the id number

Width: the width to display

Height: the height to display

Description This shortcode embeds the player Bliptv video.

Screenshot

Usage [bliptv video_id="" width="640" height="360"]

Shortcode Name Box Service

Location Shortcodes

Parameters Title

Url

Image URL

Show Title

Show Content

Show Button

Button Text

Your content

Description This shortcode shows a box with services style

Screenshot

Usage [box_service][/box_service]


4 of 39 24/06/2014 13:06

Shortcode Name Box Title

Location Shortcodes

Parameters Your content is placed in the box

Description Your content is placed in the box

Screenshot

Usage [box_title][/box_title]

Shortcode Name Button

Location Shortcodes

Parameters URL

Target

Default

Color

Color start

Color end

Alignment

Vertical

Color of text

Width

Normal

Icon

Choose your option

Icon size

CSS class

Your content

Description This shortcode shows a simple custom button

Screenshot

Usage [button] [/button]

Shortcode Name Button Icon

Location Shortcodes

Parameters URL

Icon

Custom Icon Path

Sense

Your content


5 of 39 24/06/2014 13:06

Description This shortcode shows a simple custom button with an icon

Screenshot

Usage [button_icon href="#" icon_path="" icon="" sense="ltr"][/button_icon]

Shortcode Name Call to Action Newsletter

Location Shortcodes

Parameters Title

Incipit

E-mail

E-mail label

Button text

Action URL

Hidden fields

Method

Description This shortcode shows a message with newsletter subscription

Screenshot

Usage [call_three title="" incipit="" email="" email_label="your e-mail" submit="" action="" hidden_fields="" method="post"]

Shortcode Name Call to Action Phone

Location Shortcodes

Parameters Title

Incipit

Phone

CSS Class

Description This shortcode shows a box with an incipit and a number phone

Screenshot


6 of 39 24/06/2014 13:06

Usage [call title="" incipit="" phone="" class="call-to-action"]

Shortcode Name Call to Action With Button

Location Shortcodes

Parameters URL

Label Button

CSS Class

Color

Color Start

Color End

Alignment

Color of Text

Width

Icon

Icon Size

Your content

Description This shortcode shows a box with an incipit and a number phone

Screenshot

Usage [call_two href="#" label_button="" class="call-to-action-two" colorstart="#000000" colorend="#FFFFFF" colortext="#FFFFFF" icon_size="12" color="" align="vertical" width="normal" icon=""][/call_two]

Shortcode Name Chart

Location Shortcodes

Parameters Title

Type

Background

Width

Height

Labels

Colors

Data

Advanced Data

Use SSL

Alignment

Description This shortcode creates and prints a chart

Screenshot


7 of 39 24/06/2014 13:06

Usage [chart title="" bg="#ffffff" width="400" height="200" labels="" colors="" data="" advanced="" use_ssl="no" type="p3" align="center"]

Shortcode Name Contact Info

Location Shortcodes

Parameters Title

Address

Address Icon

Phone

Phone Icon

Mobile

Mobile Icon

Fax

Fax Icon

Email

Email Icon

Description This shortcode shows contact info

Screenshot

Usage [contact_info title="" address="" phone="" mobile="" fax="" email="" address_icon="" phone_icon="" mobile_icon="" fax_icon="" email_icon=""]

Shortcode Name Daily Motion Video

Location Shortcodes

Parameters Video ID

Width

Height

Description This shortcode embeds the player DailyMotion video

Screenshot


8 of 39 24/06/2014 13:06

Usage [dailymotion video_id="" width="640" height="360"]

Shortcode Name Drop Cap

Location Shortcodes


Description This shortcode formats content with a big first letter

Screenshot

Usage [dropcap][/dropcap]

Shortcode Name Error Box

Location Shortcodes


Description This shortcode shows an error box

Screenshot

Usage [error][/error]

Shortcode Name Feed Slider

Location Shortcodes

Parameters URL

No. Of Items

Speed

Time Out

Description This shortcode creates a slider containing RSS feeds

Screenshot


9 of 39 24/06/2014 13:06

Usage [feed_slider url="" number="3" speed="500" timeout="5000"]

Shortcode Name Google Maps

Location Shortcodes

Parameters Width

Height

URL

Description This shortcode prints the Google Map box

Screenshot

Usage [googlemap width="1" height="1" src=""]

Shortcode Name Grid

Location Shortcodes

Parameters First

Last

Columns

Your content

Description This shortcode uses the grid for the responsive

Screenshot


10 of 39 24/06/2014 13:06

Usage [grid first="no" last="no" columns="1"][/grid]

Shortcode Name Highlight

Location Shortcodes


Description This shortcode highlights a block of text

Screenshot

Usage [highlight][/highlight]

Shortcode Name Icon

Location Shortcodes

Parameters Type

Color

Size

Unit

Description This shortcode inserts an icon in the content

Screenshot


11 of 39 24/06/2014 13:06

Usage [icon color="#000" size="12" type="" unit="px"]

Shortcode Name Icon Box

Location Shortcodes

Parameters Icon

Icon Size

Title

Title Tag

CSS Class

Link

Link Title

Last Element

Your content

Description This shortcode shows a box with title and icon on the left and a block of text section (you

can use HTML tags)

Screenshot

Usage [box_section title="the title" class="box-sections" link="" link_title="" last="no" icon="box" size="32" title_size=""][/box_section]

Shortcode Name Image

Location Shortcodes

Parameters URL

Alternate Text

Width

Height

Description This shortcode inserts an image

Screenshot


12 of 39 24/06/2014 13:06

Usage [img src="" alt="" width="1" height="1"]

Shortcode Name Image Lightbox

Location Shortcodes

Parameters URL

Link

Size

Target

Lightbox

Title

Alignment

Auto Height

Description This shortcode inserts an image

Screenshot

Usage [image url="" link="" title="" size="medium" target="" lightbox="true" align="left" autoheight="false"]

Shortcode Name Images Slider

Location Shortcodes

Parameters Effect

Width

Height

Speed

Direction

Your content is placed in the box

Description This shortcode creates an image slider

Screenshot

Usage [images_slider width="0" height="200" speed="8000" effect="fade" direction="horizontal"][/images_slider]

Shortcode Name Info Box


13 of 39 24/06/2014 13:06

Location Shortcodes


Description This shortcode shows an info box

Screenshot

Usage [info][/info]

Shortcode Name Last Post Box

Location Shortcodes

Parameters Icon

Size

Title

CSS Class

Category

More Text

Show Date

Show Title

Last Element

Description This shortcode shows the last post of a specific category

Screenshot

Usage [lastpost title="" class="box-sections" more_text="" showdate="yes" showtitle="yes" last="no" icon="box" size="32" cat_name="0"]

Shortcode Name List Bullet

Location Shortcodes

Parameters Type of Bullet

Your content

Description This shortcode shows a list with bullets

Screenshot


14 of 39 24/06/2014 13:06

Usage [list_bullet type="star"][/list_bullet]

Shortcode Name Logged User

Location Shortcodes

Parameters Text before Username

Text after Username

Display

Description This shortcode shows the user name of the logged user with some option text before and

after

Screenshot

Usage [logged_user before="Hello " after="" display="display_name"]

Shortcode Name Logo Font

Location Shortcodes

Parameters Size of Text

Unit

Color

Your content

Description This shortcode shows text with logo style

Screenshot

Usage [logo size="44" color="#b6b6b7" unit="px"][/logo]

Shortcode Name Logos Slider

Location Shortcodes

Parameters Title

No. Of Items

Height

Speed


15 of 39 24/06/2014 13:06

Description This shortcode shows a slider with logos

Screenshot

Usage [logos_slider title="" items="-1" height="50" speed="500"]

Shortcode Name Members Only

Location Shortcodes

Parameters Role

Message

Your content

Description This shortcode shows contents intended for registered members only

Screenshot

Usage [members_only message="" role="administrator"][/members_only]

Shortcode Name Newsletter Form

Location Shortcodes

Parameters Title

Description

URL

Email

Email Label

Submit Text

Hidden Fields

Method

Description This shortcode shows a newsletter form

Screenshot


16 of 39 24/06/2014 13:06

Usage [newsletter_form title="" description="" action="" email="" email_label="" submit="" hidden_fields="" method="post"]

Shortcode Name Notice Box

Location Shortcodes


Description This shortcode shows a notice box

Screenshot

Usage [notice][/notice]

Shortcode Name Numbers Section

Location Shortcodes

Parameters Number

Title

Last Element

Your content

Description This shortcode shows a number background with a title and text

Screenshot

Usage [numbers_sections number="1" title="" last="no"][/numbers_sections]

Shortcode Name Popular Posts Box

Location Shortcodes

Parameters No. Of Items

Category

Thumbnail

Show Date/Excerpt

Limit Words

More Text

Description This shortcode shows popular posts

Screenshot


17 of 39 24/06/2014 13:06

Usage [popularpost items="3" showthumb="yes" excerpt_length="20" readmore="Read more..." cat_name="0" date="yes"]

Shortcode Name Posts List

Location Shortcodes

Parameters Category

No. Of Items

Title

Description This shortcode prints a list of posts

Screenshot

Usage [posts items="3" title="" cat="0"]

Shortcode Name Price Box

Location Shortcodes

Parameters Title

Price

URL

Text of Button

Text Color

Box Color

Last Element

Your content

Description This shortcode creates a box of prices

Screenshot


18 of 39 24/06/2014 13:06

Usage [price title="title" price="" href="#" buttontext="Show" textcolor="#000000" color="#ffffff" last="no"][/price]

Shortcode Name Print Border Line

Location Shortcodes

Parameters Click to print a border

Description This shortcode prints a border line

Screenshot

Usage [border]

Shortcode Name Print Clear

Location Shortcodes

Parameters Click to print a "clear"

Description This shortcode prints a "clear" to undo the floating

Screenshot None; this is invisible

Usage [clear]

Shortcode Name Print Shortcode

Location Shortcodes


Description This shortcode shows code without executing it

Screenshot

Usage [print_sc][/print_sc]


19 of 39 24/06/2014 13:06

Shortcode Name Quote

Location Shortcodes

Parameters Your content: the is placed in the box

Description This shortcode adds content into a box quote

Screenshot

Usage [quote][/quote]

Shortcode Name Random Numbers

Location Shortcodes

Parameters Icon URL

Text

Number

Last Element

Description This shortcode shows an icon with a block of text

Screenshot

Usage [random_numbers icon="" text="" number="" last="no"]

Shortcode Name Recent Post Box

Location Shortcodes


Category

Thumbnail

Show Date of Excerpt

Limit Words

More Text

Description This shortcode shows the last post of a specific category

Screenshot


20 of 39 24/06/2014 13:06

Usage [recentpost items="3" showthumb="yes" excerpt_length="20" readmore="Read more..." cat_name="0" date="no"]

Shortcode Name Share

Location Shortcodes

Parameters Title

Socials

CSS Class

Icon Type

Description This shortcode prints share buttons

Screenshot

Usage [share title="" socials="facebook, twitter, google, pinterest, bookmark" href="#" class="" icon_type="rounded"]

Shortcode Name Show Code

Location Shortcodes


Description This shortcode shows code without executing it

Screenshot

Usage [pre][/pre]

Shortcode Name Size of Text

Location Shortcodes

Parameters Pixel

Percent

Em


21 of 39 24/06/2014 13:06

Your content

Description This shortcode allows you to select the size of text

Screenshot

Usage [size px="" perc="" em="" ] [/size]

Shortcode Name Social

Location Shortcodes

Parameters Type

Icon Type

Size

URL

Target

Title

Description This shortcode prints a simple icon for social

Screenshot

Usage [social href="#" title="" type="" icon_type="default" size="" target=""]

Shortcode Name SoundCloud Player

Location Shortcodes

Parameters Use iFrame

URL

Autoplay

Show Artwork

Show Comments

Color

Description This shortcode shows the audio player of SoundCloud

Screenshot


22 of 39 24/06/2014 13:06

Usage [soundcloud iframe="yes" url="" auto_play="no" show_artwork="yes" show_comments="yes" color="#ff7700"]

Shortcode Name Special Font

Location Shortcodes

Parameters Size

URL

Your content

Description This shortcode selects a special font of text

Screenshot

Usage [special_font][/special_font]

Shortcode Name Style Text

Location Shortcodes

Parameters Color

Your content

Description This shortcode styles a text

Screenshot

Usage [style][/style]

Shortcode Name Success Box

Location Shortcodes

Parameters Your content placed in the box

Description This shortcode shows an example of success box alert


23 of 39 24/06/2014 13:06

Screenshot

Usage [success][/success]

Shortcode Name Table

Location Shortcodes

Parameters Border Color

Your content

Description This shortcode creates a table content

Screenshot

Usage [table color="white"][/table]

Shortcode Name Testimonials Slider

Location Shortcodes


Limit Words

Speed (ms)

Time Out (ms)

Description This shortcode shows a slider with testimonials

Screenshot

Usage [testimonials_slider items="1" excerpt="32" speed="500" timeout="5000"]


24 of 39 24/06/2014 13:06

Shortcode Name Tick

Location Shortcodes

Parameters Size

Color

Description This shortcode inserts a tick on the content

Screenshot

Usage [x size="18" color="#23b10b" ]

Shortcode Name Toggle

Location Shortcodes

Parameters Title

Opened

Your content

Description This shortcode creates a toggle content

Screenshot

Usage [toggle title="your_title" opened="no" ][/toggle]

Shortcode Name Twitter

Location Shortcodes

Parameters User Name

No. Of Items

CSS Class

Time

Replies

Description This shortcode prints a list of last tweets

Screenshot


25 of 39 24/06/2014 13:06

Usage [twitter username="" items="5" class="last-tweets-widget" time="yes" replies="yes" ]

Shortcode Name URL

Location Shortcodes

Parameters URL

Title

Your content

Description This shortcode inserts a url link

Screenshot

Usage [url] [/url]

Shortcode Name Veoh Video

Location Shortcodes

Parameters Video ID

Width

Height

Description This shortcode embeds the Veoh video player

Screenshot

Usage [veoh video_id="" width="640" height="360" ]

Shortcode Name Viddler Video

Location Shortcodes

Parameters Video ID


26 of 39 24/06/2014 13:06

Width

Height

Description This shortcode embeds the Viddler video player

Screenshot

Usage [viddler video_id="" width="640" height="360" ]

Shortcode Name Video

Location Shortcodes

Parameters Video ID

Width

Height

Description This shortcode embeds the video player

Screenshot

Usage [video_id="" width="640" height="360" ]

Shortcode Name Vimeo Video

Location Shortcodes

Parameters Video ID

Width

Height

Description This shortcode embeds the Vimeo video player

Screenshot


27 of 39 24/06/2014 13:06

Usage [vimeo video_id="" width="640" height="360" ]

Shortcode Name Yahoo Video

Location Shortcodes

Parameters Video ID

Width

Height

Description This shortcode embeds the Yahoo video player

Screenshot

Usage [yahoo video_id="" width="640" height="360" ]

Shortcode Name YouTube Video

Location Shortcodes

Parameters Video ID

Width

Height

Description This shortcode embeds the YouTube video player

Screenshot


28 of 39 24/06/2014 13:06

Shortcode Name Price Table 2 Columns

Location Shortcodes

Parameters Click to insert code

Description This shortcode creates a table box of prices

Screenshot

Usage [price_table_two] [price_table type="large" color="#686767" title="title" price="10.20" href="#" buttontext="Show"][/price_table] [price_table title="title" price="10.20" href="#" buttontext="Show"][/price_table] [/price_table_two]


Location Shortcodes



Screenshot

Usage [price_table_three] [price_table type="large" color="#686767" title="title" price="10.20" href="#" buttontext="Show"][/price_table] [price_table title="title" price="10.20" href="#" buttontext="Show"][/price_table] [/price_table_three]


Location Shortcodes



Screenshot


29 of 39 24/06/2014 13:06

Usage [price_table_four] [price_table type="large" color="#686767" title="title" price="10.20" href="#" buttontext="Show"][/price_table] [price_table title="title" price="10.20" href="#" buttontext="Show"][/price_table] [/price_table_four]


Location Shortcodes



Screenshot

Usage [price_table_five] [price_table type="large" color="#686767" title="title" price="10.20" href="#" buttontext="Show"][/price_table] [price_table title="title" price="10.20" href="#" buttontext="Show"][/price_table] [/price_table_five]

Shortcode Name Tabs

Location Shortcodes

Parameters Click to insert shortcode

Description This shortcode creates a content with tabs

Screenshot


30 of 39 24/06/2014 13:06

Usage [tabs tab1="Tab 1" tab2="Tab 2" tab3="Tab 3"] [tab id="tab1"]Your content 1[/tab] [tab id="tab2"]Your content 2[/tab] [tab id="tab3"]Your content 3[/tab] [/tabs]

Shortcode Name Icon List

Location Shortcodes

Parameters Title

Last Element

Icon

Icon URL

Item

Item Link

Description This shortcode uses a list with an icon

Screenshot

Usage [icon_list title="Your Sample Icon List" last="no" icon_url_1=" " item_1="" item_link_1="" icon_1="" ]

Shortcode Name SiteMap

Location Shortcodes

Parameters Insert Title

Description This shortcode creates a sitemap that can be configured in Theme Option Settings

Screenshot


31 of 39 24/06/2014 13:06

Usage [sitemap title=""]

Section

Shortcode Name Blog

Location Section Shortcodes


Title

Description

Category

Show Excerpt

Limit Words

Show Title

Show Comments

Show Date

Show Read More

MoreText

Show Features

Show Author

Description This shortcode prints a blog type

Screenshot

Usage [section_blog items="-1" title="" description="" show_excerpt="yes" excerpt_length="10" show_title="yes" show_comments="yes" show_date="yes" show_readmore="no" readmore_text="|| Read more" show_featured="yes" show_author="yes" category="0" ]

Shortcode Name Portfolio



Title

Description

Portfolio

Show Lightbox hover

Style

Description This shortcode prints a portfolio type

Screenshot


32 of 39 24/06/2014 13:06

Usage [section_portfolio items="-1" title="" description="" show_lightbox_hover="no" portfolio="" portfolio_style="classic" ]

Shortcode Name Services



Title

Description

Show Excerpt

Limit Words

Show Title

Style

Items per row

Show Detail (circle)

Show Title (circle)

Description This shortcode prints a services type

Screenshot

Usage [section_services items="-1" title="" description="" show_excerpt="yes" excerpt_length="10" show_title="yes" show_detail_hover="yes" show_title_hover="yes" show_services_button="yes" services_button_text="Read More" services_style="circle" items_per_row="4" ]

Post type

Shortcode Name FAQ

Location Post Type Shortcodes

Parameters Filterable

Categories


33 of 39 24/06/2014 13:06

Description This shortcode shows Frequently Asked Questions

Screenshot

Usage [faq filter="yes" category=""]

Shortcode Name Slider


Parameters Name of Slider

Alignment

Description This shortcode shows a created slider. This is an example of the FlexiClassic Slider

Screenshot

Usage [slider name="" align="" ]

Shortcode Name Team


Parameters Name

Style

Description This shortcode prints a created team

Screenshot


34 of 39 24/06/2014 13:06

Usage [team name="" style="professional" ]

Shortcode Name Testimonials



Style

Description This shortcode shows all posts on testimonial post types

Screenshot

Usage [testimonials items="-1" style="square-style" ]

Shortcode Name Contact Form


Parameters Name

Description This shortcode prints a created contact form

Screenshot

Usage [contact_form name="" ]


35 of 39 24/06/2014 13:06

Shortcode Name Portfolios


Parameters Name of Portfolio

Description This shortcode prints a created portfolio

Screenshot

Usage [portfolio name="" ]

Shortcode Name Features Tab


Parameters Name

Description This shortcode shows all features tabs posts in a tabbed div

Screenshot

Usage [features_tab name="" ]

Shop

Shortcode Name Product Categories Slider

Location Shop Shortcodes

Parameters Title

Items


36 of 39 24/06/2014 13:06

Category

Show numbers

Hide Empty

Style

Order by

Sorting

Description This shortcode lists all (or limited) product categories

Screenshot

Usage [products_categories_slider title="" per_page="-1" numbers="yes" hide_empty="yes" style="traditional" orderby="menu_order" order="desc" category="" ]

Shortcode Name Product Categories



Categories

Show Numbers

Hide Empty

Style

Order By

Sorting

Description This shortcode lists all (or limited) product categories

Screenshot

Usage [products_categories per_page="-1" numbers="yes" hide_empty="yes" style="traditional" orderby="menu_order" order="desc" category="" ]

Shortcode Name Products Tabs


37 of 39 24/06/2014 13:06



Category

Slider

Order by

Sorting

Description This shortcode lists products in tabs

Screenshot

Usage [products_tabs per_page="-1" slider="yes" orderby="menu_order" order="desc" categories="" ]

Shortcode Name Products Slider


Parameters Title

Items

Category

Featured

Latest

Best sellers

On Sale

Order by

Sorting

Layout

Description This shortcode adds a products slider

Screenshot

Usage [products_slider title="" per_page="12" featured="no" latest="no" best_sellers="no" on_sale="no" category="0" orderby="menu_order" order="desc" layout="default" ]

Shortcode Name Reset WooCommerce Loop


38 of 39 24/06/2014 13:06



Description This shortcode resets the woocommerce loop

Screenshot None; this is invisible

Usage [reset_woocommerce_loop ]

Shortcode Name Show the Products



Category

Show

Order by

Sorting

Layout

Description This shortcode shows the products

Screenshot

Usage [show_products per_page="-1" category="0" show="all" orderby="menu_order" order="desc" layout="default" ]


39 of 39 24/06/2014 13:06





How to asksupport?



Platform.








Widgets

In this section, you will learn about the 25 Custom Widgets that come with this theme, and where to find more information.

Widget Name Almost Categories

Location All Sidebars

Parameters Widget title

Description The shortcode gets a list of categories without categories excluded from options panel

Screenshot

Widget Name Audio Player


Parameters Title: title of the audio

Url: url of the audio

AutoPlay: check yes/no to autoplay

Show Artwork

Description The shortcode adds a SoundCloud audio player

Screenshot

Widget Name Call to Action


Parameters Title

Automatically add Paragraphs

Image

Image link

Incipit

Email text

Button Text

Bazar Premium WordPress Theme documentation http://yithemes.com/docs/bazar/08-widgets.html

1 of 9 24/06/2014 13:06

Description The shortcode displays a simple call to action with an image

Screenshot

Widget Name Contact Info


Parameters Title

Address

Phone

Fax

Email

Description The shortcode displays simple contact information

Screenshot

Widget Name FAQ Filters


Parameters Filterable

Category

Description The shortcode shows frequently asked questions category

Screenshot


2 of 9 24/06/2014 13:06

Widget Name Featured Products


Parameters Title

Number of products to display

Slider effect

Time Out

Animation speed

Link Thumbnail

Description The shortcode displays a list of featured products on your site

Screenshot

Widget Name Featured Projects


Parameters Title

Portfolio

Items

Slider effect

Time out

Animation speed

Description The shortcode shows a slider with featured project, added into portfolio Post Type

Screenshot

Widget Name Google Maps


Parameters Title

Url

Width

Height

Description The shortcode displays a box with a Google map

Screenshot


3 of 9 24/06/2014 13:06

Widget Name Header Text With Image

Location Header Sidebar

Parameters Title: the title to display

Image

Image link

Image alignment

Your content

Description The shortcode displays arbitrary text or HTML, with a simple image above text. This

widget must be used only in Header Sidebar

Screenshot

Widget Name Home Recent Posts

Location Home Sidebar

Parameters Title

Items

Show Thumbnail

Show Number of comments

Description The shortcode displays the latest posts, with a preview thumb. The widget must be used

only in Home widget area

Screenshot

Widget Name Icon Text Widget



Link

Icon

Text


4 of 9 24/06/2014 13:06

Description The shortcode displays Arbitrary text or HTML, with a simple icon near title

Screenshot

Widget Name Last Tweets


Parameters Title

Username

Limit

Description The shortcode retrieves the last tweets

Screenshot

Widget Name More Projects


Parameters Title

Portfolio

Items

Speed animation

Description The shortcode shows a slider with a list of projects, added into portfolio Post Type

Screenshot


5 of 9 24/06/2014 13:06

Widget Name Popular Posts



Items: select if this number sc is the last of the row

Show post date of excerpt

Excerpt length

More text

Description The shortcode displays a list of popular posts, in order of comments, with a preview of

thumbs

Screenshot

Widget Name Portfolio Categories


Parameters Widget Title

Portfolio type

Description The shortcode gets a list of portfolio categories, created on portfolio custom type

Screenshot

Widget Name Quick Contact Form


Parameters Title

Text

Label Name

Description The shortcode displays the Quick contact form

Screenshot


6 of 9 24/06/2014 13:06

Widget Name Quote


Parameters Quote

Author

Description The shortcode displays a simple quote to use in your theme

Screenshot

Widget Name Testimonial Widget


Parameters Number: the value to display

Title: the title to display

Last element: select if this number sc is the last of the row

Your content: the content below the title

Description The shortcode adds a slider testimonial on your widget which links to a category to show

the contents

Screenshot

Widget Name Text


Parameters Title

Text

Description The shortcode displays arbitrary text or HTML

Screenshot


7 of 9 24/06/2014 13:06

Widget Name Text With Image


Parameters Title

Image

Image Link

Image Alignment

Text

Description The shortcode displays arbitrary text or HTML with a simple image above the text

Screenshot

Widget Name Toggle Menu


Parameters Title

Menu

Description The shortcode prints a custom menu in a sidebar with a fancy toggle jQuery effect. Create

a proper menu for this widget in Appearance -> Menus


8 of 9 24/06/2014 13:06

Screenshot

Widget Name YITH WooCommerce Ajax Navigation

Location Shop Sidebars

Parameters Title

Attributes

Query Type

Types

Description The shortcode shows active navigation filters so users can see and deactivate them

Screenshot

Widget Name YITH WooCommerce Compare Widget

Location Shop Sidebars

Parameters Title

Description The shortcode compares products

Screenshot


9 of 9 24/06/2014 13:06





Update alert

Update via Filezilla

Update via FTP

Updating Your Theme Files

From time to time, you will see an Admin panel notice alerting you about available updates. In this section, you will learn how to install the updated

files via FTP and via Filezilla.

Update alert

THEME UPDATE ALERT - Whenever we update our theme files, we will send an alert through your WP Admin panel. In this example, you see an

alert for an update to the Bazar Child theme. **Note – there is also a second update alert here, which probably means that one of your

plugins has an update available.

YOU CAN GET TO YOUR UPDATE SCREEN BY CLICKING ON “BAZAR CHILD” OR BY GOING TO YOUR LEFT SIDEBAR AND CLICKING ON

“THEMES.”

On the “Themes” Panel, a yellow bar will say “A new version of the Bazar Child is available for download.”

Read the “Update Download” instructions carefully, then

BACKUP YOUR FILES! This is the safest thing you can do whenever you are updating your files. There are many plugins for backing up your files.

Just go to Wordpress Plugins and experiment with a few. One suggestion is the plugin called XCloner.

Bazar Premium WordPress Theme documentation http://yithemes.com/docs/bazar/09-updating.html

1 of 5 24/06/2014 13:07

Now go to your Themeforest account and download the updated files to your computer desktop.

Complete all the CHILD THEME steps of this manual to update your child theme.

Update via Filezilla

Updating Via Filezilla - Now you will learn how to update your files using the Filezilla client.

First, BACKUP YOUR FILES! This is always the safest thing to do.

Next, download and install the Filezilla Client - http://filezilla-project.org/

Now OPEN FILEZILLA to see this window:

Fill in your FTP Credentials, like in the image shown below:

Now “CLICK QUICKCONNECT” and Filezilla will load your website. Here is how it will look:


2 of 5 24/06/2014 13:07

Now use the right side panel to navigate to your themes folder. In the example above, the theme folder is public_html/wp-content/themes/,

however, not all web hosting have public_html, it may be something different in your server.

After your themes/ folder is open, use the left side panel to navigate to the place where you have extracted the theme folder. In this example,

the extracted theme folder is on the desktop.

Drag the extracted theme folder into your web hosting:

**Note – you may be asked if you want to overwrite files and/or folder. Tick the option to "Always use this action" and click on "Ok.” Then

wait until all files are uploaded.

That's all there is to it!

But wait! Using this updating method will overwrite all your custom code. If you edited some files, your changes will be lost.

If you do not want to lose any changes, do not follow the last step of dropping the entire folder. Just follow the steps below.

The most important thing is to have a list of files with your custom codes.

In our example, we edited functions.php and custom.css adding some code.

To find out which individual theme files were changed with the update, open the theme changelog. You can find this in:

yourthemefolder/Changelog.txt. Every time we create a new update, we will use insert what we changed and which files have been changed

into the yourthemefolder/Changelog.txt file. Check the file list to be sure that your custom files are not changed in this update.

Here is an example of a ChangeLog List:

UPDATED:

bazar-child/style.css

bazar-child/woocommerce/*


3 of 5 24/06/2014 13:07

core/functions-core.php

core/functions-template.php

core/lib/yit/Backup/Backup.php

core/lib/yit/Portfolio_type/Portfolio_type.php

core/lib/yit/Type/Types/Typography.php

core/templates/shortcodes/newsletter_form.php

core/widgets/almost_all_categories.php

core/yit/Cache.php

core/yit/Contact_Form.php

core/yit/CPT_Unlimited.php

As you can see by this list, the files functions.php and custom.css ARE NOT changed.

**Note, the functions.php and custom.css files cannot be uploaded, so you will need to open your FTP client and connect to your website.

Now navigate to wp-content/themes/ and open your theme folder (wp-content/themes/bazar/, in this example).

Select all files and folders, except the 2 with custom codes. Drag them and drop all in the right side panel, like in the screenshot below.

FileZilla will ask if you want to overwrite the files and folders. Say “Yes” and overwrite all files and folders.

**Note - If your custom files are in the UPDATED list, you have to update them manually. You need to re-add your custom code to the

updated file again, and only then will you upload it, overwriting the file online.

Update via FTP

UPDATING YOUR REGULAR THEME FILES VIA FTP – You can also upload the files via FTP. If you need a refresher course on how to get to your

FTP files, please go to Step One, Installing the Bazar Shop Files.

In the meantime, download the Themeforest files to your desktop…

DOUBLE-CLICK to find the Bazar_Wordpress_Theme file…

DOUBLE CLICK to find the “Bazar” zip file…


4 of 5 24/06/2014 13:07

DOUBLE CLICK on the Bazar zip file to find the “Bazar” folder.

DRAG THE BAZAR FOLDER TO YOUR DESKTOP. Then open your FTP files and navigate to the folder you have designated for your Bazar Shop.

Open that folder and find WP-Admin, WP-Content, WP-Includes…

DOUBLE CLICK on Wp-Content…

DRAG YOUR “BAZAR” FOLDER from your desktop to this FTP folder.

**WARNING – Do not drag your Bazar folder inside of any of the folders. IT MUST STAND ALONE!

OF COURSE, SINCE THERE IS ALREADY A BAZAR FOLDER IN YOUR FTP FILES, you will quickly receive an alert asking whether you’re

sure you want to replace it. Click “YES ALL” to replace the files.

Once the folder has finished uploading/replacing, it will momentary look as if you have two Bazar file folders, but don’t worry; this is only

because you haven’t refreshed yet.

There is actually no need to refresh. That will happen automatically, once you close the folder.

Remember to CLOSE YOUR TWO FTP WINDOWS, then navigate back to your “Themes” window on your WP Admin panel. The “Update” alert

should be gone, and you should have the most current files.

And now you’re finished and ready for STEP 10!


5 of 5 24/06/2014 13:07





How to asksupport?



Platform.








Setting up The Newsletter

By now your theme should have the look and feel of the Bazar Shop.

In this section, you will learn how to set up a FREE registration with MailChimp, then design your Newsletter.

REGISTER FOR MAIL CHIMP - First, please realize that although we recommend MailChimp, there are many other services and plugins you can use

for your newsletter. If you prefer to use something else but you’re not sure if it will work with Bazar Shop, feel free to Contact Us to discuss it.

NEXT, go to the MailChimp website - http://mailchimp.com - to register for FREE.

After you register, you will see this screen.

Click the red “Activate Your Account” button and follow the prompts. When you have inserted the proper “captcha” numbers and letters, you will see

this Sign-in form:

Bazar Premium WordPress Theme documentation http://yithemes.com/docs/bazar/10-newsletter.html

1 of 5 24/06/2014 13:08

When you sign in, you will be asked to complete some information, like your name, address and url. You can’t move forward until this is completed.

Once completed, you can click “Let’s Go” to be taken to your MailChimp dashboard, like the one shown here. Click the green “Create A List” button.

Name your list, complete all the required information, then click “Save.”

You will now be redirected to a page that says “Your List Was Created”. On the left of this page, find and click the Green Button (underneath the Red

button) that says “Design Signup Forms”. Select the list you just created.

Now you will be taken to a page that looks like this. It will have several fields.

You should remove all fields except the “Email Address” field. To do this, click on a field and it will become highlighted in yellow. You will also see

two buttons at the bottom of the field, one with a + (plus) and another with a – (minus).


2 of 5 24/06/2014 13:08

Click on the minus ( - ) and you will see this confirmation window:

Once you have deleted all other fields except the Email Address field, scroll up to the top right of your page and click “Save & Exit”. You should be

re-directed to the Lists page. Click on the Red “View” button, then click “Stats Overview” in the drop-down.

You will see a navigation menu (in red) on the top right of the page. Click “For Your Website” and then “Signup Form Embed Code” in the

drop-down.

When you are redirected to your new page, look on the left sidebar. You will notice that you can choose from three types of Newsletters: Super Slim,


3 of 5 24/06/2014 13:08

Classic and Naked. You can even go “Super Custom.” Since each choice produces a distinct code, you must first decide which type of form you want.

Click your choice, then scroll to the very bottom of the page and you will see a Blue Button that says Create Embed Code. You should copy this

code, then paste it into your site.

Click the code and when it highlights in black, right-click on it, scroll down and click “Copy”. Then paste it into whatever type of word document

(Microsoft or Notepad) that is on your computer desktop.

Find this line of code: form action="http://your-username.us5.list-manage.com/subscribe/post?u=cf970914a3dc00778243ad149&id=236a018dc2"

Copy the value of the attribute action, this: http://your-username.us5.list-manage.com/subscribe/post?u=cf970914a3dc00778243ad149&

id=236a018dc2

Go back to your Wordpress dashboard and navigate to Bazar>Theme Options>General >Newsletter. Paste the code in the very first field, which is

called “Form Action”.


4 of 5 24/06/2014 13:08

Also type “Email” in the “Email Theme” field. Then click “Save Options”.

Now your newsletter is complete!


5 of 5 24/06/2014 13:08





How to asksupport?



Platform.








Localization (Translation)

In this section, you will learn how to translate your site into your native language. You will also learn how to transform your site into a multi-language

site if you want.

First, this theme is ready for localization via .po/.mo files, and works with the WPML plugin. **Note – The WPML plugin is a premium plugin and IS

NOT INCLUDED in this theme package. If you desire to use the WPML plugin, you must buy and install it yourself.

If you are not familiar with translating Wordpress themes, we highly recommend that you read this article: http://codex.wordpress.org

/Translating_WordPress

WPML Configuration

This is the best configuration to operate wpml plugin:

Now for the steps:

First, check the values of your wp-config file. To do this, go to your theme folder (via Filezilla, Internet Explorer or your provider). Note here that

the wp-config file is highlighted.

1.

Bazar Premium WordPress Theme documentation http://yithemes.com/docs/bazar/11-localization.html

1 of 4 24/06/2014 13:08

Drag the wp-config file to your desktop, then double-click to open it via Notepad. Here’s how it will look:

Next, find the folder languages of the theme by following this path:

WP-Content>Themes>Bazar>Languages.

2.

Now double-click on Languages, and when the file opens, find the default.po file. Right click on it to copy it.

You won’t be able to paste the copied file in your ftp files, so go to your desktop, right-click and save the file there.

3.

Now rename your copy of default.po. For example, rename your file

fr_FR.po for France,

en_EN.po for English

he_HE.po for hebraic, and so on.

Here’s how the renamed file will look:

4.


2 of 4 24/06/2014 13:08

Now Download POEdit.

Notice that once you install PoEdit, your renamed file will change:

Now Open your renamed file with the POEdit software and translate it by going to File and clicking on Preferences.

When your new screen opens, click on Editor, then click Automatically generate mo:


3 of 4 24/06/2014 13:08

Be sure to save your translated file, then upload the new .mo and .po via FTP to your server, in the languages folder.


4 of 4 24/06/2014 13:08





Installation

Settings

Adding a product

Product variations

Adding product galleries

Image dimension settings

YITH WooCommerce AjaxNavigation

YITH WooCommerceCompare

WooCommerce

You can see our videotutorials of WooCommerce plugins at this link in our support forum.

Installation

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t even need to leave your web browser. To do an

automatic install of WooCommerce log in to your WordPress admin panel and go to: Plugins > Add New.

In the search field type “WooCommerce” and click Search Plugins. Once you’ve found the plugin you can view details about it such as the the point

release, rating and description. Most importantly of course, you can install it by simply clicking Install Now. After clicking that link you will be asked if

you’re sure you want to install the plugin. Click “yes” and WordPress will automatically complete the installation.

After you’ve installed and activated the plugin, be sure to select ‘Install WooCommerce Pages‘ to get started.

Settings

Inside this panel you’ll find all the core WooCommerce settings such as catalog settings, pages, payment gateways, shipping methods and tax rates

accessible via the tabs at the top of the screen.

To configure your shop go to WooCommerce > Settings. Then browse through the tabs below to get more information on the WooCommerce Options.

For more details, please follow the official docs

Adding a product

Adding a simple product is a straight forward process and not too dissimilar from authoring a standard WordPress post. In the Products menu click

Add Product; you will be presented with a familiar interface, and should immediately see where to type the product title and full description.

Bazar Premium WordPress Theme documentation http://yithemes.com/docs/bazar/12-woocommerce.html

1 of 6 24/06/2014 13:09

Next is the Product Data tab set. This is where the majority of the product data is input.

SKU – stock keep unit, used to track products. Must be unique, and should be named so it does not clash with post ID’s

Price:

Regular Price – The item’s main price

Sale Price – The item’s sale price

Tax:

Tax Status – The items’ tax status

Tax Class – Which tax class the product belongs to. You can set up tax classes in WooCommerce > Settings > Tax


Product variations

Variable products are a great feature of WooCommerce for offering variations of a product with different prices, stock and more. They can be used for

offering variations of a product e.g. a large t-shirt vs a small t-shirt. Each variation can have different properties and prices.

Set the product type: to add a variable product first selection the type ‘variable’ from the product type dropdown. The interface will change to reflect

your selection.

Define variation attributes: on the attributes tab add some attributes to your product. You can use global attributes or define some custom ones

specific for your product.

Make sure to assign all values of the attribute to the variable product which will become options and check the 'variation' checkbox on each attribute to

tell WooCommerce its for your variations:


2 of 6 24/06/2014 13:09

Add variations: After saving your product you can now begin to add variations, or link all possible variations. To add a variation, click the ‘add

variation’ button. A new blank row will appear ready for you to input the data.

Price fields must be set per product


Adding product galleries

Product galleries simply display all images attached to a product, with the Featured Image being the primary image.

You can create a product gallery using the same method as adding a featured image, rather using the Product Gallery meta box instead.


Image dimension settings

On the catalog tab, WP Dashboard -> WooCommerce -> Settings -> Catalog, of the WooCommerce settings you’ll see three image dimension inputs.

Catalog Images appear on your shop loops. Product categories, up sells / cross sells etc

Single Product Image is the main image on your product details page

Product thumbnails are the gallery thumbnails on your product details page (if you have a gallery)

The images you upload will be resized to match the values your input here accurately as possible. IE if your settings are 100×100 and you upload a

300×600 image it will be resized to 100×200. You can also choose to ‘hard crop’ your images which will force them to be the size specified in these


3 of 6 24/06/2014 13:09

settings, regardless of the raw image you upload, but will be cropped rather than distorted in scale.

Remember if you change these settings after uploading product imagery you will need to regenerate your thumbnails within WordPress for the

changes to be applied to your current imagery. To do this we recommend using the Regenerate Thumbnails plugin.On the catalog tab, WP Dashboard

-> WooCommerce -> Settings -> Catalog, of the WooCommerce settings you’ll see three image dimension inputs.

YITH WooCommerce Ajax Navigation

To use the YITH WooCommerce Ajax Navigation you need to create an attribute in Products -> Attributes with more Terms.

Create more products with the attributes created before.

After, go to Appearance -> Widgets and insert the widget called YITH WooCommerce Ajax Navigation in a sidebar. You need to insert one widget

for each attributes.

NOTE: the sidebar must be set in a Shop page

Set the widget with:

Title

Attribute

Query type

Type

YITH WooCommerce Compare

You can set the options of this plugin in WooCommerce > Settings >Products Compare.


4 of 6 24/06/2014 13:09

You can show the button Compare checking the options "Show button in single product page" and "Show button in products list".

In Table Settings you can set the attributes that it will be show in the compare popup.

For yse the Compare plugin, you need simple to create a product with some attributes and click on the popup button. Now you see the popup with the

products:

If you want add a custom link in the menu for open a popup (for example in the Topbar menu), you can add the link with this CSS class:

yith-woocompare-open


5 of 6 24/06/2014 13:09


6 of 6 24/06/2014 13:09





How to asksupport?



Platform.








Version 2.3.0 - Released Apr, 17 - 2014

Added: support to WooCommerce 2.1.71.

Added: support to Wordpress 3.92.

Tweak: Changed single quote char to html entities ' on wishlist page on remove link. Can create issues on html3.

code4.

Updated: ru_RU language files with more strings translated by Kovalenko Dmitriy and Pavel Piller5.

Fixed: Incorrect output for target on button_icon shortcode6.

Fixed: Incorrect escape on wishlist ui class7.

Fixed: TinyMCE shortcodes button error on theme options8.

Added: Filter to set on by default terms and condition on place order step9.

Version 2.2.3

Updated: Revolution slider to 4.3.3 version1.

Fixed: Wishlist page option disappear on woocommerce 2.1.x - added it to wishlist settings2.

Fixed: Quantity for variable product in main content3.

Fixed: Validations issues4.

Fixed: og:description tags not strip tags and shortcodes on product description5.

Tweak: Translated new strings for Portuguese-Brazil language by Kaike Bastos6.

Added: Filters for custom out of stock and on sales badges7.

Added: Filters for View Cart labels. Filter is named yit_view_cart_label8.

Version 2.2.2

Added: Support for Woocommerce Subscription plugin1.

Added: Action on list products view to add more info for products2.

Added: Open Graph image and description in single product and taxonomy3.

Added: Compatibility with Woocommerce Currency Converter4.

Updated: Italian Translation by Alessando Di Leonardo5.

Fixed: Checkout Order Review6.

Fixed: Cart widget close tag on wrong position, cause layout error on single product page7.

Fixed: Wrong string translate for WPML in Flash Slider8.

Fixed: Login form in Firefox9.

Fixed: Label Cart on Woocommerce 2.1.x10.

Fixed: Required checkbox on contact form page11.

Fixed: Main navigation broken links on mobile device.12.

Fixed: WPML Warnings13.

Fixed: Checkout Error Style14.

Fixed: Retina generator to false by default15.

Fixed: Woocommerce Products widget not stilized correctly16.

Fixed: Wrong colspan on cart shipping table17.

Fixed: SKU changing after variations select update18.

Fixed: Grouped Products in 2.1.x19.

Fixed: Wrong colspan in Tax Checkout20.

Fixed: Product Slider Order by Price21.

Fixed: Wrong vertical direction of carousel on Magnifier22.

Version 2.2.1

Fixed: Twice ReOrder button on My Account page1.

Fixed: Wrong path in style.css from child theme2.

Fixed: Display label in single product variation3.

Fixed: Wrong ID in shop page4.

Bazar Premium WordPress Theme documentation http://yithemes.com/docs/bazar/13-changelog.html

1 of 8 24/06/2014 13:09

Added: Filter for out of stock text5.

Updated: Italian Translation by Alessando Di Leonardo6.

Version 2.2.0

Added: Support to Woocommerce 2.1.21.

Added: New italian translation by Alessandro Di Leonardo2.

Fixed: Variable product images outside "variations form"3.

Fixed: Image Lightbox with variation without magnifier4.

Fixed: Add to cart button on variable products5.

Version 2.1.0

Added: Compatibility to WordPress 3.81.

Added: 'woocommerce_checkout_billing_address_title' filter2.

Added: localization to 'Get in touch' title3.

Added: support to FB Connect free plugin and integrated with the theme4.

Added: WPML - Sale Badge Woocommerce Compatibility5.

Updated: Revolution Slider Version 4.1.16.

Fixed: Woocommerce Cart on sidebar when hide is empty is active7.

Fixed: Out of stock badge in loop8.

Fixed: Unable to reorder contact form fields9.

Fixed: Columns number on Product Category Shortcodes10.

Fixed: Google Rich Snippets11.

Fixed: Body configuration for the inquiry form12.

Fixed: number of items in the header cart widget13.

Version 2.0.1

Added: Attribute show_featured_image for the section_blog shortcode1.

Updated: YITH Magnifier2.

Updated: Italian language pack3.

Updated: French language pack4.

Fixed: Related products can be disabled with the option in Theme Options > Shop > Product details page > Custom related products number5.

Fixed: Image hover when on list view6.

Fixed: Removed warnings on the shop page or categories with description7.

Fixed: [box_title] shortcode shows correctly on blog posts8.

Fixed: Blog elegant wrong CSS with divs9.

Fixed: SSL error with megamenu featured image10.

Fixed: Share shortcode icon type default was wrong11.

Fixed: yit-notifier in getXML function12.

Fixed: Header cart options working fine13.

Fixed: WooCommerce variations sanitization14.

Fixed: Toggle widgets is added to any sidebar used on Woocommerce pages15.

Fixed: Possible error with French and other translations16.

Fixed: Wrong style for related products price17.

Fixed: Image hover on products pages18.

Fixed: Style error with the plugin Woocommerce BTO19.

Fixed: Wrong borders on blog big ribbon20.

Fixed: Language files supported also in the child theme21.

Fixed: Out of stock badge22.

Fixed: Undefinied HTTP_USER_AGENT notice23.

Fixed: Single product page error with the product price style24.

Fixed: Restored filter woocommerce_sale_flash25.

Fixed: Error in portuguese translation26.

Removed: Restored the default order of custom post types unlimited27.

Version 2.0.0

Added: Ability to use a second image when mouse over on the products list (must be activated by Theme Options -> Shop -> Products Page)1.

Added: Ability to change the position of the product box form in the product detail page2.

Added: FlexSlider ControlNav option3.

Added: Ajax search in header (you need to install YITH Ajax Search plugin and activate the option from Theme Options -> Shop -> General)4.

Added: Typography options for variations dropdown list5.

Added: Filter yit_breadcrumb_cpt_url6.


2 of 8 24/06/2014 13:09

Added: Filter yit_cpt_breadcrumb_text7.

Added: Target attribute to the shortcode [button_icon]8.

Added: Norwegian partial translation pack9.

Added: Finnish partial translation pack10.

Updated: Spanish translation by Capital Gadgets Ventas11.

Updated: Italian translation by artised12.

Updated: French translation13.

Fixed: Missing alt attribute in the images14.

Fixed: Product Inquiry/Ask Info Form confirm messagge15.

Fixed: Display error message in Quick contact widgets16.

Fixed: Wrong products in "Show Product Best Sellers" Shortcodes17.

Fixed: Wrong product columns when there's a features tab in the same page18.

Fixed: getimagesize() warning error19.

Fixed: Breadcrumb on the blog page20.

Fixed: On/Off options was not working in the Shortcode Manager21.

Fixed: CPT Unlimited show items in descending order22.

Fixed: Restored the quantity input on virtual products in the cart as by WooCommerce default23.

Fixed: Load language files from child theme24.

Fixed: Error with Greek language25.

Fixed: WooCommerce term description do not show twice26.

Fixed: WooCommerce single product image template27.

Fixed: Add CSS rule for big Logo Image28.

Fixed: Slider Product Tabs double click problem on current tab29.

Fixed: [show_product] shortcodes pagination problems.30.

Removed: Header text with image widget31.

Version 1.9.0

UPDATE: The "Revolution Slider" Plugin integration has been removed from the theme and it has been included as an external plugin1.

UPDATE: The "uSquare" Plugin integration has been removed from the theme and it has been included as an external plugin2.

Added: WooCommerce attributes description in attribute archive page3.

Added: Filter yit_welcome_username4.

Fixed: Shipping calculator localization5.

Fixed: Wishlist share icons in the child theme6.

Fixed: %sku% variable in contact forms7.

Fixed: custom.css fonts on SSL8.

Fixed: Back to shop link localization9.

Fixed: Price sorting in Show products shortcode10.

Fixed: Gateway Stripe connect in checkout multistep11.

Fixed: Google map and 404 error page borders color12.

Fixed: bullets images for the products overwritten if using a child theme13.

Version 1.8.0

Added: Hooks yit_before_related_projects and yit_before_related_projects_{project_id}1.

Added: Open Graph enable button2.

Added: Category link and Read More button3.

Added: "yit_back_shop_link" filter4.

Added: [credit_card] shortcode5.

Updated: Revolution Slider to 3.0.8 version (added compatibility with WP 3.6)6.

Updated: YITH WooCommerce Wishlist plugin7.

Updated: WooCommerce template cart/totals.php8.

Updated: Russian language by slavia9.

Fixed: Google Map URL parsing in the map section10.

Fixed: Last tweets widget, error on multiple lines11.

Fixed: Header cart content after WooCommerce 2.0.13 upgrade12.

Fixed: responsive.js and jquery.custom.js load in the child theme13.

Fixed: Quick contact form on responsive14.

Fixed: product SKU change for each variation15.

Fixed: Notifier cache16.

Fixed: Blog pinterest style on categories and tags page17.

Fixed: Sale badge on variable products18.

Fixed: image_slider shortcode direction attribute works also if setted to "vertical"19.

Fixed: Megamenu font active color20.

Fixed: OGP title now use the correct title also if you use SEO options21.

Fixed: Revolution slider correctly handle [space] shortcode22.


3 of 8 24/06/2014 13:09

Fixed: Show product meta option description. It hides also the SKU of the product23.

Fixed: HTML error in the spanish translation24.

Fixed: Single product tab headings can be changed in Theme Options > Shortcodes > Tabs and table25.

Fixed: Call to action shortcode on responsive, between 767px and 1024px26.

Fixed: Images generated correctly also on SSL27.

fixed: Colors options28.

Fixed: Borders color options29.

Fixed: tab enquiry form not showing30.

Version 1.7.1

Added: filters yit_search_mini_text and yit_search_mini_posttype1.

Added: WPML string "shop-products-details-contact-form"2.

Added: filter yit_back_to_top_text3.

Added: filter woocommerce_loop_thumbnail_url4.

Added: Faq filters widget now has a field where you can type the IDs of the categories to show.5.

Added: Partial English (GB) translation by samandella6.

Added: partial German translation by Jomay1117.

Added: Greek language pack8.

Added: Featured product image to product gallery9.

Updated: import file10.

Updated: language files11.

Fixed: "hide_empty" error12.

Fixed: Borders color options13.

Fixed: Plugin message style14.

Fixed: Product Inquiry tab handle better its options15.

Fixed: notice on contact form headers16.

Fixed: better SEO in the single product page17.

Fixed: Images in mini cart with SSL if needed18.

Fixed: Metabox tab with cyrillic languages19.

Fixed: arrows hidden in the products sliders20.

Fixed: Uppercase products title option in products slider21.

Version 1.7.0

Added: YITH Woocommerce AJAX Navigation plugin1.

Added: YITH Woocommerce Compare plugin2.

Added: global options for Twitter API3.

Updated: Twitter widget and shortcode now work with new API4.

Update: languages file5.

Updated: improved time loading6.

Updated: Spanish translation by Capital Gadgets Ventas7.

Fixed: fatal error on woocommerce functions for images8.

Fixed: menu font size9.

Fixed: OGP HTML tag10.

Fixed: Login form on responsive11.

Fixed: Force hover with IE812.

Fixed: SSL in the footer and logo13.

Fixed: added a check if the logo must be printed with SSL or not14.

Fixed: apple touch icons name15.

Version 1.6.1

Added: Czech language1.

Added: Greek language2.

Updated: language files3.

Updated: child folder4.

Fixed: wrong trackbacks and pingbacks shown in posts5.

Fixed: javascript error on placeholder with 2.0.11 version of woocommerce6.

Fixed: option for show or not Products page title7.

Fixed: image resize on SSL8.

Fixed: WooCommerce smart coupon fix by cedricbusuttil9.

Fixed: Internal server error on content-product.php on some servers10.

Fixed: Testimonials widget on footer responsive11.

Fixed: textdomain issues12.

Fixed: Recent comments widget does not show the author if setted "no"13.


4 of 8 24/06/2014 13:09

Removed: Woo Compare product plugin language files14.

Version 1.6.0

Fixed: improved compatibility with WooCommerce Name Your Price plugin1.

Fixed: Background navigation option2.

Fixed: now checkout multistep support WooCommerce Stripe Gateway plugin3.

Fixed: Fees on WooCommerce review order page4.

Fixed: Add to cart button text in external products5.

Fixed: slider polaroid in IE96.

Fixed: removed old template empty.php and added cart-empty.php7.

Fixed: WooCommerce Product Bundle CSS conflicts8.

Removed: Gravity Forms premium plugin9.

Removed: WooCommerce Ajax Layered Nav premium plugin10.

Removed: WooCommerce Compare Products premium plugin11.

Removed: Gravity Forms Product Addons premium plugin12.

Version 1.5.0

Added: Variable %sku% for contact forms1.

Added: OGP Meta tags2.

Added: social icons for Youtube, Google+, Instagram, Vimeo, Vine, Mail3.

Added: Back to top button4.

Added: options for responsive in topbar5.

Added: option typography for blog title on hover6.

Added: confirm message when you want install the sample data7.

Added: Portuguese language pack by camattar8.

Added: Categories and Tags archives support for the description9.

Added: %sku% and %product_id% for the product inquiry form of product10.

Added: external plugins support11.

Added: "Remove script version" option12.

Added: new Share product style13.

Added: option to customize the text for "Add to cart" and "Details"14.

Added: Attribute pagination to the show_products shortcode in the manager15.

Updated: sample data16.

Updated: Improved png and jpeg sizes17.

Updated: Portuguese language pack by Paola Giovana18.

Updated: now you can install WooCommerce in a different name folder19.

Updated: YITH WooCommerce Wishlist20.

Fixed: Share on mobiles21.

Fixed: Single product image sizes with Zoom22.

Fixed: Typography sidebar options23.

Fixed: Read more button for external product on loop24.

Fixed: Faq filters widget does not print image if it is empty25.

Fixed: Custom tabs on products page typography26.

Fixed: Breadcrumb fatal error on posts without category27.

Fixed: 404 page use the website title for the section "What can i do?" instead of "Bazar"28.

Fixed: custom.css located also in the child theme29.

Fixed: bug of add to wishlist link after have filtered with ajax layered nav widget30.

Fixed: Translation issue in Recent Comments widget31.

Fixed: added message 'Add to cart' in Wishlist page32.

Fixed: Faq filters with encoded characters33.

Fixed: Alt attribute for logo and text with image widget34.

Fixed: Sale badge everywhere with WooCommerce 2.0.1035.

Fixed: wrong items shown in products/categories slider36.

Fixed: Testimonials archive page37.

Fixed: pagination in [show_products] shortcode38.

Fixed: enqueue of slider and portfolio stylesheets, when there is a child theme active39.

Fixed: Contact placeholder javascript error40.

Fixed: bug with more portfolios fancy in the same page41.

Fixed: Product Inquiry spell42.

Fixed: product image with product variation selected43.

Fixed: Localization issue in Contact Info widget44.

Fixed: Featured products slider image sizes45.

Fixed: Featured products slider widget notices46.

Fixed: mouseleave on cart control47.


5 of 8 24/06/2014 13:09

Fixed: Default value for select icon admin type48.

Fixed: Sitemap products error49.

Fixed: Cart on mobiles50.

Fixed: Menus with a depth major than 3 now work fine51.

Fixed: share button didn't work when only product slider is used in the page52.

Version 1.4.2

Added: Dutch translation by Robert de Vries1.

Added: Turkish language pack by Olcay Irmak2.

Added: French language pack by Stephane3.

Added: %sku% shorttag for the body configuration of the product inquiry contact form4.

Added: SEO tab for Products5.

Added: Filter yit_widget_header_empty_cart6.

Added: shortcode Custom Product Tab7.

Updated: Revolution to 2.3.91 version8.

Updated: YITH WooCommerce Wishlist9.

Fixed: multiple products tab in a single page10.

Fixed: Popup message, support for shortcodes11.

Fixed: iFrame is responsive in WooCommerce tabs12.

Fixed: Product attribute archive uses the correct template13.

Fixed: bug with compare plugin didn't create the categories14.

Fixed: compare wasn't working in single product page15.

Fixed: Section portfolio ID. Now can work with more than one instance16.

Fixed: Dailymotion shortcode now use iFrames17.

Fixed: Featured Products slider widget now correctly uses its parameters18.

Fixed: Wishlist error while loading wp-load.php19.

Fixed: WooCommerce Product Categories widget now shows better categories hierarchy20.

Fixed: WooCommerce login form now handle better its width based on the sidebar21.

Fixed: Didn't add the "responsive" class in IE1022.

Fixed: Title support for WordPress SEO plugin23.

Fixed: Cart header width24.

Fixed: Comments meta text in blog layout Bazar25.

Fixed: Attachments breadcrumb26.

Fixed: Post id in the slogan27.

Fixed: slider & picker options save in Magnifier tab28.

Fixed: Wrong localization domains29.

Fixed: Image and summary size in the product single page is now automatically calculate30.

Removed: Old $.live() calls31.

Version 1.4.1

Added: Role typography option for the team1.

Added: Support for WooCommerce Min/Max quantities also on the shop pages2.

Fixed: typography options and colors3.

Fixed: Header responsiveness4.

Fixed: Shortcode banner line-height5.

Fixed: error in the products share6.

Fixed: error in product tabs shortcode7.

Version 1.4.0

Added: Options for submit and CTA button colors and new typography options1.

Added: Option "Products variations label" typography2.

Added: Google map text option in General > Settings3.

Added: Option to make variations dropdowns scrollable with a maximum height4.

Added: Option to select how to count items in the cart in Theme Options > Shop > General Settings5.

Added: Option to hide product metas (categories and tags)6.

Added: Lithuanian language pack by Golcas7.

Added: Submit button in the header search form8.

Fixed: Popup CSS9.

Fixed: Filter onsale for [show_products] shortcode10.

Fixed: Blog bazar style issue in the typography11.

Fixed: Typography sidebar options12.

Fixed: Login logo URL and title13.

Fixed: Products widgets image height is automatically printe based on the proper option in WooCommerce settings14.


6 of 8 24/06/2014 13:09

Fixed: products slider hidden inside features tab15.

Fixed: Breadcrumb showing twice on woocommerce pages Fixed 1.4: Breadcrumb typography options16.

Fixed: Removed widget Featured Products if WooCommerce is not installed and enabled17.

Fixed: Trackbacks disable correctly on blog posts18.

Fixed: Wishlist now handle external products19.

Fixed: Wishlist error when adding products with cookies enabled and user not logged in20.

Fixed: Add to cart button on responsive21.

Fixed: Coupons correctly handled in the cart/checkout22.

Fixed: Correct feed links23.

Fixed: Team professional handle better the featured item24.

Fixed: Typography for general links and sidebar links improved25.

Fixed: Shop page correctly handle SEO options26.

Version 1.3.1

Updated: Improved spanish translation pack by Rafael Prato1.

Added: 'Back to the shop' link in single product page2.

Added: Options to use theme filters for related products ( Theme Options > Shop > Products details page )3.

Added: SSN field in Checkout4.

Added: Product Rating shortcode [rating id="product_id"]5.

Added: Option to select how to count items in the cart in Theme Options > Shop > General Settings6.

Fixed: CSS errors in woocommerce files7.

Fixed: Payment tooltips in checkout multistep8.

Fixed: Add to cart button in single product page on responsive at 1024px9.

Fixed: Tabs shortcode typography10.

Fixed: Description of the Quick Contact Form widget. It can work with all sidebars, not only in the footer11.

Fixed: Improved image scaling when grid images in catalog options is not active12.

Fixed: CSS of the map box in boxed mode13.

Fixed: Typography of the blog titles and sidebar links14.

Fixed: Path error with iphone favicon15.

Fixed: Quick contact form HTML optimized for the bootstrap grid16.

Fixed: Mini cart in the header shows correctly price with/without taxes17.

Fixed: Lightbox for related projects18.

Fixed: options in shortcode and widget popular and recent posts19.

Fixed: Maximum height of the variations dropdown20.

Fixed: position of 'terms & conditions' in checkout multistep21.

Fixed: Coupons correctly handled in the cart/checkout22.

Fixed: Correct feed links23.

Fixed: Team professional handle better the featured item24.

Fixed: Typography for general links and sidebar links improved25.

Fixed: Shop page correctly handle SEO options26.

Version 1.3.0

Added: Woocommerce 2.0 support1.

Added: Faq minus/plus color options2.

Added: options for the copyright section background image.3.

Added: filter for product tabs titles4.

Added: support for external images5.

Updated: improved frontend loading speed (http://gtmetrix.com/reports/yourinspirationtheme.com/2r7ewQ2i)6.

Updated: improved Theme Options loading speed7.

Updated: Premium plugin Ajax Layered Nav (www.woothemes.com/products/ajax-layered-navigation/)8.

Updated: Revolution Slider9.

Updated: translations10.

Fixed: Header cart and prices with tax enabled or disabled.11.

Fixed: shortcodes in the custom tabs added to products12.

Fixed: On sale products in shortcodes are shown also if products are variable13.

Fixed: Widget contact info style in home sidebar and responsive14.

Fixed: Product slider in responsive resize15.

Fixed: cart in the header responsiveness16.

Version 1.2.0

Added: Premium plugin Ajax Layered Nav (www.woothemes.com/products/ajax-layered-navigation/)1.

Added: Maintenance Mode Responsive2.

Added: option to force the hover opened, in the products page3.


7 of 8 24/06/2014 13:09

Added: nonce field in newsletters for the plugin MyMail4.

Added: option to select the first post image as featured image5.

Added: Header sidebar extended when Cart and Search bar are hidden6.

Added: widget border color7.

Added: VAT/SSN field in the order page (admin side)8.

Updated: YITH Magnifier plugin9.

Updated: YITH Woocommerce Wishlist plugin10.

Updated: improved check of Woocommerce installation11.

Updated: Improved url rewriting in cache css file12.

Updated: Languages files13.

Updated: Revolution slider to 2.3.114.

Fixed: multiple product variations15.

Fixed: deleting cache for popup style16.

Fixed: quote in the description, for the social sharing17.

Fixed: Footer links typography18.

Fixed: Widget almost categories19.

Fixed: Login screen logo did not show20.

Fixed: Error with the sidebar HTML21.

Fixed: bugs with wishlist and gravity forms plugin22.

Fixed: Menu on mobiles if using the standard WP menu23.

Fixed: Logo on the mobile devices if goes on 2 lines24.

Fixed: radio button in quick contact form25.

Fixed: on/off product title in with hover style26.

Fixed: on/off single product title, category page, shop page27.

Version 1.1.0

Added: phone icon in contact form1.

Added: improved theme options speed2.

Updated: Woocommerce grouped product template3.

Updated: replaced jquery.tipsy with jquery.tiptip for social shortcodes4.

Fixed: Popup style and cookies management5.

Fixed: Blog pinterest6.

Fixed: Buttons colors7.

Fixed: Spanish translation8.

Fixed: Metabox saving in quick mode9.

Fixed: Warning in product variations10.

Version 1.0.1

Added: Child Theme1.

Added: option to force classic style in Shop page (Mobile)2.

Added: option to dispaly hover style in Shop page (Mobile)3.

Fixed: Maintenance Mode4.

Fixed: nonce for newsletter5.

Fixed: The wishlist should not disableing correctly6.

Version 1.0.0

Initial release.1.


8 of 8 24/06/2014 13:09

Tutorial Bazar Shop

Documents

Transcript of Tutorial Bazar Shop