@ 2020 Copyright JWSThemes.
Thank you for purchasing Zahar WordPress Theme. Before you get started, please be sure to always
check out these documentation files. We outline all kinds of good information, and provide you
with all the details you need know to use Zahar Theme.
If you are unable to find your answer here in the documentation, please contact us on our Support Center or directly
from our themeforest account
Thanks so much for purchasing our Theme. It's our pleasured of making your choice. We hope that you would enjoy it!
To download the zahar theme, please log in your ThemeForest account and then go to ThemeForest download page. Locate to zahar theme and then download the installable WordPress file only.
When you download the theme from Themeforest, you will get an archive file in .zip
extension.
You need to unzip that archive. When done, you should see
zahar.zip (zip file name can be changed from version to version).
Please, follow the steps below to install zahar Theme.
Step 1 - Login to your WordPress
Dashboard.
Step 2 - Go to Appearance >
Themes. Click Add new button, located at the top of the screen or
Add new theme ( see screenshots below ).
Step 3 - Click on Upload
button at the top of the screen.
Step 4 - Choose
zahar.zip.
Step 5 - Wait while the theme is uploaded
and installed then activate the theme.
Step 6 - After activating the theme a notice
should appear on the top of the screen, click on begin installing plugins ( see
screenshots below ).
Step 7 - Select all the plugin,change Bulk
Actions drop to Install then click apply ( see screenshots below ).
Step 8 - Congratulation you are ready to use
zahar, check the Initiate Steps part of our documentation to see what you may
want to do before starting to edit your WordPress Site.
“Are you sure you want to do this?”
If you get the “Are you sure you want to do this” message
when installing zahar.zip file via WordPress, it means you have an
upload file size limit. Install the theme via FTP if this happens, or
ask your hosting company to increase the limit.
Missing stylesheet file
If you get an error saying that the stylesheet is missing,
then you have uploaded the wrong folder. Please check that you are
uploading the zahar.zip within the Theme Files folder. You have to
unzip the file that you download from Themeforest to find this.
If you are going to install the theme using FTP, you will need an FTP Client, such as FileZilla.
When you download the theme from Themeforest, you will get an archive file in .zip
extension.
You need to unzip that archive. When done, you should see zahar
Folder(folder name can be changed from version to version).
Please, follow the steps below to install the theme via FTP:
Step 1 - Log into your hosting space
(server) via FTP client.
Step 2 - In extracted archive folder, find
zahar folder
Step 3 - Upload the zahar
folder to your server in path ../wp-content/themes/.
Step 4 - The uploaded path should be like
this: ../wp-content/themes/zahar/
Step 5 - Login to your WordPress Dashboard
and go to Appearance > Themes and activate the zahar theme.
Step 6 - After activating the theme a notice
should appear on the top of the screen, click on begin installing plugins ( see
screenshots below ).
Step 7 - Select all the plugin,change Bulk
Actions drop to Install then click apply ( see screenshots below ).
Step 8 - Congratulation you are ready to use
zahar, check the First Steps part of our documentation to see what you may want
to do before starting to edit your WordPress Site.
Before importing the dummy data Make sure you have all the plugin installed (if you want to use portfolio, team, testimonial, packages and woocommerce. You make sure to install all first ).
If you have problems importing the demo ( example :
infinite loading, error 505 with when using wordpress importer ) then
you may have a problem with the server settings. Please create ticket in Our Support
Center.
Step 1 - Log into your WordPress
Dashboard.
Step 2 - Install and Activate All
Plugin.
Step 1 - Log into your WordPress
Dashboard.
Step 2 - Go to Unyson.
Continue to click on Download Backup & Demo Content button.
Step 3 - Then go to Tools >
Demo Content Install > Install
Step 4 - The Dummy content is really big
and may takes more then 30 minutes to import depending where you are living, Do not
interrupt/cancel the import process!
Step 6 - Done!
This video tutorial shows you how to Import Data zahar Theme with just one click.
If you would like to learn the best practice of using zahar theme, you can import content from our demo web site. Importing theme is performed using XML file located in theme ZIP file downloaded from Themeforest and following these steps.
Elementor is the most popular drag and drop editor for Wordpress.
If you need dedicated support for this component, please visit: Elementor.
Here is Documentation of Elementor guide.
LearnDash LMS is the #1 choice of Fortune 500 companies, major universities, training organizations, and entrepreneurs worldwide for creating (and selling) their online courses.
If you need dedicated support for this component, please visit: LearnDash LMS.
Here is Documentation of LearnDash LMS guide.
The WP Customer Review Plugin is a great way to display customer reviews easily on your WordPress site. The plugin allows customer reviews to be displayed on a specific page for people to view them online. All submissions are moderated and the page is completely customizable.
If you need dedicated support for this component, please visit: WP Customer Reviews
Here is video to guide you using this plugin.
YITH WooCommerce Wishlist Plugin is a great way to display customer reviews easily on your WordPress site. The plugin allows customer reviews to be displayed on a specific page for people to view them online. All submissions are moderated and the page is completely customizable.
If you need dedicated support for this component, please visit: YITH WooCommerce Wishlist
Here is document to guide you using this plugin.
zahar theme includes the premium plugin - Revolution Slider.
Once you've installed and activated the Revolution Slider
plugin, you will then see the menu item appear at the bottom of the
WordPress menu, as below:
You can import the revolution slider we used in our demo, all slider are in the slider folder. To learn more about the Revolution Slider plugin please read the Plugin documentation
For full documentation visit the following websites:
WooCommerce Plugin
Page
WooCommerce
Documentation
WooCommerce
Community Forums
WooCommerce Builtin
Shortcodes
WooCommerce 101
video series
YITH WooCommerce Compare plugin is an extension of WooCommerce plugin that allow your users to compare some products of your shop. All products are saved in one complete table where the user can see the difference between the products. Each product features can be set with the woocommerce attributes in the product configuration. You can also add a simple widget with the list of products the users have added, where you can manage them. Also you can simply customize the compare table with your style, by editing the specific template.
Full documentation is available here
This plugin is 100% compatible with WPML
Sometimes the halfway is better: what if you are looking to a product in a list and its image is still too small?
You have to open its product page, waiting for its loading and finally observe what you are interested into. So why don't use a simple way to look immediately at the product's distinctiveness? Here it is what Quick View can offer you.
People are more attracted to what they can see clearly. And often the classic product lists are not enough to understand the real value of a product. That's when Quick View strikes successfully! Your clients will be free to look in a better way your products, reading also a small description with all the most important features and qualities you want to underline. In this way, they will be more focused on what they really want and they will proceed easily to the purchase step.
Main features:
- Add a button in product loop to open a modal window with the product summary using
ajax.
- Choose to enable the prettyPhoto lightbox for images in quick view.
- Customize style of modal.
Full documentation is available here.
Note :- to use this feature you must have version 1.9.0 or higher of "woocommerce color or image variation swatches" plugin.
To enable this feature visit swatches tab under woocommerce/settings menu and enable checkbox "Enable default attribute options". Upon checking it you will see another table where you can configure your global attribute options.
Please remember that this feature will work only for products which does not have display type set. if you have existing products with "custom color or image swatches " as display type then global changes will not affect it but you can always change display type to "global values" in variation select tab to make global values work on those products. "global values" option in display type dropdown will be available only to attributes that are created under product/attribtues not for "Custom product attribute"(which you separate via "|").
First visit swatches tab under woocommerce/settings menu and define custom product swatches height and width there.
Then select custom as display type while configuring into variation select tab.
First you need to setup global image or color for each attribute values.To do that visit attributes tab under products menu and add your attribute like this.
Once Attribute is added , click on settings icon to define its options.
Now add the options as shown in the image.
Once color or image value for all usable attribute and its options are set , you can use it on product.To use it on products visit attributes tab and select "color" inplace of custom product attributes and then click on add
Set your variations now by visiting variations tab and then visit variation select tab and select image or color in place of dropdown select and update the product.thats it now frontend will replace image or color with default select .
To display one attribute swatches on shop/category pages you need to check the "Enable one attribute swatches on shop/archive pages " checkbox in variation select tab and then select the attribute in next option as shown in the below image.
Note :- To make this feature work you must select "Custom Color or Image Swatches" as display type.
You can also upload the hover image for each option of that selected attribute. Once hover image is set , plugin will replace the hover image with product image on swatch hover on shop/category pages.
To change swatches size on shop/category page , visit swatches tab under woocommerce -> settings and define your preferable width and height.
This usually happens when number of inputs(form fields) on your page is higher then allowed number of input by your server.
Problem get solved in most of such cases by increasing max_input_vars .
Newer versions of PHP implement a php.ini directive called max_input_vars usually set to 1000. This means that posting > 1000 form fields for instance would be truncated preventing data from being saved.
This can be changed in php.ini file
max_input_vars = 2000
If you are on shared host you can increase it via .htaccess file
php_value max_input_vars 2000
If you are not familiar with php.ini or .htaccess files ,open a ticket with your host and tell them to increase max_input_vars in php.ini file.
Read more on this here
http://docs.woothemes.com/document/problems-with-large-amounts-of-data-not-saving-variations-rates-etc/Catalog image dimensions is a woocommerce feature. If you are experiencing wrong dimensions for hover images , you will need to set the correct dimension for catalog images at products/display under woocommerce/settings menu.
After changing it you may need to regenerate product thumbnails using this plugin.
https://wordpress.org/plugins/regenerate-thumbnails/
If you still getting same dimensions on shop page check media settings page configuration. For example - if you are getting 150*150 dimension on hover images and media settings page has 150 * 150 thumbnail size. try changing it and regenerating thumbnails using aforementioned plugin.
Here is Documentation of WooCommerce Variation Swatches and Photos.
Step 1 - Login to your WordPress
Dashboard.
Step 2 - Go to Zahar Option
> General.
Step 3 - Choose which part of the theme
you want to modify.
General - To upload the Favicon, setting
basic for your website
Header - Choosing the header that you
want to use on your website
Footer - Choosing the footer that you
want to use on your website
Title bar - Setting the title bar
Post type - Setting post type that you
want to use
Color Styling - Select the primary color
and
hover color for items in your website.
Projects - Setting the title bar for
project archive and some setting for project single
Studies - Setting the height image on
slider and title bar for studies single
Blogs - Setting the title bar and sidebar
for blog archive and some setting for blog single
Jobs - Setting the sidebar for Jobs
single
Academics - Setting the sidebar for
Academics single
Courses - Setting the wishlist page for
course and setting course single
404 Page - Choosing the 404 page layout
and some attributes in 404 page
Shop - Setting the layout and column for
shop, single product and account page
Typography - Specify the body font
properties.
API And Other Setting - Setting the API
for google map and setting link redirect for login form and page to verify email when
register
Step 4 - When you finish customizing the
general options don't forget to save.
Step 1 - Go to Settings >
Reading in your WordPress Dashboard panel.
Step 2 - Set "Front page
displays" to a "Static Page".
Step 3 - In the drop down menu for
"Front Page" choose a page which will be your home page.
Step 4 - Leave the drop down menu for "Posts
page" empty, as this is not used by the theme.
Step 5 - Save changes.
Step 1 - Login to the WordPress
Dashboard.
Step 2 - From the
'Appearance' menu on the left-hand side of the Dashboard,
select the 'Menus' option to bring up the Menu Editor.
The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Posts are hidden by default. The Screen Options are located in the top right corner of your WordPress Dashboard.
Step 1 - Locate the pane entitled
Pages.
Step 2 - Within this pane, select the
View All link to bring up a list of all the currently published Pages on
your site.
Once you've created a menu and filled it with items, it's time to assign it to one of the theme pre-defined locations.
Step 1 - Go to Header , Footers
And Template
and choosing the header that you want to add this menu after that
click Edit With Elementor.
Add a mega menu create by Elemetor is very easy with Elementor.
Step 1 - Create a Mega menu shortcode by
Elementor: Header , Footers And Template -> Add New .
Step 2 - Copy the mega menu shortcode
Please follow these steps to upload your Logo
Step 1 - Go to Header , Footers
And Template and choosing the header that you want to show on your website
after that click Edit With Elementor.
For each page you can change the title style, title background color, header layout, footer layout, etc. Check the screenshot and read the documentation to see how it works
1.1. Permalink 1.2. Featured Image 1.3. Discussion 1.4. Page AttributesWith blog category or If you using the default blog listing page, please go to Zahar Option -> Blogs to setting the title bar and sider bar for page
We use the JWS Blog widget to some layouts for listing pages by Elementor, you can choosing any blog listing page for your website.
In this widget you can choose any layouts and setting for your blog listing
If you want to change or remove the titlebar on blogs page by by elementor, please click to edit the page on backend -> scroll to Page Setting and change the setting page at here
With blog category or If you using the default blog listing page, please go to Zahar Option -> Projects to setting the title bar for page
We use the Jws Projects widget to some layouts for listing pages by Elementor, you can choosing any layout to apply for your Product/Portfolio listing.
In this widget you can choose any layouts and setting for your blog listing
If you want to change or remove the titlebar on blogs page by by elementor, please click to edit the page on backend -> scroll to Page Setting and change the setting page at here
To set up the layout and sidebar for Single Studies, please go to Zahar Option -> Studies and setting at here
Please go to Zahar option -> Academics , there are many option to setting your Academics page, bellow are some options that you can change
- Set up the global layout, title page, sidebar
- Add more item for program field, format field, Frequency field, Division field
- Change column and image size of posts in Academics listing
- Select Content Top and buttom Archive: as you can see these sections
We create these section by Elementor, please go to Header , Footers And Template -> follow bellow image to change the content
if you want to change these section to another section please go to Zahar option -> Academics and choosing the layout that you want to show
Besides, these are some shortcodes, they may helpful to you when you want to add them on somewhere: Use shortcode [search_academic] show search , [program_academic] show program , [format_academic] show format , [frequency_academic] show format , [divisions_academic] show format . for siderbar.
Please go to Zahar option -> Courses , there are many option to setting your Courses page, bellow are some options that you can change
- Set up the global layout, title page, sidebar
- Add more item for Level field
- Change column, number courses to show, image size, change text buttton, color button, currency of posts in Courses listing
To setting the title bar and layout header for shop page and single product please go to
Zahar Option -> Shop to setting like this image:
Please follow the steps below to set up Shop page:
Step 1 - Login to your WordPress
Dashboard.
Step 2 - Go to Zahar Option ->
Shop -> Shop Page.
Step 3 - Setting layout, total product,
column on each divice and setting full page for your shop.
Please follow the steps below to set up Single Product page:
Step 1 - Login to your WordPress
Dashboard.
Step 2 - Go to Zahar Option ->
Shop -> Shop Single.
Step 3 - Setting layout, sidebar
position and content for Store Availability, Store Availability, Size guide, Delivery and
return.
We have many options for color, we will explain the function of each option for you at here:
1. ColorPlease go to Zahar Option -> Color Styling -> Color to setting the color
Main Color -> Apply for: Loading icon, scroll to top button, icon, hover link, button type input,...
Main Color 2 -> Apply for: button gradient type input,...
Main Color 3 -> Apply for: ,...
Main Color 4 -> Apply for: hover title on blogs ,...
Color Theme 1 -> Apply for: title of blog, shop, post types, heading, title on cart, checkout, icon ,...
Color Theme 2 -> Apply for: share icon on blogs, text in cart button,...
To set up the color for back top top button, please go to Zahar Option -> Color Styling -> Back to top to setting the color
Headers built by Elementor, so you can easy to edit the header
Step 1 - Login to your WordPress
Dashboard.
Step 2 - Go to Zahar Option -> Header/ Footer and choose the Header or Footer.
Beside on each pages, if you want to choose a special header or footer only apply for a page, please click to edit the page that you want to change header/footer -> scroll to bottom of page at Page Setting
We create title bar template by Elementor,please go to Header , Footers And Template and create or edit the title bar template
To choosing the title bar template or turn on/off it, please go to Zahar Option -> Title Bar and choosing the layout at here
Beside on each pages, if you want to choose a special title bar only apply for a page, please click to edit the page that you want to change title bar -> scroll to bottom of page at Page Setting
Step 1 - Log in to your WordPress
Administration Panel (Dashboard).
Step 2 - Click the 'Blog
Posts' tab.
Step 3 - Click the 'Add
New' sub-tab.
Step 4 - Start filling in the
blanks: enter your post title in the upper field, and enter your post
body content in the main post editing box below it.
Step 5 - As needed, select a category, add
tags, post format, fill in the meta setings below the editor.
Step 6 - Upload a featured image for your
Post.
To you show your posts you need to create a Blog page.
zahar theme includes support for the Elementor plugin. Elementor comes with a lot of block to help you quickly and easily building your pages.
You can read more information with the documentation live at link https://elementor.com/ to understand how it works.Step 1: Go to Pages > click "Add new" and then enter your page information.
Step 2: Click Edit With Elementor Button to edit content.
We created a lot of elemtent in Elementor, you can flexible to build your page
Click on "Publish" to save and publish your new page or "Save draft" to save it as a draft.
Here is how it works on our page
Step 1 - Install POEdit https://poedit.net/
Step 2 - Open file ***.pot by POEdit
and traslate it : http://prntscr.com/bmhtpt
Step 3 - Click Save to save
changes.
Please go to Woocommerce > Settings > General > Currency Options
This is the instruction of configureurating currency tab in WooCommerce Settings.
Zahar comes with a Child Theme.
Simply install zahar-child.zip like a regular WordPress theme.
A child theme is a theme that inherits the functionality of another theme, called the parent theme. Child themes allow you to modify, or add to the functionality of that parent theme. A child theme is the best, safest, and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes. Instead of modifying the theme files directly, you can create a child theme and override within.
There are a few reasons why you would want to use a child theme:
Child
Themes - Codex
You can watch this video to know the way create a Child Theme.
You need to use a Child Theme only if you are making code customizations.
Updating the theme via WordPress is very similar to the install process via WordPress.
Follow
the steps below to update your theme via WordPress:
Step 1 - Log into your WordPress
Dashboard.
Step 2 - Go to Appearance >
Themes.
Step 3 - Deactivate the
zahar theme by simply activating a different theme. Once you activate a different theme, you can
delete the zahar theme.
Step 4 - Delete the zahar
theme. Do not worry, your content will not be lost!
Step 5 - Then simply upload the new
“zahar.zip” file in the Appearance > Themes section. Click
on the Install Themes tab at the top and choose to upload the zip file. You
have this step explained in section: Theme Installation via WordPress.
Updating the theme via FTP is very similar to the install process via FTP.
Follow the steps
below to update your theme via FTP:
Step 1 - Go to ../wp-content >
themes
location on your server using a FTP client and backup your "zahar"
theme folder by saving it to your computer, or you can choose to simply
delete it. Your content will not be lost.
Step 2 - Download the new version of zahar
theme from your Themeforest and retrieve zahar folder by unpacking the zip that
you download from Themeforest and zahar_(version.number).zip.
Step 3 - Then simply drag and drop the new
"zahar" theme folder into ../wp-content > themes location. Choose to
“Replace” the current one if you did not delete it.
Step 4 - Log into your WordPress Dashboard,
go to Appearance > Themes and activate the new zahar theme.
There are several things you can do to speed up your website. First thing you need to turn off the Less Option in Theme Setting after you changed any thing on theme setting and after you import the demo data. Consider adding a caching plugin to WordPress. We use and recommend W3 Total Cache. Another thing you can do is use a Content Delivery Network provider. We use and recommend MaxCDN (See our infographic about What is a CDN and Why you need it). You should also consider using a better web hosting provider. Shared hosts are usually slower. If you are receiving a lot of traffic, then you should consider moving to a VPS or a Dedicated server. Last but not least, check out our presentation about Maximizing Performance and Speeding up WordPress.
Yes, all you need to do is point the domain name to the hosting account.
There is no limit to the number of plugins you can install. However, too many plugins or even a few poorly coded plugins can slow your site down immensely, so it is important to install plugins correctly.
This most likely happens when you paste a code from a website with wrong formats. Sometimes the formatting error is done on the website where the code is available however most of the time, this error happens because you pasted the code on the wrong location. Unfortunately, you will not be able to make the edits using your wp-admin section. You will have to use FTP to login to your web host and modify your theme’s file.
Consider following our Beginner’s Guide to Pasting Code from the Web into WordPress.
We have written an extensive article on How to Install and Setup Google Analytics in WordPress. It is important to mention that you will NOT be able to install Google Analytics in your WordPress.com blog. They provide a built-in feature called WordPress.com Stats.
Embedding videos can add quite a bit of value to your blog and your content. Whether you want to use your own videos or just any video from YouTube or another video hosting site, you need to know how to embed videos within your posts.
The process is very simple and you can just post the URL for the video within the post. Make sure to put it where you would like it to show up. For more information about embedding videos in WordPress, check out our post about The Easiest Way to Embed Videos in WordPress.
Installing a copy of WordPress on your PC is possible. You can do this fairly easily, but you will need the right tools. Another thing to keep in mind, when you install WordPress on your PC, nobody will be able to see your website until you publish it with your own hosting account.
You can find out how to install WordPress on your PC without post called, A Quick Guide to Installing WordPress with WAMP on your Windows Computer.
Please take a look at this Article
Recommended PHP configuration limits are as follows:
You can verify your PHP configuration limits by installing a simple plugin found here. If you still cannot resolve the 500 error, talk with your web hosting support.
If you are installing your theme from the WordPress theme installer, but get a message that says "Are you sure you want to do this?", most likely your web server is configured with low PHP settings that only allow a certain size ZIP file to be uploaded via WP admin.
Most hosting companies configure their servers to only have the maximum file upload size limit at 8-10 MB, some are less. The zahar theme ZIP is currently about 34 MB in size which is due to the included plugins and all the demo content. So if you get this error, your web server is rejecting the upload due to the overall size of the zahar.zip file. WordPress is unfortunately giving you a rather ambiguous message in response. This is not a theme issue or bug.
There two ways to solve this problem.
Recommended PHP configureuration limits are as follows:
memory_limit 128M
post_max_size 32M
upload_max_filesize 32M
max_execution_time 600