Tutorial Bazar Shop

Bazar PremiumWordPress Themedocumentation
http://yithemes.com/docs/bazar/index.html[24/06/2014 13:01:09]
Documentation for Bazar - Premium Wordpress theme
For 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 ask
support?
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 purchasing
Bazar - 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 this
document if you are experiencing any difficulties.
Installing the Bazar Shop
Theme
Download WooCommerce
Plugin
Download Bazar Shop
Theme
Unzip the downloaded
theme
Upload Bazar Theme
Shop
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 havent 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 thumbfile. 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 Themesand 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 Browseand 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 nowand 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 Activateto 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, lets 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 QUICKCONNECTand 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 ftpyou 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,youll 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 Themesinside. Double click on Themesto open it then find Bazar Shop on your desktop.
BUT WAIT! Since youre uploading via FTP you wont 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.
Thats it! You have now completed Step One.
7 of 7 24/06/2014 13:01
Install the Demo Content
Download and install the
images
Activate the
WooCommerce Plugin
Pre-Customization
Congratulations. You have completed Step 1 and are now at the true Starting Pointof 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 Resetand 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 Imagesand 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.
Dont 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 the
Child 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 youre 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 Modefrom the drop-down. You will see this screen:
***WARNING! To activate Maintenance Mode, drag the Enable Maintenance Pagebutton 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 allowthe 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 youll have to start all over again.
For this reason, weve 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. Heres how:
First, open your FTP files. If youve 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 Themesto find the Bazar folder:
Now double-click to open Bazarand notice the Bazar-childtheme 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 DONT 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 blog
page
Tweaking your pages
Writing an article and
using 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 Moreshortcode 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:
[ r ecent _pr oduct s per _page="8" col umns=" 4" or der by=" dat e" or der =" desc"]
[ pr oduct s_t abs per _page="- 1" sl i der =" yes" or der by=" menu_or der " or der =" desc" cat egor i es=" must - have, best - sel l er ,
speci al - of f er s, " ]

b. For HomePage II, you will use the following Shortcodes:
[ pr oduct s_sl i der t i t l e=" FEATURED PRODUCTS " per _page="9" f eat ur ed="yes" l at est ="no" best _sel l er s="no" on_sal e=" no" cat egor y="0"
or der by="menu_or der " or der =" desc" l ayout =" def aul t " ]
[ pr oduct s_sl i der t i t l e=" ON SALE " per _page=" 9" f eat ur ed=" no" l at est ="no" best _sel l er s="no" on_sal e="yes"
cat egor y=" 0" or der by=" menu_or der " or der =" desc" l ayout =" def aul t " ]

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_f our t h cl ass=" " l ast ="no" ]
<h3>E- commer ce t heme</ h3>
<i mg cl ass="al i gncent er si ze- f ul l wp- i mage- 843" al t =" " sr c="ht t p: / / your i nspi r at i ont heme. com/ demo/ cheope/ f i l es
/ 2012/ 10/ shop. j pg" wi dt h=" 250" hei ght =" 158" / >
Fusce nec accumsan er os. Aenean ac or ci a magna vest i bul umposuer e qui s nec ni si . Maecenas r ut r umvehi cul a
condi ment um. Donec vol ut pat ni sl ac maur i s consect et ur gr avi da.
[ / one_f our t h]
<h3>Responsi ve desi gn</ h3>
/ 2012/ 10/ r esponsi ve. j pg" wi dt h="250" hei ght ="158" / >
[ / one_f our t h]
<h3>Cl ean and cor por at e</ h3>
/ 2012/ 10/ cor por at e. j pg" wi dt h=" 250" hei ght =" 158" / >
[ / one_f our t h]
[ one_f our t h cl ass=" " l ast ="yes" ]
<h3>Fal l i n l ove wi t h Bazar </ h3>
/ 2012/ 10/ l ove. j pg" wi dt h=" 250" hei ght =" 158" / >
[ / one_f our t h]
[ cl ear ]
[ pr oduct s_sl i der t i t l e=" Feat ur ed Pr oduct s" per _page=" - 1" f eat ur ed="no" l at est =" yes" best _sel l er s="no" cat egor y="0"
or der by="menu_or der " or der =" desc" ]
[ cal l _t hr ee t i t l e=" St ay updat ed wi t h t he l ast of f er s" i nci pi t ="subscr i be our newsl et t er . No spam, we pr omi se. "
emai l ="emai l " emai l _l abel ="your e- mai l " submi t =" ADD ME TO THE LI ST" act i on="" met hod=" post " ]

d. For HomePage IV, you will use the following Shortcodes:
[ pr oduct s_sl i der t i t l e=" NEWPRODUCTS ON BAZAR" per _page=" 8" f eat ur ed=" no" l at est =" yes" best _sel l er s=" no" cat egor y=" 0"
or der by="menu_or der " or der =" desc" l ayout =" def aul t " ]
<h3>ON SALE</ h3>
[ show_pr oduct s per _page="3" cat egor y="0" show="onsal e" or der by=" menu_or der " or der ="desc" l ayout =" def aul t " ]

e. For HomePage V, you will use the following Shortcodes:
[ sect i on_ser vi ces i t ems="4" t i t l e=" " descr i pt i on=" " show_excer pt =" yes" excer pt _l engt h="10" show_t i t l e="yes" show_det ai l _hover =" yes"
show_t i t l e_hover ="yes" show_ser vi ces_but t on="yes" ser vi ces_but t on_t ext ="Read Mor e" ser vi ces_st yl e=" bandw" i t ems_per _r ow=" 4" ]

f. For HomePage VI, you will use the following Shortcodes:
[ show_pr oduct s per _page="6" cat egor y="0" show="al l " or der by=" menu_or der " or der ="desc" l ayout ="def aul t " ]

g. For HomePage VII, you will use the following Shortcodes:
[ pr oduct s_cat egor i es per _page=" 4" number s="yes" hi de_empt y="yes" st yl e="t r anspar ent " or der by="menu_or der " or der =" desc" cat egor y="30,
36, 34, 35, " ]

h. For HomePage VIII, you will use the following Shortcodes:
<h2>WELCOME TO BAZAR, ANOTHER GREAT <span st yl e="col or : #d28d2c; ">E- COMMERCE THEME</ span></ h2>
[ bor der ]
Sed ac ar cu qui s maur i s al i quamvul put at e sed nec f el i s. Nul l a nec magna a j ust o t empus congue ac at f el i s. <a
hr ef =" #" >Maecenas non ar cu</ a> sed t or t or t i nci dunt f eugi at a ac ni sl . Vest i bul umvel l or emac j ust o t i nci dunt por t a ul t r i ces por t t i t or
mi .
Al i quaml aor eet mal esuada est , at di gni ssi mest l aci ni a non. Vest i bul umsodal es l eo ac r i sus l uct us mal esuada.
Maecenas vel r i sus ar cu. Aenean eu ni sl i d ant e el ement umscel er i sque.
Nul l amni si or ci , <st r ong>sodal es eu t empor </ st r ong> ut , pl acer at vehi cul a sem. Aenean pul vi nar r ut r umi psumsi t
amet di ct um. Al i quamvi t ae sagi t t i s l eo.
Namat eni mnon di amf er ment umdapi bus vi t ae i n sem. Suspendi sse vest i bul uml or emsed nul l a f eugi at auct or . Vi vamus
consect et ur augue ut ni si bl andi t f auci bus. Phasel l us si t amet neque r honcus ant e congue por t t i t or .

2 of 17 24/06/2014 13:03
i. For HomePage IX, you will use the following Shortcodes:
[ f eat ur es_t ab name="demo"]

j. For HomePage X, you will use the following Shortcodes:
[ number s_sect i ons number =" 1" t i t l e="Regi st er on =Bazar shop=" l ast =" no" ] Qui sque nec mi eu ni bh al i quamel ement um. Ut cur sus ni sl si t
amet sapi en di gni ssi mat adi pi sci ng l ect us or nar e l or eml or emdi eus. [ / number s_sect i ons]
[ number s_sect i ons number =" 2" t i t l e="Enj oy our =pr oduct s=" l ast =" no" ] Qui sque nec mi eu ni bh al i quamel ement um. Ut
cur sus ni sl si t amet sapi en di gni ssi mat adi pi sci ng l ect us or nar e l or eml or emdi eus. [ / number s_sect i ons]
[ number s_sect i ons number =" 3" t i t l e="Get our f r ee =di scount =" l ast ="no" ] Qui sque nec mi eu ni bh al i quamel ement um.
Ut cur sus ni sl si t amet sapi en di gni ssi mat adi pi sci ng l ect us or nar e l or eml or emdi eus. [ / number s_sect i ons]
[ number s_sect i ons number =" 4" t i t l e=". . be happy =and go shoppi ng! =" l ast =" yes" ] Qui sque nec mi eu ni bh al i quam
el ement um. Ut cur sus ni sl si t amet sapi en di gni ssi mat adi pi sci ng l ect us or nar e l or eml or emdi eus. [ / number s_sect i ons]
[ one_t hi r d cl ass="" l ast =" no" ]
[ banner wi dt h=" 0" hei ght =" 92" ur l =" #" t ar get =" no" t i t l e=" GET A FREE SUPPORT" subt i t l e="Cal l us +00 39 837372"
t i t l e_si ze="16" t i t l e_si ze_hover ="10" subt i t l e_si ze=" 12" subt i t l e_si ze_hover ="17" i con_si ze=" 38" i con_si ze_hover ="52" backgr ound=" "
backgr ound_i mage="" bor der =" #d0cece" col or _i con="#a1a1a1" col or _t i t l e=" #000000" col or _subt i t l e="#666464" backgr ound_hover ="#464646"
bor der _hover ="" col or _i con_hover ="#f 09d0c" col or _t i t l e_hover =" #d0cece" col or _subt i t l e_hover =" #f f f " t ype="swi t ch- t ext " i con=" phone"
st yl e="no" ]
[ / one_t hi r d]
[ one_t hi r d cl ass="" l ast =" no" ]
[ banner wi dt h=" 0" hei ght =" 92" ur l =" #" t ar get =" no" t i t l e=" OUR HAPPY CUSTOMERS SAY. . " subt i t l e="Read t he gr eat
t est i moni al s" t i t l e_si ze=" 18" t i t l e_si ze_hover =" 12" subt i t l e_si ze="14" subt i t l e_si ze_hover ="18" i con_si ze="35" i con_si ze_hover =" 50"
backgr ound="" backgr ound_i mage="" bor der =" #d0cece" col or _i con="#a1a1a1" col or _t i t l e="#000000" col or _subt i t l e=" #666464"
backgr ound_hover ="#464646" bor der _hover =" " col or _i con_hover =" #f 09d0c" col or _t i t l e_hover ="#d0cece" col or _subt i t l e_hover ="#f f f "
t ype=" swi t ch- t ext " i con="comment s- al t " st yl e=" no" ]
[ / one_t hi r d]
[ one_t hi r d cl ass="" l ast =" yes" ]
[ banner wi dt h=" 0" hei ght =" 92" ur l =" #" t ar get =" no" t i t l e=" ENJ OY OUR LATEST NEWS" subt i t l e=" enj oy our bl og"
t i t l e_si ze="16" t i t l e_si ze_hover ="10" subt i t l e_si ze=" 12" subt i t l e_si ze_hover ="17" i con_si ze=" 35" i con_si ze_hover ="50" backgr ound=" "
backgr ound_i mage="" bor der =" #d0cece" col or _i con="#a1a1a1" col or _t i t l e=" #000000" col or _subt i t l e="#666464" backgr ound_hover ="#464646"
bor der _hover ="" col or _i con_hover ="#f 09d0c" col or _t i t l e_hover =" #d0cece" col or _subt i t l e_hover =" #f f f " t ype="swi t ch- t ext " i con=" bul l hor n"
st yl e="no" ]
[ / one_t hi r d]

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 dont 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 lets 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
Settingsand 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 Morebutton.
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 Pagesoption 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 Spheralayout 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. Heres 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
Thats 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
TWEAKI NG 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 Set t i ngs , we made the following changes:
a. Slogan We added Your Bl og News
b. Sub-Slogan We added Get i t Her e
c. SideBar Note by the highlighted sidebar that we decided to use t he Ri ght Si debar . Then, since different pages can have different
sidebars, we opened t he Si debar Dr opdow n to choose which sidebar to use. In our case, we decided to use the same sidebar that we use
for the Home-11 l ayout .
DONT FORGET TO SCROLL UP TO THE TOP RI GHT SI DE OF YOUR PAGE AND CLI CK 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 Sear c h Engi ne Opt i mi zat i on . **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 websites theme and your pages 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.
CLI CK 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 I ndi e News , just as you labeled it on the SEO
page.
Now lets tweak the Header:
For purposes of this demonstration, we chose t he sl i der Fl ex sl i der El egant , 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 lets see how our Blog page looks with a slider on it:
Here it is, complete with the Fl ex sl i der El egant c hoi c e! Notice that it still displays the Sl ogan and Sub-Sl ogan 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
WRI TI NG AN ARTI CLE AND USI NG THE READ MORE BUTTON Fi r st you need t o CREATE A NEW POST. Sc r ol l t o t he l ef t
si debar of your WP-Admi n panel , c l i c k on Post s and f r om t he dr op-down, c hoose Add New .
9 of 17 24/06/2014 13:03
When t he Post Page opens, gi ve i t a t i t l e, add some t ex t , c hoose a For mat , and c hoose a Cat egor y. I n t hi s ex ampl e, weve
added t wo par agr aphs of t ex t . We have al so c hosen t he St andar d f or mat and w e l i st ed t hi s ar t i c l e as Unc at egor i zed .
To see how your ar t i c l e wi l l l ook BEFORE YOU SAVE I T, you c an sc r ol l t o t he t op r i ght and c l i c k Save Dr af t t hen
Pr evi ew . Her e i s w hat our s l ook s l i k e:
10 of 17 24/06/2014 13:03
But per haps you want t o abbr evi at e t he t ex t so t hat your vi si t or s wi l l onl y see t he f i r st par agr aph, and wi l l have t o c l i c k
Read Mor e t o r ead t he r est of t he post . Her es how t o do i t :
Fi r st , dec i de how muc h t ex t you want your r eader s t o see. I n t he ex ampl e bel ow, we dec i ded t o show t he f i r st par agr aph
onl y, so we sc r ol l ed t o t he end of t he par agr aph and c l i c k ed so t hat t he c ur sor appear ed t her e.
Nex t , we l oc at ed t he wor d Mor e on t he Post t ool bar (hi ghl i ght ed i n t hi s ex ampl e). When we c l i c k ed Mor e t he
shor t c ode appear ed at t he end of t he f i r st par agr aph.
And her es how t he Mor e shor t c ode l ook s i n t he Vi sual Edi t or :
Nex t , w e sc r ol l ed r i ght and c l i c k ed Publ i sh , bec ause t hi s i s t he onl y w ay t o see how t he f i ni shed post w i l l l ook . Then
w e c l i c k ed Pr evi ew , and her es our Post w i t h Mor e:
Not i c e t hat t he t i t l e Test Post has shi f t ed t o t he l ef t si de af t er w e c l i c k ed Publ i sh . Al so now onl y t he f i r st par agr aph
of t he ar t i c l e show s, and a NEW BUTTON show s t hat says, VI EW THE FULL ARTI CLE .
11 of 17 24/06/2014 13:03
But what i f you want t o add a pi c t ur e t o your post ? Her es what you do: Sc r ol l t o t he t op of your br owser and f i nd and
c l i c k EDI T PAGE . Thi s wi l l t ak e you bac k t o t he or i gi nal Test Post edi t abl e sc r een.
Now sc r ol l down t o t he bot t om r i ght of t he page and f i nd and c l i c k Set Feat ur ed I mage .
Thi s wi l l open your Medi a page, and you c an ei t her upl oad an i mage or use a pr evi ousl y upl oaded i mage. I n t he ex ampl e
bel ow, w e ar e usi ng a pr evi ousl y upl oaded i mage. We c l i c k ed on t he pi c t ur e on t he t hi r d r ow, sec ond f r om t he l ef t and a
c hec k mar k appear ed, i ndi c at i ng t hat t hi s i s t he pi c t ur e we want t o use.
Now sc r ol l t o t he bot t om r i ght and c l i c k t he bl ue box t hat says " Set Feat ur ed I mage" . Then sc r ol l t o t he t op r i ght and
c l i c k Updat e .
12 of 17 24/06/2014 13:03
Her es how our page l ook s wi t h t he pi c t ur e we c hose:
You c an ex per i ment pl ac i ng t he Read Mor e but t on or pl ac i ng pi c t ur es wher ever you l i k e on your ar t i c l e.
5. Setting Your Contact Page
Set t i ng Your Cont ac t Page Let s assume t hat you i mpor t ed t he demo c ont ent and al r eady have a Cont ac t Page (i f you
DI D NOT i mpor t t he demo c ont ent , go ahead and c r eat e a Cont ac t Page).
13 of 17 24/06/2014 13:03
Not i c e t he shor t c ode i n t he body of t he page. Al so not i c e t hat we made sur e we wer e usi ng t he c or r ec t t empl at e by
sc r ol l i ng r i ght t o Templ at e c l i c k i ng on t he dr op-dow n and hi ghl i ght i ng Cont ac t .
To c r eat e your Cont ac t For m, sc r ol l t o t he l ef t Si debar , c l i c k on Cont ac t For ms , t hen c l i c k Add New .
Her e i s w hat your sc r een w i l l l ook l i k e. Si nc e you c an have as many uni que Cont ac t For ms as you l i k e, you shoul d gi ve
eac h f or m you c r eat e a uni que name so you i t i s easy t o f i nd w hen you w ant t o use i t . For t hi s demonst r at i on, w e gave
our s t he name Your New Cont ac t For m.
Nex t , you w i l l not i c e TWO TABS: Cont ac t For m Conf i gur at i on and Add/Edi t For m.
Begi nni ng wi t h t he Cont ac t For m Conf i gur at i on t ab, sc r ol l t hr ough t he opt i ons and c ompl et e al l t he f i el ds. For ex ampl e,
Rec ei ver (s) and Sender s w i l l YOUR emai l , or t he emai l of a per son desi gnat ed by you. Pl ac e t he Sender Name of your
c hoi c e i n t he appr opr i at e f i el d. Her e, weve used Admi n .
Compl et e al l t he ot her f i el ds.
Now c l i c k on t he Add/Edi t For m f i el d. The sc r een w i l l have sever al f i el ds. I n t hi s ex ampl e, t her e ar e f our f i el ds: Message,
14 of 17 24/06/2014 13:03
Name, Emai l , Websi t e.
On Ent er Your Message , f i nd and c l i c k on t he dr op-dow n ar r ow t o get t o t hi s sc r een:
Compl et e al l t he f i el ds. * * Not e The DATA NAME f i el d
Now open t he ot her t hr ee f i el ds and c ompl et e t he i nf or mat i on.
CLI CK SAVE!
Now navi gat e bac k t o t he WP-Admi n si debar (l ef t ), f i nd and c l i c k on Cont ac t For ms>Al l Cont ac t For ms. You shoul d have
gi ven your Cont ac t For m a name. I n our c ase, we named our s Cont ac t For m .
15 of 17 24/06/2014 13:03
To t he ex t r eme r i ght of t he Cont ac t For m i s t he shor t c ode t hat shoul d be c opi ed and past ed i nt o your Cont ac t Page.
Copy and past e t hi s c ode i nt o your Cont ac t Page, c l i c k UPDATE, t hen sc r ol l t o t he bot t om of your Cont ac t Page t o
c ompl et e t he c ust omi zat i on:
J ust l i k e t he ear l i er pages, you c an t w eak your Cont ac t Page.
I n t hi s ex ampl e, we have t weak ed t he Sl ogan, t he Sub-Sl ogan, and t he Si debar (not e t hat t hi s si debar i s l oc at ed t o t he
l ef t ).
We have pr evi ousl y demonst r at ed how t o t weak your SEO, so we wi l l sk i p t hi s.
Now we wi l l t w eak your Cont ac t Page Header .
Not i c e (i n t he i mage bel ow ) t hat we have dec i ded NOT t o use a sl i der .
We have moved t he Use St at i c I mage but t on t o t he On posi t i on bec ause we have our own st at i c c ust om i mage w e
desi r e t o use.
To use a c ust om i mage, si mpl y c l i c k Upl oad , t hen upl oad t he i mage f r om w her ever i t i s l oc at ed. Onc e i t has f i ni shed
upl oadi ng, i t w i l l pr oduc e a l i nk t hat you shoul d c opy and past e i nt o t he St at i c I mage box , l i k e t he ex ampl e bel ow :
We w i l l not c ompl et e a Bac k gr ound t w eak t hi s t i me, so w e w i l l move on t o t he Googl e Map t w eak :
16 of 17 24/06/2014 13:03
Not i c e t hat t he Googl e Map opt i on i nc l udes a l i nk t o Googl e Maps. When you f ol l ow t hat l i nk , you w i l l be abl e t o i nser t
your busi ness or home addr ess t o gener at e a map l i nk f or your websi t e.
* * NOTE YOU CAN ALSO USE AN I MAGE LI NK I N THE GOOGLE MAP FI ELD, I F YOU PREFER.
Now CLI CK SAVE and navi gat e t o your Cont ac t Page t o see how i t l ook s i n i t s f i ni shed f or m.
Her e i s our Cont ac t Page af t er al l t he t weak i ng. Not i c e t he Cust om i mage, t he Sl ogan and Sub-Sl ogan and t he Googl e
Map.
That s al l t her e i s t o i t ! Now ON TO STEP FI VE!
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, its 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 Menuspage. First, go to your WP-Admin left sidebar, click on
Appearanceand 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 dont 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 youre 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 Spherablog 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, its 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 DONT 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 Menuspage 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 Byicon, 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 Genreso users can shop for books via Genre.
4 of 6 24/06/2014 13:05
After clicking Add to Menu,the GenreCategory 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 weve 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_t hi r d cl ass="" l ast =" no" ] [ / one_t hi r d]
Location Shortcodes
Last element
Your content
Description This shortcode creates one column of a fourth.
Screenshot
Usage [ one_f our t h cl ass=" " l ast ="no" ] [ / one_f our t h]
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 [ t wo_t hi r d cl ass="" l ast =" no" ] [ / t wo_t hi r d]
Location Shortcodes
Last element
Your content
Description This shortcode creates two columns of a fourth.
Screenshot
Usage [ t wo_f our t h cl ass=" " l ast ="no" ] [ / t wo_f our t h]
Location Shortcodes
Last element
Your content
Description This shortcode creates three columns of a fourth.
Screenshot
Usage [ t hr ee_f our t h cl ass=" " l ast ="no" ] [ / t hr ee_f our t h]
Shortcode Name Add Space
Location Shortcodes
Parameters Click to print a space
Description This shortcode shows a spacebetween 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 [ al er t ] [ / al er t ]
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 wi dt h=" 0" hei ght =" 100" ur l ="#" t ar get ="no" t i t l e="" subt i t l e=" "
t i t l e_si ze="14" t i t l e_si ze_hover ="11" subt i t l e_si ze=" 11"
subt i t l e_si ze_hover =" 14" i con_si ze="35" i con_si ze_hover =" 50" backgr ound=" "
backgr ound_i mage="" bor der =" " col or _i con=" " col or _t i t l e=" " col or _subt i t l e=" "
backgr ound_hover ="" bor der _hover ="" col or _i con_hover ="" col or _t i t l e_hover =" "
col or _subt i t l e_hover =" " t ype=" swi t ch- t ext " i con="" st yl e="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 [ ar r ow] [ / ar r ow]
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 [ bl i pt v vi deo_i d="" wi dt h="640" hei ght ="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_ser vi ce] [ / box_ser vi ce]
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_t i t l e] [ / box_t i t l e]
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 [ but t on] [ / but t on]
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 [ but t on_i con hr ef =" #" i con_pat h=" " i con=" " sense=" l t r "] [ / but t on_i con]
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 [ cal l _t hr ee t i t l e=" " i nci pi t =" " emai l =" " emai l _l abel ="your e- mai l " submi t =" "
act i on=" " hi dden_f i el ds="" met hod=" 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 [ cal l t i t l e=" " i nci pi t =" " phone=" " cl ass=" cal l - t o- act i on" ]
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 [ cal l _t wo hr ef ="#" l abel _but t on=" " cl ass=" cal l - t o- act i on- t wo"
col or st ar t ="#000000" col or end=" #FFFFFF" col or t ext =" #FFFFFF" i con_si ze=" 12"
col or ="" al i gn="ver t i cal " wi dt h=" nor mal " i con="" ] [ / cal l _t wo]
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 [ char t t i t l e="" bg="#f f f f f f " wi dt h="400" hei ght ="200" l abel s=" " col or s=""
dat a=" " advanced="" use_ssl ="no" t ype=" p3" al i gn=" cent er " ]
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 [ cont act _i nf o t i t l e=" " addr ess="" phone=" " mobi l e=" " f ax="" emai l =""
addr ess_i con="" phone_i con=" " mobi l e_i con="" f ax_i con=" " emai l _i con="" ]
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 [ dai l ymot i on vi deo_i d="" wi dt h="640" hei ght ="360"]
Shortcode Name Drop Cap
Location Shortcodes
Description This shortcode formats content with a big first letter
Screenshot
Usage [ dr opcap] [ / dr opcap]
Shortcode Name Error Box
Location Shortcodes
Description This shortcode shows an error box
Screenshot
Usage [ er r or ] [ / er r or ]
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 [ f eed_sl i der ur l ="" number =" 3" speed="500" t i meout ="5000" ]
Shortcode Name Google Maps
Location Shortcodes
Parameters Width
Height
URL
Description This shortcode prints the Google Map box
Screenshot
Usage [ googl emap wi dt h="1" hei ght ="1" sr c=" "]
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 [ gr i d f i r st =" no" l ast ="no" col umns="1"] [ / gr i d]
Shortcode Name Highlight
Location Shortcodes
Description This shortcode highlights a block of text
Screenshot
Usage [ hi ghl i ght ] [ / hi ghl i ght ]
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 [ i con col or =" #000" si ze="12" t ype=" " uni t ="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_sect i on t i t l e="t he t i t l e" cl ass="box- sect i ons" l i nk="" l i nk_t i t l e=""
l ast =" no" i con="box" si ze="32" t i t l e_si ze="" ] [ / box_sect i on]
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 [ i mg sr c=" " al t =" " wi dt h=" 1" hei ght =" 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 [ i mage ur l ="" l i nk="" t i t l e="" si ze=" medi um" t ar get =" " l i ght box="t r ue"
al i gn="l ef t " aut ohei ght ="f al se" ]
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 [ i mages_sl i der wi dt h=" 0" hei ght =" 200" speed="8000" ef f ect =" f ade"
di r ect i on=" hor i zont al " ] [ / i mages_sl i der ]
Shortcode Name Info Box
13 of 39 24/06/2014 13:06
Location Shortcodes
Description This shortcode shows an info box
Screenshot
Usage [ i nf o] [ / i nf o]
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 [ l ast post t i t l e=" " cl ass=" box- sect i ons" mor e_t ext =" " showdat e="yes"
showt i t l e=" yes" l ast =" no" i con="box" si ze="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 [ l i st _bul l et t ype=" st ar " ] [ / l i st _bul l et ]
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 [ l ogged_user bef or e=" Hel l o " af t er ="" di spl ay="di spl ay_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 [ l ogo si ze="44" col or ="#b6b6b7" uni t ="px" ] [ / l ogo]
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 [ l ogos_sl i der t i t l e=" " i t ems=" - 1" hei ght =" 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 [ member s_onl y message="" r ol e=" admi ni st r at or "] [ / member s_onl y]
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 [ newsl et t er _f or mt i t l e=" " descr i pt i on=" " act i on="" emai l ="" emai l _l abel =" "
submi t =" " hi dden_f i el ds="" met hod=" post "]
Shortcode Name Notice Box
Location Shortcodes
Description This shortcode shows a notice box
Screenshot
Usage [ not i ce] [ / not i ce]
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 [ number s_sect i ons number =" 1" t i t l e="" l ast =" no"] [ / number s_sect i ons]
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 [ popul ar post i t ems="3" showt humb="yes" excer pt _l engt h=" 20" r eadmor e="Read
mor e. . . " cat _name=" 0" dat e=" yes"]
Shortcode Name Posts List
Location Shortcodes
Parameters Category
No. Of Items
Title
Description This shortcode prints a list of posts
Screenshot
Usage [ post s i t ems="3" t i t l e=" " 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 [ pr i ce t i t l e="t i t l e" pr i ce=" " hr ef ="#" but t ont ext =" Show" t ext col or =" #000000"
col or ="#f f f f f f " l ast =" no"] [ / pr i ce]
Shortcode Name Print Border Line
Location Shortcodes
Parameters Click to print a border
Description This shortcode prints a border line
Screenshot
Usage [ bor der ]
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 [ cl ear ]
Shortcode Name Print Shortcode
Location Shortcodes
Description This shortcode shows code without executing it
Screenshot
Usage [ pr i nt _sc] [ / pr i nt _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 [ quot e] [ / quot e]
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 [ r andom_number s i con=" " t ext =" " number ="" l ast =" 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 [ r ecent post i t ems=" 3" showt humb=" yes" excer pt _l engt h="20" r eadmor e=" Read
mor e. . . " cat _name=" 0" dat e=" no" ]
Shortcode Name Share
Location Shortcodes
Parameters Title
Socials
CSS Class
Icon Type
Description This shortcode prints share buttons
Screenshot
Usage [ shar e t i t l e="" soci al s="f acebook, t wi t t er , googl e, pi nt er est , bookmar k"
hr ef =" #" cl ass="" i con_t ype="r ounded" ]
Shortcode Name Show Code
Location Shortcodes
Description This shortcode shows code without executing it
Screenshot
Usage [ pr e] [ / pr e]
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 [ si ze px=" " per c="" em=" " ] [ / si ze]
Shortcode Name Social
Location Shortcodes
Parameters Type
Icon Type
Size
URL
Target
Title
Description This shortcode prints a simple icon for social
Screenshot
Usage [ soci al hr ef ="#" t i t l e=" " t ype="" i con_t ype="def aul t " si ze="" t ar get =" " ]
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 [ soundcl oud i f r ame="yes" ur l =" " aut o_pl ay="no" show_ar t wor k=" yes"
show_comment s=" yes" col or ="#f f 7700" ]
Shortcode Name Special Font
Location Shortcodes
Parameters Size
URL
Your content
Description This shortcode selects a special font of text
Screenshot
Usage [ speci al _f ont ] [ / speci al _f ont ]
Shortcode Name Style Text
Location Shortcodes
Parameters Color
Your content
Description This shortcode styles a text
Screenshot
Usage [ st yl e] [ / st yl e]
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 [ t abl e col or ="whi t e"] [ / t abl e]
Shortcode Name Testimonials Slider
Location Shortcodes
Limit Words
Speed (ms)
Time Out (ms)
Description This shortcode shows a slider with testimonials
Screenshot
Usage [ t est i moni al s_sl i der i t ems=" 1" excer pt ="32" speed=" 500" t i meout ="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 si ze="18" col or ="#23b10b" ]
Shortcode Name Toggle
Location Shortcodes
Parameters Title
Opened
Your content
Description This shortcode creates a toggle content
Screenshot
Usage [ t oggl e t i t l e=" your _t i t l e" opened=" no" ] [ / t oggl e]
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 [ t wi t t er user name=" " i t ems=" 5" cl ass="l ast - t weet s- wi dget " t i me=" yes"
r epl i es="yes" ]
Shortcode Name URL
Location Shortcodes
Parameters URL
Title
Your content
Description This shortcode inserts a url link
Screenshot
Usage [ ur l ] [ / ur l ]
Shortcode Name Veoh Video
Location Shortcodes
Parameters Video ID
Width
Height
Description This shortcode embeds the Veoh video player
Screenshot
Usage [ veoh vi deo_i d="" wi dt h="640" hei ght ="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 [ vi ddl er vi deo_i d=" " wi dt h=" 640" hei ght =" 360" ]
Shortcode Name Video
Location Shortcodes
Parameters Video ID
Width
Height
Description This shortcode embeds the video player
Screenshot
Usage [ vi deo_i d=" " wi dt h="640" hei ght =" 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 [ vi meo vi deo_i d=" " wi dt h=" 640" hei ght =" 360" ]
Shortcode Name Yahoo Video
Location Shortcodes
Parameters Video ID
Width
Height
Description This shortcode embeds the Yahoo video player
Screenshot
Usage [ yahoo vi deo_i d=" " wi dt h=" 640" hei ght =" 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 [ pr i ce_t abl e_t wo]
[ pr i ce_t abl e t ype="l ar ge" col or =" #686767" t i t l e=" t i t l e"
pr i ce="10. 20" hr ef ="#" but t ont ext =" Show"] [ / pr i ce_t abl e]
[ pr i ce_t abl e t i t l e=" t i t l e" pr i ce="10. 20" hr ef =" #"
but t ont ext ="Show" ] [ / pr i ce_t abl e]
[ / pr i ce_t abl e_t wo]

Location Shortcodes
Screenshot
Usage [ pr i ce_t abl e_t hr ee]
[ / pr i ce_t abl e_t hr ee]

Location Shortcodes
Screenshot
29 of 39 24/06/2014 13:06
Usage [ pr i ce_t abl e_f our ]
[ / pr i ce_t abl e_f our ]

Location Shortcodes
Screenshot
Usage [ pr i ce_t abl e_f i ve]
[ / pr i ce_t abl e_f i ve]

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 [ t abs t ab1="Tab 1" t ab2="Tab 2" t ab3="Tab 3" ]
[ t ab i d=" t ab1"] Your cont ent 1[ / t ab]
[ / t abs]

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 [ i con_l i st t i t l e="Your Sampl e I con Li st " l ast ="no" i con_ur l _1=" " i t em_1=""
i t em_l i nk_1=" " i con_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 [ si t emap t i t l e="" ]
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 [ sect i on_bl og i t ems=" - 1" t i t l e="" descr i pt i on="" show_excer pt ="yes"
excer pt _l engt h="10" show_t i t l e="yes" show_comment s="yes" show_dat e=" yes"
show_r eadmor e=" no" r eadmor e_t ext ="| | Read mor e" show_f eat ur ed="yes"
show_aut hor =" yes" cat egor y=" 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 [ sect i on_por t f ol i o i t ems=" - 1" t i t l e=" " descr i pt i on="" show_l i ght box_hover =" no"
por t f ol i o=" " por t f ol i o_st yl e=" cl assi c" ]
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 [ sect i on_ser vi ces i t ems="- 1" t i t l e="" descr i pt i on=" " show_excer pt ="yes"
excer pt _l engt h="10" show_t i t l e="yes" show_det ai l _hover ="yes"
show_t i t l e_hover ="yes" show_ser vi ces_but t on="yes" ser vi ces_but t on_t ext ="Read
Mor e" ser vi ces_st yl e=" ci r cl e" i t ems_per _r ow="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 [ f aq f i l t er =" yes" cat egor y=" "]
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 [ sl i der name="" al i gn="" ]
Shortcode Name Team
Parameters Name
Style
Description This shortcode prints a created team
Screenshot
34 of 39 24/06/2014 13:06
Usage [ t eamname="" st yl e=" pr of essi onal " ]
Shortcode Name Testimonials
Style
Description This shortcode shows all posts on testimonial post types
Screenshot
Usage [ t est i moni al s i t ems=" - 1" st yl e="squar e- st yl e" ]
Shortcode Name Contact Form
Parameters Name
Description This shortcode prints a created contact form
Screenshot
Usage [ cont act _f or mname="" ]
35 of 39 24/06/2014 13:06
Shortcode Name Portfolios
Parameters Name of Portfolio
Description This shortcode prints a created portfolio
Screenshot
Usage [ por t f ol i o name=" " ]
Shortcode Name Features Tab
Parameters Name
Description This shortcode shows all features tabs posts in a tabbed div
Screenshot
Usage [ f eat ur es_t ab 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 [ pr oduct s_cat egor i es_sl i der t i t l e=" " per _page="- 1" number s="yes"
hi de_empt y="yes" st yl e=" t r adi t i onal " or der by=" menu_or der " or der ="desc"
cat egor y=" " ]
Shortcode Name Product Categories
Categories
Show Numbers
Hide Empty
Style
Order By
Sorting
Description This shortcode lists all (or limited) product categories
Screenshot
Usage [ pr oduct s_cat egor i es per _page=" - 1" number s=" yes" hi de_empt y=" yes"
st yl e="t r adi t i onal " or der by="menu_or der " or der =" desc" cat egor y=" " ]
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 [ pr oduct s_t abs per _page="- 1" sl i der =" yes" or der by=" menu_or der " or der =" desc"
cat egor i es="" ]
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 [ pr oduct s_sl i der t i t l e=" " per _page="12" f eat ur ed=" no" l at est =" no"
best _sel l er s="no" on_sal e="no" cat egor y=" 0" or der by=" menu_or der " or der ="desc"
l ayout =" def aul t " ]
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 [ r eset _woocommer ce_l oop ]
Shortcode Name Show the Products
Category
Show
Order by
Sorting
Layout
Description This shortcode shows the products
Screenshot
Usage [ show_pr oduct s per _page="- 1" cat egor y=" 0" show=" al l " or der by=" menu_or der "
or der ="desc" l ayout =" def aul t " ]
39 of 39 24/06/2014 13:06
How to ask
support?
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 ThemesPanel, 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.
J ust 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 QUICKCONNECTand 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. J ust 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 Yesand 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 Bazarzip file
4 of 5 24/06/2014 13:07
DOUBLE CLICK on the Bazar zip file to find the Bazarfolder.
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 youre
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 dont worry; this is only
because you havent 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 Themeswindow on your WP Admin panel. The Updatealert
should be gone, and you should have the most current files.
And now youre finished and ready for STEP 10!
5 of 5 24/06/2014 13:07
How to ask
support?
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 youre 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 Accountbutton and follow the prompts. When you have inserted the proper captchanumbers 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 cant move forward until this is completed.
Once completed, you can click Lets Goto be taken to your MailChimp dashboard, like the one shown here. Click the green Create A Listbutton.
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 Overviewin the drop-down.
You will see a navigation menu (in red) on the top right of the page. Click For Your Websiteand 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 Emailin the Email Themefield. Then click Save Options.
Now your newsletter is complete!
5 of 5 24/06/2014 13:08
How to ask
support?
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. Heres 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 wont 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.
Heres 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 Ajax
Navigation
YITH WooCommerce
Compare
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 dont 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 WooCommerceand click Search Plugins. Once youve 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
youre sure you want to install the plugin. Click yesand WordPress will automatically complete the installation.
After youve installed and activated the plugin, be sure to select Install WooCommerce Pages to get started.
Settings
Inside this panel youll 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 IDs
Price:
Regular Price The items main price
Sale Price The items 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 youll 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 100100 and you upload a
300600 image it will be resized to 100200. 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 youll 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 ask
support?
Platform.
Version 2.3.0 - Released Apr, 17 - 2014
Added: support to WooCommerce 2.1.7 1.
Added: support to Wordpress 3.9 2.
Tweak: Changed single quote char to html entities ' on wishlist page on remove link. Can create issues on html 3.
code 4.
Updated: ru_RU language files with more strings translated by Kovalenko Dmitriy and Pavel Piller 5.
Fixed: Incorrect output for target on button_icon shortcode 6.
Fixed: Incorrect escape on wishlist ui class 7.
Fixed: TinyMCE shortcodes button error on theme options 8.
Added: Filter to set on by default terms and condition on place order step 9.
Version 2.2.3
Updated: Revolution slider to 4.3.3 version 1.
Fixed: Wishlist page option disappear on woocommerce 2.1.x - added it to wishlist settings 2.
Fixed: Quantity for variable product in main content 3.
Fixed: Validations issues 4.
Fixed: og:description tags not strip tags and shortcodes on product description 5.
Tweak: Translated new strings for Portuguese-Brazil language by Kaike Bastos 6.
Added: Filters for custom out of stock and on sales badges 7.
Added: Filters for View Cart labels. Filter is named yit_view_cart_label 8.
Version 2.2.2
Added: Support for Woocommerce Subscription plugin 1.
Added: Action on list products view to add more info for products 2.
Added: Open Graph image and description in single product and taxonomy 3.
Added: Compatibility with Woocommerce Currency Converter 4.
Updated: Italian Translation by Alessando Di Leonardo 5.
Fixed: Checkout Order Review 6.
Fixed: Cart widget close tag on wrong position, cause layout error on single product page 7.
Fixed: Wrong string translate for WPML in Flash Slider 8.
Fixed: Login form in Firefox 9.
Fixed: Label Cart on Woocommerce 2.1.x 10.
Fixed: Required checkbox on contact form page 11.
Fixed: Main navigation broken links on mobile device. 12.
Fixed: WPML Warnings 13.
Fixed: Checkout Error Style 14.
Fixed: Retina generator to false by default 15.
Fixed: Woocommerce Products widget not stilized correctly 16.
Fixed: Wrong colspan on cart shipping table 17.
Fixed: SKU changing after variations select update 18.
Fixed: Grouped Products in 2.1.x 19.
Fixed: Wrong colspan in Tax Checkout 20.
Fixed: Product Slider Order by Price 21.
Fixed: Wrong vertical direction of carousel on Magnifier 22.
Version 2.2.1
Fixed: Twice ReOrder button on My Account page 1.
Fixed: Wrong path in style.css from child theme 2.
Fixed: Display label in single product variation 3.
Fixed: Wrong ID in shop page 4.
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 text 5.
Updated: Italian Translation by Alessando Di Leonardo 6.
Version 2.2.0
Added: Support to Woocommerce 2.1.2 1.
Added: New italian translation by Alessandro Di Leonardo 2.
Fixed: Variable product images outside "variations form" 3.
Fixed: Image Lightbox with variation without magnifier 4.
Fixed: Add to cart button on variable products 5.
Version 2.1.0
Added: Compatibility to WordPress 3.8 1.
Added: 'woocommerce_checkout_billing_address_title' filter 2.
Added: localization to 'Get in touch' title 3.
Added: support to FB Connect free plugin and integrated with the theme 4.
Added: WPML - Sale Badge Woocommerce Compatibility 5.
Updated: Revolution Slider Version 4.1.1 6.
Fixed: Woocommerce Cart on sidebar when hide is empty is active 7.
Fixed: Out of stock badge in loop 8.
Fixed: Unable to reorder contact form fields 9.
Fixed: Columns number on Product Category Shortcodes 10.
Fixed: Google Rich Snippets 11.
Fixed: Body configuration for the inquiry form 12.
Fixed: number of items in the header cart widget 13.
Version 2.0.1
Added: Attribute show_featured_image for the section_blog shortcode 1.
Updated: YITH Magnifier 2.
Updated: Italian language pack 3.
Updated: French language pack 4.
Fixed: Related products can be disabled with the option in Theme Options >Shop >Product details page >Custom related products number 5.
Fixed: Image hover when on list view 6.
Fixed: Removed warnings on the shop page or categories with description 7.
Fixed: [box_title] shortcode shows correctly on blog posts 8.
Fixed: Blog elegant wrong CSS with divs 9.
Fixed: SSL error with megamenu featured image 10.
Fixed: Share shortcode icon type default was wrong 11.
Fixed: yit-notifier in getXML function 12.
Fixed: Header cart options working fine 13.
Fixed: WooCommerce variations sanitization 14.
Fixed: Toggle widgets is added to any sidebar used on Woocommerce pages 15.
Fixed: Possible error with French and other translations 16.
Fixed: Wrong style for related products price 17.
Fixed: Image hover on products pages 18.
Fixed: Style error with the plugin Woocommerce BTO 19.
Fixed: Wrong borders on blog big ribbon 20.
Fixed: Language files supported also in the child theme 21.
Fixed: Out of stock badge 22.
Fixed: Undefinied HTTP_USER_AGENT notice 23.
Fixed: Single product page error with the product price style 24.
Fixed: Restored filter woocommerce_sale_flash 25.
Fixed: Error in portuguese translation 26.
Removed: Restored the default order of custom post types unlimited 27.
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 page 2.
Added: FlexSlider ControlNav option 3.
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 list 5.
Added: Filter yit_breadcrumb_cpt_url 6.
2 of 8 24/06/2014 13:09
Added: Filter yit_cpt_breadcrumb_text 7.
Added: Target attribute to the shortcode [button_icon] 8.
Added: Norwegian partial translation pack 9.
Added: Finnish partial translation pack 10.
Updated: Spanish translation by Capital Gadgets Ventas 11.
Updated: Italian translation by artised 12.
Updated: French translation 13.
Fixed: Missing alt attribute in the images 14.
Fixed: Product Inquiry/Ask Info Form confirm messagge 15.
Fixed: Display error message in Quick contact widgets 16.
Fixed: Wrong products in "Show Product Best Sellers" Shortcodes 17.
Fixed: Wrong product columns when there's a features tab in the same page 18.
Fixed: getimagesize() warning error 19.
Fixed: Breadcrumb on the blog page 20.
Fixed: On/Off options was not working in the Shortcode Manager 21.
Fixed: CPT Unlimited show items in descending order 22.
Fixed: Restored the quantity input on virtual products in the cart as by WooCommerce default 23.
Fixed: Load language files from child theme 24.
Fixed: Error with Greek language 25.
Fixed: WooCommerce term description do not show twice 26.
Fixed: WooCommerce single product image template 27.
Fixed: Add CSS rule for big Logo Image 28.
Fixed: Slider Product Tabs double click problem on current tab 29.
Fixed: [show_product] shortcodes pagination problems. 30.
Removed: Header text with image widget 31.
Version 1.9.0
UPDATE: The "Revolution Slider" Plugin integration has been removed from the theme and it has been included as an external plugin 1.
UPDATE: The "uSquare" Plugin integration has been removed from the theme and it has been included as an external plugin 2.
Added: WooCommerce attributes description in attribute archive page 3.
Added: Filter yit_welcome_username 4.
Fixed: Shipping calculator localization 5.
Fixed: Wishlist share icons in the child theme 6.
Fixed: %sku% variable in contact forms 7.
Fixed: custom.css fonts on SSL 8.
Fixed: Back to shop link localization 9.
Fixed: Price sorting in Show products shortcode 10.
Fixed: Gateway Stripe connect in checkout multistep 11.
Fixed: Google map and 404 error page borders color 12.
Fixed: bullets images for the products overwritten if using a child theme 13.
Version 1.8.0
Added: Hooks yit_before_related_projects and yit_before_related_projects_{project_id} 1.
Added: Open Graph enable button 2.
Added: Category link and Read More button 3.
Added: "yit_back_shop_link" filter 4.
Added: [credit_card] shortcode 5.
Updated: Revolution Slider to 3.0.8 version (added compatibility with WP 3.6) 6.
Updated: YITH WooCommerce Wishlist plugin 7.
Updated: WooCommerce template cart/totals.php 8.
Updated: Russian language by slavia 9.
Fixed: Google Map URL parsing in the map section 10.
Fixed: Last tweets widget, error on multiple lines 11.
Fixed: Header cart content after WooCommerce 2.0.13 upgrade 12.
Fixed: responsive.js and jquery.custom.js load in the child theme 13.
Fixed: Quick contact form on responsive 14.
Fixed: product SKU change for each variation 15.
Fixed: Notifier cache 16.
Fixed: Blog pinterest style on categories and tags page 17.
Fixed: Sale badge on variable products 18.
Fixed: image_slider shortcode direction attribute works also if setted to "vertical" 19.
Fixed: Megamenu font active color 20.
Fixed: OGP title now use the correct title also if you use SEO options 21.
Fixed: Revolution slider correctly handle [space] shortcode 22.
3 of 8 24/06/2014 13:09
Fixed: Show product meta option description. It hides also the SKU of the product 23.
Fixed: HTML error in the spanish translation 24.
Fixed: Single product tab headings can be changed in Theme Options >Shortcodes >Tabs and table 25.
Fixed: Call to action shortcode on responsive, between 767px and 1024px 26.
Fixed: Images generated correctly also on SSL 27.
fixed: Colors options 28.
Fixed: Borders color options 29.
Fixed: tab enquiry form not showing 30.
Version 1.7.1
Added: filters yit_search_mini_text and yit_search_mini_posttype 1.
Added: WPML string "shop-products-details-contact-form" 2.
Added: filter yit_back_to_top_text 3.
Added: filter woocommerce_loop_thumbnail_url 4.
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 samandella 6.
Added: partial German translation by J omay111 7.
Added: Greek language pack 8.
Added: Featured product image to product gallery 9.
Updated: import file 10.
Updated: language files 11.
Fixed: "hide_empty" error 12.
Fixed: Borders color options 13.
Fixed: Plugin message style 14.
Fixed: Product Inquiry tab handle better its options 15.
Fixed: notice on contact form headers 16.
Fixed: better SEO in the single product page 17.
Fixed: Images in mini cart with SSL if needed 18.
Fixed: Metabox tab with cyrillic languages 19.
Fixed: arrows hidden in the products sliders 20.
Fixed: Uppercase products title option in products slider 21.
Version 1.7.0
Added: YITH Woocommerce AJ AX Navigation plugin 1.
Added: YITH Woocommerce Compare plugin 2.
Added: global options for Twitter API 3.
Updated: Twitter widget and shortcode now work with new API 4.
Update: languages file 5.
Updated: improved time loading 6.
Updated: Spanish translation by Capital Gadgets Ventas 7.
Fixed: fatal error on woocommerce functions for images 8.
Fixed: menu font size 9.
Fixed: OGP HTML tag 10.
Fixed: Login form on responsive 11.
Fixed: Force hover with IE8 12.
Fixed: SSL in the footer and logo 13.
Fixed: added a check if the logo must be printed with SSL or not 14.
Fixed: apple touch icons name 15.
Version 1.6.1
Added: Czech language 1.
Added: Greek language 2.
Updated: language files 3.
Updated: child folder 4.
Fixed: wrong trackbacks and pingbacks shown in posts 5.
Fixed: javascript error on placeholder with 2.0.11 version of woocommerce 6.
Fixed: option for show or not Products page title 7.
Fixed: image resize on SSL 8.
Fixed: WooCommerce smart coupon fix by cedricbusuttil 9.
Fixed: Internal server error on content-product.php on some servers 10.
Fixed: Testimonials widget on footer responsive 11.
Fixed: textdomain issues 12.
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 files 14.
Version 1.6.0
Fixed: improved compatibility with WooCommerce Name Your Price plugin 1.
Fixed: Background navigation option 2.
Fixed: now checkout multistep support WooCommerce Stripe Gateway plugin 3.
Fixed: Fees on WooCommerce review order page 4.
Fixed: Add to cart button text in external products 5.
Fixed: slider polaroid in IE9 6.
Fixed: removed old template empty.php and added cart-empty.php 7.
Fixed: WooCommerce Product Bundle CSS conflicts 8.
Removed: Gravity Forms premium plugin 9.
Removed: WooCommerce Ajax Layered Nav premium plugin 10.
Removed: WooCommerce Compare Products premium plugin 11.
Removed: Gravity Forms Product Addons premium plugin 12.
Version 1.5.0
Added: Variable %sku% for contact forms 1.
Added: OGP Meta tags 2.
Added: social icons for Youtube, Google+, Instagram, Vimeo, Vine, Mail 3.
Added: Back to top button 4.
Added: options for responsive in topbar 5.
Added: option typography for blog title on hover 6.
Added: confirm message when you want install the sample data 7.
Added: Portuguese language pack by camattar 8.
Added: Categories and Tags archives support for the description 9.
Added: %sku% and %product_id% for the product inquiry form of product 10.
Added: external plugins support 11.
Added: "Remove script version" option 12.
Added: new Share product style 13.
Added: option to customize the text for "Add to cart" and "Details" 14.
Added: Attribute pagination to the show_products shortcode in the manager 15.
Updated: sample data 16.
Updated: Improved png and jpeg sizes 17.
Updated: Portuguese language pack by Paola Giovana 18.
Updated: now you can install WooCommerce in a different name folder 19.
Updated: YITH WooCommerce Wishlist 20.
Fixed: Share on mobiles 21.
Fixed: Single product image sizes with Zoom 22.
Fixed: Typography sidebar options 23.
Fixed: Read more button for external product on loop 24.
Fixed: Faq filters widget does not print image if it is empty 25.
Fixed: Custom tabs on products page typography 26.
Fixed: Breadcrumb fatal error on posts without category 27.
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 theme 29.
Fixed: bug of add to wishlist link after have filtered with ajax layered nav widget 30.
Fixed: Translation issue in Recent Comments widget 31.
Fixed: added message 'Add to cart' in Wishlist page 32.
Fixed: Faq filters with encoded characters 33.
Fixed: Alt attribute for logo and text with image widget 34.
Fixed: Sale badge everywhere with WooCommerce 2.0.10 35.
Fixed: wrong items shown in products/categories slider 36.
Fixed: Testimonials archive page 37.
Fixed: pagination in [show_products] shortcode 38.
Fixed: enqueue of slider and portfolio stylesheets, when there is a child theme active 39.
Fixed: Contact placeholder javascript error 40.
Fixed: bug with more portfolios fancy in the same page 41.
Fixed: Product Inquiry spell 42.
Fixed: product image with product variation selected 43.
Fixed: Localization issue in Contact Info widget 44.
Fixed: Featured products slider image sizes 45.
Fixed: Featured products slider widget notices 46.
Fixed: mouseleave on cart control 47.
5 of 8 24/06/2014 13:09
Fixed: Default value for select icon admin type 48.
Fixed: Sitemap products error 49.
Fixed: Cart on mobiles 50.
Fixed: Menus with a depth major than 3 now work fine 51.
Fixed: share button didn't work when only product slider is used in the page 52.
Version 1.4.2
Added: Dutch translation by Robert de Vries 1.
Added: Turkish language pack by Olcay Irmak 2.
Added: French language pack by Stephane 3.
Added: %sku% shorttag for the body configuration of the product inquiry contact form 4.
Added: SEO tab for Products 5.
Added: Filter yit_widget_header_empty_cart 6.
Added: shortcode Custom Product Tab 7.
Updated: Revolution to 2.3.91 version 8.
Updated: YITH WooCommerce Wishlist 9.
Fixed: multiple products tab in a single page 10.
Fixed: Popup message, support for shortcodes 11.
Fixed: iFrame is responsive in WooCommerce tabs 12.
Fixed: Product attribute archive uses the correct template 13.
Fixed: bug with compare plugin didn't create the categories 14.
Fixed: compare wasn't working in single product page 15.
Fixed: Section portfolio ID. Now can work with more than one instance 16.
Fixed: Dailymotion shortcode now use iFrames 17.
Fixed: Featured Products slider widget now correctly uses its parameters 18.
Fixed: Wishlist error while loading wp-load.php 19.
Fixed: WooCommerce Product Categories widget now shows better categories hierarchy 20.
Fixed: WooCommerce login form now handle better its width based on the sidebar 21.
Fixed: Didn't add the "responsive" class in IE10 22.
Fixed: Title support for WordPress SEO plugin 23.
Fixed: Cart header width 24.
Fixed: Comments meta text in blog layout Bazar 25.
Fixed: Attachments breadcrumb 26.
Fixed: Post id in the slogan 27.
Fixed: slider & picker options save in Magnifier tab 28.
Fixed: Wrong localization domains 29.
Fixed: Image and summary size in the product single page is now automatically calculate 30.
Removed: Old $.live() calls 31.
Version 1.4.1
Added: Role typography option for the team 1.
Added: Support for WooCommerce Min/Max quantities also on the shop pages 2.
Fixed: typography options and colors 3.
Fixed: Header responsiveness 4.
Fixed: Shortcode banner line-height 5.
Fixed: error in the products share 6.
Fixed: error in product tabs shortcode 7.
Version 1.4.0
Added: Options for submit and CTA button colors and new typography options 1.
Added: Option "Products variations label" typography 2.
Added: Google map text option in General >Settings 3.
Added: Option to make variations dropdowns scrollable with a maximum height 4.
Added: Option to select how to count items in the cart in Theme Options >Shop >General Settings 5.
Added: Option to hide product metas (categories and tags) 6.
Added: Lithuanian language pack by Golcas 7.
Added: Submit button in the header search form 8.
Fixed: Popup CSS 9.
Fixed: Filter onsale for [show_products] shortcode 10.
Fixed: Blog bazar style issue in the typography 11.
Fixed: Typography sidebar options 12.
Fixed: Login logo URL and title 13.
Fixed: Products widgets image height is automatically printe based on the proper option in WooCommerce settings 14.
6 of 8 24/06/2014 13:09
Fixed: products slider hidden inside features tab 15.
Fixed: Breadcrumb showing twice on woocommerce pages Fixed 1.4: Breadcrumb typography options 16.
Fixed: Removed widget Featured Products if WooCommerce is not installed and enabled 17.
Fixed: Trackbacks disable correctly on blog posts 18.
Fixed: Wishlist now handle external products 19.
Fixed: Wishlist error when adding products with cookies enabled and user not logged in 20.
Fixed: Add to cart button on responsive 21.
Fixed: Coupons correctly handled in the cart/checkout 22.
Fixed: Correct feed links 23.
Fixed: Team professional handle better the featured item 24.
Fixed: Typography for general links and sidebar links improved 25.
Fixed: Shop page correctly handle SEO options 26.
Version 1.3.1
Updated: Improved spanish translation pack by Rafael Prato 1.
Added: 'Back to the shop' link in single product page 2.
Added: Options to use theme filters for related products ( Theme Options >Shop >Products details page ) 3.
Added: SSN field in Checkout 4.
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 Settings 6.
Fixed: CSS errors in woocommerce files 7.
Fixed: Payment tooltips in checkout multistep 8.
Fixed: Add to cart button in single product page on responsive at 1024px 9.
Fixed: Tabs shortcode typography 10.
Fixed: Description of the Quick Contact Form widget. It can work with all sidebars, not only in the footer 11.
Fixed: Improved image scaling when grid images in catalog options is not active 12.
Fixed: CSS of the map box in boxed mode 13.
Fixed: Typography of the blog titles and sidebar links 14.
Fixed: Path error with iphone favicon 15.
Fixed: Quick contact form HTML optimized for the bootstrap grid 16.
Fixed: Mini cart in the header shows correctly price with/without taxes 17.
Fixed: Lightbox for related projects 18.
Fixed: options in shortcode and widget popular and recent posts 19.
Fixed: Maximum height of the variations dropdown 20.
Fixed: position of 'terms & conditions' in checkout multistep 21.
Fixed: Coupons correctly handled in the cart/checkout 22.
Fixed: Correct feed links 23.
Fixed: Team professional handle better the featured item 24.
Fixed: Typography for general links and sidebar links improved 25.
Fixed: Shop page correctly handle SEO options 26.
Version 1.3.0
Added: Woocommerce 2.0 support 1.
Added: Faq minus/plus color options 2.
Added: options for the copyright section background image. 3.
Added: filter for product tabs titles 4.
Added: support for external images 5.
Updated: improved frontend loading speed (http://gtmetrix.com/reports/yourinspirationtheme.com/2r7ewQ2i) 6.
Updated: improved Theme Options loading speed 7.
Updated: Premium plugin Ajax Layered Nav (www.woothemes.com/products/ajax-layered-navigation/) 8.
Updated: Revolution Slider 9.
Updated: translations 10.
Fixed: Header cart and prices with tax enabled or disabled. 11.
Fixed: shortcodes in the custom tabs added to products 12.
Fixed: On sale products in shortcodes are shown also if products are variable 13.
Fixed: Widget contact info style in home sidebar and responsive 14.
Fixed: Product slider in responsive resize 15.
Fixed: cart in the header responsiveness 16.
Version 1.2.0
Added: Premium plugin Ajax Layered Nav (www.woothemes.com/products/ajax-layered-navigation/) 1.
Added: Maintenance Mode Responsive 2.
Added: option to force the hover opened, in the products page 3.
7 of 8 24/06/2014 13:09
Added: nonce field in newsletters for the plugin MyMail 4.
Added: option to select the first post image as featured image 5.
Added: Header sidebar extended when Cart and Search bar are hidden 6.
Added: widget border color 7.
Added: VAT/SSN field in the order page (admin side) 8.
Updated: YITH Magnifier plugin 9.
Updated: YITH Woocommerce Wishlist plugin 10.
Updated: improved check of Woocommerce installation 11.
Updated: Improved url rewriting in cache css file 12.
Updated: Languages files 13.
Updated: Revolution slider to 2.3.1 14.
Fixed: multiple product variations 15.
Fixed: deleting cache for popup style 16.
Fixed: quote in the description, for the social sharing 17.
Fixed: Footer links typography 18.
Fixed: Widget almost categories 19.
Fixed: Login screen logo did not show 20.
Fixed: Error with the sidebar HTML 21.
Fixed: bugs with wishlist and gravity forms plugin 22.
Fixed: Menu on mobiles if using the standard WP menu 23.
Fixed: Logo on the mobile devices if goes on 2 lines 24.
Fixed: radio button in quick contact form 25.
Fixed: on/off product title in with hover style 26.
Fixed: on/off single product title, category page, shop page 27.
Version 1.1.0
Added: phone icon in contact form 1.
Added: improved theme options speed 2.
Updated: Woocommerce grouped product template 3.
Updated: replaced jquery.tipsy with jquery.tiptip for social shortcodes 4.
Fixed: Popup style and cookies management 5.
Fixed: Blog pinterest 6.
Fixed: Buttons colors 7.
Fixed: Spanish translation 8.
Fixed: Metabox saving in quick mode 9.
Fixed: Warning in product variations 10.
Version 1.0.1
Added: Child Theme 1.
Added: option to force classic style in Shop page (Mobile) 2.
Added: option to dispaly hover style in Shop page (Mobile) 3.
Fixed: Maintenance Mode 4.
Fixed: nonce for newsletter 5.
Fixed: The wishlist should not disableing correctly 6.
Version 1.0.0
Initial release. 1.
8 of 8 24/06/2014 13:09

Tutorial Bazar Shop

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Tutorial Bazar Shop

Încărcat de

Drepturi de autor:

Formate disponibile

Bazar PremiumWordPress Themedocumentation

S-ar putea să vă placă și