-
- Getting Started
- Pages
- Post
- Portfolio
- Blocks
- Menu
- Sidebars & Widgets
- Header
- Footer
- Theme Options
- WooCommerce
- Plugins
- Elementor
- FAQ
- Help & Support
Thank you for purchasing Hema - Multipurpose WooCommerce WordPress Theme. This user guide covers all options that the theme provides. Please read the documentation carefully as it may answer most of your questions. In case if you feel some aspect is not covered or have some questions, contact us via our user page contact form here. We will do our best to answer you in shortest time possible.
We are always happy to help and we value our customers. All our files come with User Manual prepared specifically for each product – these help files are located inside your download packages.
Support requests are processed on business days from 8:00 to 20:00 (GMT + 5.30 ) within 24hrs (usually less) in the order they were received. Support request sent during weekends/holidays will be processed on Monday or the next business day.
If you have any questions regarding to theme issues, please send us support request here.
To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex. Below are all the useful links for WordPress information.
To run WordPress we recommend your host supports:
That’s really it. We recommend Apache or Nginx as the most robust and featureful server for running WordPress, but any server that supports PHP and MySQL will do. That said, we can’t test every possible environment and each of the hosts on our hosting page supports the above and more with no problems.
Please read more from here.
Sometimes you may get some errors while installing our theme, importing content, or activating plugins like white screen or PHP errors. They may be caused by low PHP configurations limits. In this case, you need to increase some values. You can do this on your own or contact your hosting provider with the following requirements:
To download, you need to log into your ThemeForest account and go to your download page. Locate the theme that you purchased in your Downloads list and click on the Download button
After you download the package from ThemeForest, please unzip it. You'll see a file called hema.zip, which is the main file needed to upload and install.
The theme files can be uploaded in two ways:
Note : Make sure the ZIP file contains only folders and files of the theme and not the inner additional ZIP.
A child theme allows you to change small aspects of your site’s appearance yet still preserve your theme’s look and functionality. To understand how child themes work it is first important to understand the relationship between parent and child themes.
Hema is fully child theme compatible. We have attached a basic child theme(hema-child.zip) to the download package which contains the minimum of required files. If you are planing any code customizations we highly recommend to do this inside the child theme! You can get more information about Child themes and their application in Child Themes.
After installing and activate the Hema theme, you'll see a notification in the top of the page that says the theme needs some plugins to function properly or You can go to Admin panel > appearance > install plugins, just click on checked all plugins and click to install. That's it. All plugins will be installed one by one. Then with the same procedure activate all plugins.
To make setting up your site easier and faster, you can import Demo Content.
Note : All images are just used for Preview Purpose Only. They are not part of the theme and NOT included in the final purchase files.
The easiest way to translate our theme and plugin in your language is by using the Loco Translate WordPress plugin. For more information please visit Loco plugin page.
If you updating Hema theme, Please following below step and update Hema theme and this step is very easy and simple:
You can update the theme automatically by following this link-- https://envato.com/market-plugin/
When you have a number of plugins active on your site, it can slow down your site. Deactivate all the plugins except the ones included within the theme and clear the browser cache. Then, you can activate your plugins one by one and check to see which plugin is slowing your site.
Images are a key factor in optimizing a website. It is important to optimize your images for your website. Images with large size can slow down your site. Do not upload images in large size. For instance, if your weblog is created by images with the size 800*600, you should upload an image with the same size and not bigger.
Your host or sever can be a reason of your site low speed. If you are using VPS for your hosting, it can be because of bad configurations and low resources. If you are using shared hosting, you need to contact your host provider in this regard so they can check it.
You should use a cache plugin. These plugins minify your files and combine them and stores a version of the file in cache in order to reduce your server requests and as a result, it will boost your site speed.
You can compress images from CompressJPEG/TinyPNG website. Visit https://compressjpeg.com Or https://tinypng.com/ and compress all images before uploading them on your website. By this process, you can decrease your website loading time and provide your visitors, a better experience.
If you familiar with .htaccess, you can go to the root foldef of your wordpress installation. Find .htaccess file and open it.Insert following code.
AddType application/x-font-woff .woff
AddType application/font-woff2 .woff2
AddType application/vnd.ms-fontobject .eot
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-woff
AddOutputFilterByType DEFLATE application/font-woff2
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/opentype
# For Olders Browsers Which Can't Handle Compression
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_include mime ^text/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_include handler ^cgi-script$
</ifModule>
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
ExpiresByType application/x-font-ttf "access plus 1 year"
ExpiresByType application/x-font-opentype "access plus 1 year"
ExpiresByType application/x-font-woff "access plus 1 year"
ExpiresByType application/font-woff2 "access plus 1 year"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 3 month"
ExpiresByType application/pdf "access plus 3 month"
ExpiresByType text/x-javascript "access plus 3 month"
ExpiresByType application/x-shockwave-flash "access plus 3 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 3 month"
</IfModule>
## EXPIRES CACHING ##
<ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule>
<IfModule mod_header.c>
# 3 Month
<FilesMatch "\.(flv|gif|jpg|jpeg|png|ico|swf)$">
Header set Cache-Control "max-age=7257600"
</FilesMatch>
# 1 Week
<FilesMatch "\.(js|css|pdf|txt)$">
Header set Cache-Control "max-age=604800"
</FilesMatch>
# 10 Minutes
<FilesMatch "\.(html|htm)$">
Header set Cache-Control "max-age=600"
</FilesMatch>
# NONE
<FilesMatch "\.(pl|php|cgi|spl)$">
Header unset Cache-Control
Header unset Expires
Header unset Last-Modified
FileETag None
Header unset Pragma
</FilesMatch>
</IfModule>
# END WordPress
Please go through the following points to learn how to set home page:
Please go through the following points to learn how to create page:
In our theme we have used advanced drag and drop Page Builder(Elementor) to add content in editor. Please read more how to build the content using Elementor builder.
In every page we have set up few settings for making the page more flexiable for users, if you want you can set different header/footer in different page. Also there is an option for selecting sidebar left/sidebar right/full width page easily.
Hema theme comes with Elementor page builder plugin. You can easily add Elementor widgets as you want. We have created all required widgets for Elementor and it is included with theme, you just need to Elementor's Hema section.
For getting the layout same as our demo you can setup layout size 1140px. Please see below steps of screenshots.
Hema comes with all the required Elementor widgets. Please go to page and click on edit with elementor link from page. After loading the Elementor editor you can see there is an option added bottom of the elements called "HEMA ELEMENTS". In this area all our Elementor widgets showing.
As Hema comes with Elementor and we added three different posts type(services, team and portfolio), it is necessary to allow Elementor editor first. After that you can edit the page with elementor.
Elementor website builder is very user friendly and easy to use. Please see the video below.
For more help please go to Elementor Documentation
Please go through the following points to learn how to create post:
Please go through the following points to learn how to create portfolio:
On block builder you can create header, footer, megamenu and newsletter popup blocks.
Please go through the following points to learn how to create block:
Please go through the following points to learn how to create menu:
Please go through the following points to learn how to create mega menu block:
Please go through the following points to learn how to asign block in mega menu:
Please go through the following points to learn how to create mega menu block:
Hema blog widget show the list of blog posts.
Hema image box widget show the info box.
Hema posts widget show the list of posts.
This widget allows you to display product attributes.
This widget allows you to display product price range filter.
This widget allows you to display active product filter.
Hema theme comes with header builder where you can create unlimited header styles as you want. You can create different header for different page also.
For creating header please go to Blocks > Add New and select block type as Header. After that you can create header with elementor page builder.
Please go through the following points to learn how to create header block:
You can create header with header elements above menttioned image.
Hema theme comes with footer builder where you can create unlimited footer styles as you want. You can create different footer for different page also.
For creating footer please go to Blocks > Add New and select block type as Footer. After that you can create footer with elementor page builder.
Please go through the following points to learn how to create footer block:
You can create footer with hema elements above menttioned image.
Hema comes with advanced customizer theme options where you can set almost everything without any coding knowledge. From header to footer everywhere we set the options, so you can manage your site as you want. Please go to the Admin > Appearance > Customize to see all available options.
Go to Customize > Hema Options > General > Genral Settings panel section to start your custom settings configuration.
Layout Style > Here you can choose page layout style wide, box or predefine style.
Page Layout > Here you can choose genral page layout with sidebar.
Go to Customize > Hema Options > General > Genral Styling panel section to start your custom settings configuration.
Styling Options Location > You can choose customizer settings store in WP Head or Custom File. If you choose Custom File, a CSS file will be created in your uploads folder.
Theme(Primary) Color > The default theme primary color, you can enter the color code of your choice or select the color from the color picker provided.
Theme(Secondary) Color > The default theme secondary color, you can enter the color code of your choice or select the color from the color picker provided.
Theme Text Color > You can choose theme text color.
Link Color > You can choose link color.
Link Hover Color > You can choose link hover color.
Background Color > You can choose site background color.
Background Image > You can set site background image.
Show Snow Falling Effect > Enable to show page snow fall effects. Like Christmas home page version.
Go to Customize > Hema Options > General > Buttons panel section to start your custom settings configuration.
Border Radius > You can set button rounded corner in a pixel or percentage.
Background Color > You can set button background color.
Background Hover Color > You can set button background hover color.
Text Color > You can set button text color.
Text Hover Color > You can set button text hover color.
Border Color > You can set button border color.
Border Hover Color > You can set button hover border color.
Background Color > You can set button background color. Default: #eeeeee
Background Hover Color > You can set button background hover color. Default: #0264d6
Text Color > You can set button text color. Default: #666666
Text Hover Color > You can set button text hover color. Default: #ffffff
Border Color > You can set button border color. Default: #eeeeee
Border Hover Color > You can set button hover border color. Default: #0264d6
Go to Customize > Hema Options > General > Preloader panel section to start your custom settings configuration.
Preloader Status > Hide/Show site preloader.
Preloader Type > Here you can set preloader type predefine or custom. If you select custom then show preloader image option and you can choose image.
Preloader Color > Here you can set predefine preloader color. Default: #0264d6.
Go to Customize > Hema Options > General > Newsletter Popup panel section to start your custom settings configuration.
Newsletter Popup Block > Here you can set custom block content for the newsletter popup.
Newsletter Delay > You can set miliseconds of delay time.
Go to Customize > Hema Options > Top Bar > Genral panel section to start your custom settings configuration.
Top Bar Status > Hide/Show Topbar section.
Contact Number > You can set store contact number.
Time > You can set store timing.
Background Color > You can set topbar background color. Default: #ffffff;
Text Color > You can set topbar text color. Default: #888888;
Link Color > You can set topbar link color. Default: #888888;
Link Hover Color > You can set topbar link hover color. Default: #0264d6;
Border Color > You can set topbar border color. Default: #eeeeee;
Go to Customize > Hema Options > Top Bar > Topbar Social panel section to start your custom settings configuration. These options affected only top bar is enabled.
Top Bar Social Status > Hide/Show Topbar Social section.
Social Links > You can set social links hide/show and positions. You can set social links from Customize > Hema Options > Social > Social Links.
Go to Customize > Hema Options > Header > Header Settings panel section to start your custom settings configuration.
Header Style > Here you can set header styles created in Block Builder and default.
Transparent Header > Enable to show header as absolute transparent.
Background Color > You can set background color.
Inner Pages Background Color > You can set all inner page background color except home page.
Text Color > You can set text color.
Go to Customize > Hema Options > Header > Logo panel section to start your custom settings configuration.
Logo > Select your site logo as show on default header version and elementor header logo element show as global settings.
Max Width > You can choose logo maximum width.
Max Height > You can choose logo maximum height.
Go to Customize > Hema Options > Header > Sticky Header panel section to start your custom settings configuration.
Sticky Header Status > Hide/Show Sticky Header.
Enable Sticky Scroll Up > Enable to show sticky header when scroll up.
Background Color > You can set background color.
Text Color > You can set text color.
Go to Customize > Hema Options > Header > Menu panel section to start your custom settings configuration.
NavBar Menu Font Size > You can set nabar menu font size.
NavBar Menu Font Weight > You can set navbar menu font weight.
Navbar Menu Font Text Transform > Set the menu text transform.
Navbar Menu Background Color > You can set background color.
Navbar Menu Hover Background Color > You can set hover background color.
Navbar Text Color > You can set text color.
Navbar Menu Hover Text Color > You can set hover text color.
Megamenu Background Color > You can set megamenu dropdown background color.
Megamenu Text Color > You can set megamenu dropdown text color.
Megamenu Columns Heading Color > You can set megamenu dropdown heading columns color.
Megamenu Border Color > You can set megamenu dropdown border color.
These options affected in whole body
Go to Customize > Hema Options > Typography > Body panel section to start your custom settings configuration.
Font Family > You can choose body font family.
Font Weight > You can choose body font weight.
Font Style > You can choose body font style.
Text Transform > You can choose body text transform.
Font Size > You can enter body font size in (px, em, %).
Line Height > You can enter body line height in (px, em, %).
Font Color > You can set body font color.
These options affected on site all heading like( h1,h2 etc.. )
Go to Customize > Hema Options > Typography > All Heading panel section to start your custom settings configuration.
Font Family > You can choose all heading font family.
Font Weight > You can choose all heading font weight.
Font Style > You can choose all heading font style.
Text Transform > You can choose all heading text transform.
Font Size > You can enter all heading font size in (px, em, %).
Line Height > You can enter all heading line height in (px, em, %).
Font Color > You can set all heading font color.
These options affected on site all heading like( h1,h2 etc.. )
Go to Customize > Hema Options > Typography > Page Title panel section to start your custom settings configuration.
Font Weight > You can choose all heading font weight.
Font Style > You can choose all heading font style.
Text Transform > You can choose all heading text transform.
Font Size > You can enter all heading font size in (px, em, %).
Line Height > You can enter all heading line height in (px, em, %).
Font Color > You can set all heading font color.
Go to Customize > Hema Options > Blog / Post > Blog / Archives panel section to start your custom settings configuration.
Page Layout > Select page layout for blog archives.
Sidebar > Select sidebar widgets you want to show on Blog Archives page.
Blog View > You can choose blog archives page style in ( Full, Grid, List and Modern ).
Post Style > You can choose blog post default or box style.
Blog Columns > Here you can set diffrent devices to show posts.
Show Page Title Section > Hide/Show page title section. You can set main page title configuration from Customize > Hema Options > Page Title
Page Title Alignment > You can set blog archives page title alignment.
Page Title > You can set blog page title as Custom Text, Post Title(Latest Post Title) and Hidden.
Page Background > You can set blog page title section background as Custom Image, Default ( From Customize > Hema Options > Page Title background image ) and Hidden.
Show Breadcrumb > Hide/Show breadcrumb.
Section Position > You can set post element hide/show and positioning.
Meta > You can set post meta hide/show and positioning.
Post Content > You can choose post content as excerpt and full content.
Excerpt Length > You can set excerpt post content lenght.
Show Fancy Date > Hide/Show fancy date. Fancy date show in post image top right cornor.
Show Read Time With Tags > Hide/Show read time with tags.
Read More > You can choose read more show as Link, Button or Hide.
Pagination Style > You can choose post archives pagination style in ( Default, Infinite Scroll and Load More ).
Go to Customize > Hema Options > Blog / Post > Single Post panel section to start your custom settings configuration.
Page Layout > Select page layout for blog single post.
Sidebar > Select sidebar widgets you want to show on blog sinle post.
Show Page Title Section > Hide/Show page title section. You can set main page title configuration from Customize > Hema Options > Page Title
Page Title Alignment > You can set blog single post title alignment.
Page Title > You can set blog page title as Custom Text, Post Title and Hidden.
Page Background > You can set blog page title section background as Freatured Image, Default ( From Customize > Hema Options > Page Title background image ), Custom and Hidden.
Show Breadcrumb > Hide/Show breadcrumb.
Section Positioning > You can set post element hide/show and positioning.
Meta > You can set post meta hide/show and positioning.
Social Share Links > You can set post meta hide/show and social share links.
Show Related Posts > Hide/Show related posts.
Related Post Style > Set related post style in (Default, Fancy, Box).
Related Post Content > You can choose post content as excerpt and full content.
Related Excerpt Length > You can set excerpt post content lenght.
Related Read More > You can choose read more show as Link, Button or Hide.
Go to Customize > Hema Options > Portfolio > Portfolio / Archives panel section to start your custom settings configuration.
Page Layout > Select page layout for portfolio archives.
Sidebar > Select sidebar widgets you want to show on Portfolio Archives page.
Portfolio View > You can choose portfolio archives page style in ( Gallery Filter, Grid ).
Portfolio Post Style > You can choose portfolio archives page post style in ( Default, Box ).
Portfolio Columns > Shows the numbers of items as per screen size.
Show Section Title > Shows the title and subtitle on portfolio loop page.
Show Page Title Section > Hide/Show page title section on portfolio archives page.
Page Title Alignment > You can set portfolio archives page title alignment.
Page Title > You can set portfolio page title as Custom Text, Post Title(Latest Post Title) and Hidden.
Page Background > You can set portfolio page title section background as Custom Image, Default ( From Customize > Hema Options > Page Title background image ) and Hidden.
Show Breadcrumb > Hide/Show breadcrumb.
Section Position > You can set post element hide/show and positioning.
Post Content > You can choose post content as excerpt and full content.
Excerpt Length > You can set excerpt post content lenght.
Show Fancy Date > Hide/Show fancy date. Fancy date show in post image top right cornor.
Read More > You can choose read more show as Link, Button, Icon(Plus) with popup, Icon(External Link) with popup, Icon(Plus) with link, Icon(External Link) with link or Hide.
Portfolio Per Page > You can set per page item on portfolio archives.
Pagination Style > You can choose post archives pagination style in ( Default, Infinite Scroll and Load More ).
Go to Customize > Hema Options > Portfolio > Single Portfolio panel section to start your custom settings configuration.
Page Layout > Select page layout for portfolio single post.
Sidebar > Select sidebar widgets you want to show on portfolio sinle post.
Show Page Title Section > Hide/Show page title section. You can set main page title configuration from Customize > Hema Options > Page Title
Page Title Alignment > You can set portfolio single post title alignment.
Page Title > You can set portfolio page title as Custom Text, Post Title and Hidden.
Page Title Background > You can set portfolio page title section background as Freatured Image, Default ( From Customize > Hema Options > Page Title background image ), Custom and Hidden.
Show Breadcrumb > Hide/Show breadcrumb.
Section Positioning > You can set post element hide/show and positioning.
Social Share Links > You can set social share links hide/show and positioning.
Show Related Posts > Hide/Show related posts.
Related Post Style > Set related post style in (Default, Box).
Related Post Content > You can choose post content as excerpt and full content.
Related Excerpt Length > You can set excerpt post content lenght.
Related Read More > You can choose read more show as Link, Button or Hide.
Related Remove Items Padding > Enable to remove two items between space.
Show Numbers of Related Portfolio > Show per page numbers of items shows.
Show Related Portfolio Columns > Show per columns of items shows.
Show social links icon on header and footer
Go to Customize > Hema Options > Social > Social Links panel section to start your custom settings configuration.
Enable Social Links > Enable/Disable Social Links.
Social Links Style > You can choose social links style in ( Only Icon, Icon with Label, Only Label ).
Icon Style > You can choose social icon style in ( Default, Colored, Bordered, Fill Colored ).
Icon Shape > You can choose social icon shape in ( Default, Rounded, Circle ).
Icon Size > You can choose social icon size in ( Extra Small, Small, Medium and Large ).
Social Link > Here you can set social profile or portfolio link.
Show social share links icon on blog, posts, portfolios etc..
Go to Customize > Hema Options > Social > Social Share Links panel section to start your custom settings configuration.
Enable Social Share Links > Enable/Disable Social share Links.
Show Social Title > Hide/Show social title on details page.
Links Display Style > You can choose social links style in ( Only Icon, Icon with Label, Only Label ).
Icon Style > You can choose social icon style in ( Default, Flat, Bordered, Boxed ).
Icon Shape > You can choose social icon shape in ( Default, Rounded, Circle ).
Icon Size > You can choose social icon size in ( Extra Small, Small, Medium and Large ).
Social Share Link > Here you can set social share links hide/show and positioning.
Go to Customize > Hema Options > Pages > 404 Page panel section to start your custom settings configuration.
Heading Text > Enter heading text.
Button Text > Enter button text.
Content Body Text > Enter content body text.
Go to Customize > Hema Options > WooCommerce > Shop / Archive > General panel section to start your custom settings
configuration.
Shop Layout > Select page layout for WooCommerce shop / archives page.
Sidebar > Select sidebar widgets you want to show on Shop / Archives page.
Shop Page Display > Choose what to display on the main shop page.
Category page display > Choose what to display on the main category page.
Default products sorting > How should products be sorted in the catalog by default?
Pagination Style > You can choose pagination style.
Default View Mode > Choose the default product view mode want to show on shop page.
Shop Sort > Hide / Show sortig option on Shop / Archive page.
Shop Result Count > Hide / Show display result count on Shop / Archive page.
Products Per Page > Set the numbers of product want to show on Shop / Archive page.
Show Per Page Dropdown > Enable to show per page products dropdown.
Per Page Variations > Set the numbers values to show in per page dropdown. Ex. 9,12,24,36,-1
Ajax Filter > Enable to filter using ajax.
Default View Mode > Choose the default product view mode want to show on shop page.
Shop Sort > Hide / Show sortig option on Shop / Archive page.
Shop Result Count > Hide / Show display result count on Shop / Archive page.
Products Per Page > Set the numbers of product want to show on Shop / Archive page.
Show Per Page Dropdown > Enable to show per page products dropdown.
Per Page Variations > Set the numbers values to show in per page dropdown. Ex. 9,12,24,36,-1
Ajax Filter > Enable to filter using ajax.
Go to Customize > Hema Options > WooCommerce > Shop / Archive > Page Title panel section to start your custom settings configuration.
Show Page Title Section > Hide/Show page title section. You can set main page title configuration from Customize > Hema Options > Page Title
Page Title Alignment > You can set Shop / Archive page title alignment.
Page Title > You can set Shop / Archive page title as Custom Text, Post Title and Hidden.
Page Title Background > You can set Shop / Archive page title section background as Freatured Image, Default ( From Customize > Hema Options > Page Title background image ), Custom and Hidden.
Show Breadcrumb > Hide/Show breadcrumb.
Go to Customize > Hema Options > WooCommerce > Shop / Archive > Product Stye panel section to start your custom settings configuration.
Product Layout Style > You can choose product layout style. You can see below list:
Product Variations > You can choose the variation that show on archive product.
Sale Countdown Style > Choose the style to show countdown on archive product.
Show Product Action Buttons > Hide/Show archive product buttons. Like: Add to Cart, Wishlist, Compare etc.
Product Box Style > Enable to show product box style.
Product Image Style > Choose the image style.
Product Image Swap Effect > Choose the image swap effect.
Lazy Load > Enabele / Disable lazy load image.
Show Product Categories > Choose the numbes of categories want to show.
Category Color > Set the category color .
Category Hover Color > Set the category hover color .
Title Color > Set the title color .
Title Hover Color > Set the title hover color .
Show Product Ratings > Hide/Show product ratings.
Show Product Ratings Count > Hide/Show product ratings count.
Rattings Color > Set the rattings color .
Rattings Hover Color > Set the rattings hover color .
Show Product Description > Hide/Show product description on archive list view only.
Description Color > Set the description color .
Show Product Price > Hide/Show product price.
Price Color > Set the price color .
Old Price Color > Set the old price color. Like without sale price.
Show Product Swatches > Hide/Show product swatches.
Swatches Size > Choose the size of swatches.
Show Add to Cart Button > Hide / Show product add to cart button.
Add to Cart Background Color > Set add to cart button background color.
Add to Cart Border Color > Set add to cart button border color.
Add to Cart Text Color > Set add to cart button text color.
Add to Cart Background Color:Hover > Set add to cart button hover background color.
Add to Cart Border Color:Hover > Set add to cart button hover border color.
Add to Cart Text Color:Hover > Set add to cart button hover text color.
Add to Cart Background Color:Active > Set add to cart button active background color.
Add to Cart Border Color:Active > Set add to cart button active border color.
Add to Cart Text Color:Active > Set add to cart button active text color.
Show Wishlist Button > Hide / Show product wishlist button.
Wishlist Background Color > Set wishlist button background color.
Wishlist Border Color > Set wishlist button border color.
Wishlist Text Color > Set wishlist button text color.
Wishlist Background Color:Hover > Set wishlist button hover background color.
Wishlist Border Color:Hover > Set wishlist button hover border color.
Wishlist Text Color:Hover > Set wishlist button hover text color.
Wishlist Background Color:Active > Set wishlist button active background color.
Wishlist Border Color:Active > Set wishlist button active border color.
Wishlist Text Color:Active > Set wishlist button active text color.
Show Compare Button > Hide / Show product compare button.
Compare Background Color > Set compare button background color.
Compare Border Color > Set compare button border color.
Compare Text Color > Set compare button text color.
Compare Background Color:Hover > Set compare button hover background color.
Compare Border Color:Hover > Set compare button hover border color.
Compare Text Color:Hover > Set compare button hover text color.
Compare Background Color:Active > Set compare button active background color.
Compare Border Color:Active > Set compare button active border color.
Compare Text Color:Active > Set compare button active text color.
Show Quickview Button > Hide / Show product quickview button.
Quickview Background Color > Set quickview button background color.
Quickview Border Color > Set quickview button border color.
Quickview Text Color > Set quickview button text color.
Quickview Background Color:Hover > Set quickview button hover background color.
Quickview Border Color:Hover > Set quickview button hover border color.
Quickview Text Color:Hover > Set quickview button hover text color.
Quickview Background Color:Active > Set quickview button active background color.
Quickview Border Color:Active > Set quickview button active border color.
Quickview Text Color:Active > Set quickview button active text color.
Go to Customize > Hema Options > WooCommerce > Shop Archive Pages > Badges / Lables panel section to start your custom settings configuration.
Show Badges like Sale, Fatured, Out of Stock etc.
Show Product Badges / Labels > Hide / Show product all badges / labels.
Show Badge New > Hide / Show New badge
New Label Text > You can set new badge text.
Newness Product Day(s) > You can set numbers of days want to display New badge.
New Badge Background Color > Set new badge background color
New Badge Text Color > Set new badge text color
Show Badge Sale > Hide / Show Sale badge
Sale Badge Type > You can set type of display sale badge from Sale Text or Percentage.
Sale Label Text > You can set text of sale badge.
Sale Percentage Text > You can set sale percentage text
Sale Badge Background Color > Set sale badge background color
Sale Badge Text Color > Set sale badge text color
Show Sale Marquee > Hide / Show Sale Marquee Bar
Sale Marquee Text > Set the text to show on sale marquee bar
Show Featured Badge > Hide / Show Featured badge
Featured Label Text > You can set featured badge text.
Featured Badge Background Color > Set featured badge background color
Featured Badge Text Color > Set featured badge text color
Featured Label Text > You can set featured badge text.
Featured Badge Background Color > Set featured badge background color
Featured Badge Text Color > Set featured badge text color
Show Oute of Stock Badge > Hide / Show Out of Stock badge
Out of Stock Label Text > You can set out of stock badge text.
Out of Stock Badge Background Color > Set out of stock badge background color
Out of Stock Badge Text Color > Set out of stock badge text color
Go to Customize > Hema Options > WooCommerce > Shop / Archive > Sidebar Widgets panel section to start your custom settings configuration.
Sticky Sidebar > Enable/Disable sticky shop archive sidebar
Widget Toggle > Enable/Disable to show toggle style sidebar widgets
Show More Link > Enable/Disable to show more links on listing widgets like category etc.
Initially shown items > Set the numbers of items to show initialy list after show more links toggle button.
Go to Customize > Hema Options > WooCommerce > Single Product > General panel section to start your custom settings configuration.
Page Layout > Select page layout for WooCommerce single product page.
Sidebar > Select sidebar widgets you want to show on single product page.
Image Width (Column) > Select number of bootstrap columns want to show for image width.
Summary Width (Column) > Select number of bootstrap columns want to show for summary width.
Category page display > Choose what to display on the main category page.
Default products sorting > How should products be sorted in the catalog by default?
Sale Label/Badge > Here you can set sale badge display On Product Image, After Price and Hide.
Sale Percentage Text > Display sale percentage text like 10% off, "{percentage}" is dynamic value.
Enable Product Gallery Zoom > Enable / Disable product gallery zoom.
Enable Gallery Lightbox > Enable / Disable product gallery lightbox
Gallery Style > Choose product gallery style.
Product Sticky Summary > Enable/Disable to show summary as sticky view .
Product Rating > Hide / Show product rating.
Product Meta > Choose the hook position to show product meta.
Product Short Description > Hide / Show product short description.
Share Buttons > Hide / Show product share buttons.
Product Availability > Choose to position to show product availability.
In Stock Message > You can set In Stock message of text.
Low Stock Qty > Display numbers of quentity in low stock qty message like Hurry, Only {qty} left in stock. if you want to hide then set "0".
Low Stock Qty Message > Display Low stock Message Hurry, Only {qty} left in stock. {qty} is the dynamic value of the low stock quentity value.
Out of Stock Message > You can set out of stock message text
Product Availability > Choose to position to show product availability.
In Stock Message > You can set In Stock message of text.
Low Stock Qty > Display numbers of quentity in low stock qty message like Hurry, Only {qty} left in stock. if you want to hide then set "0".
Low Stock Qty Message > Display Low stock Message Hurry, Only {qty} left in stock. {qty} is the dynamic value of the low stock quentity value.
Out of Stock Message > You can set out of stock message text
Sale Countdown > Choose the style show sale countdown.
Sale Countdown Heading > Set sale countdown heading.
Sale Countdown Variable Product > Enable/Disable sale countdown variable product.
Size Guide Position > Choose to position to show size guide.
Size Guide Label > Set size guide label.
Buy Now Button > Hide/Show buy now button.
Buy Now Button Text > Set buy now button text.
Low Stock Qty > Display numbers of quentity in low stock qty message like Hurry, Only {qty} left in stock. if you want to hide then set "0".
Low Stock Qty Message > Display Low stock Message Hurry, Only {qty} left in stock. {qty} is the dynamic value of the low stock quentity value.
Out of Stock Message > You can set out of stock message text
Sale Countdown > Choose the style show sale countdown.
Sale Countdown Heading > Set sale countdown heading.
Sale Countdown Variable Product > Enable/Disable sale countdown variable product.
Go to Customize > Hema Options > WooCommerce > Single Product > Page Title panel section to start your custom settings configuration.
Show Page Title Section > Hide/Show page title section. You can set main page title configuration from Customize > Hema Options > Page Title
Page Title Alignment > You can set Shop / Archive page title alignment.
Page Title > You can set Shop / Archive page title as Custom Text, Post Title and Hidden.
Page Title Background > You can set Shop / Archive page title section background as Freatured Image, Default ( From Customize > Hema Options > Page Title background image ), Custom and Hidden.
Show Breadcrumb > Hide/Show breadcrumb.
Tabs Layout > You can set style of display tabs layout.
Go to Customize > Hema Options > WooCommerce > Single Product > Sticky AddtoCart panel section to start your custom settings configuration.
Enable Sticky AddtoCart > Hide/Show sticky addtocart.
Go to Customize > Hema Options > WooCommerce > Single Product > Tabs panel section to start your custom settings configuration.
Tabs Style > Choose tab style to show on product page.
Tabs Nav Alignment > Choose tab nav alignment.
Tabs Nav Location > Choose tab nav location.
Custom Tab Title > Set Custom tab title.
Custom Tab Content > Set Custom tab content.
Go to Customize > Hema Options > WooCommerce > Single Product > Upsell / Related panel section to start your custom settings configuration.
Enable Related Products > Hide/Show related products.
Related Products Heading > Set heading for related product setion.
Enable Upsell Products > Hide/Show upsell products.
Upsell Products Heading > Set heading for upsell product setion.
Extra Large devices (large desktops, 1200px and up) > Show the numbers of products on Shop / Archive page Extra Large devices (large desktops, 1200px and up).
Large devices (desktops, 992px and up) > Show the numbers of products on Shop / Archive page Large devices (desktops, 992px and up).
Medium devices (tablets, less than 992px) > Show the numbers of products on Shop / Archive page Medium devices (tablets, less than 992px).
Small devices (landscape phones, 576px and up) > Show the numbers of products on Shop / Archive page Small devices (landscape phones, 576px and up).
Extra small devices (portrait phones, less than 576px) > Show the numbers of products on Shop / Archive page Extra small devices (portrait phones, less than 576px).
Enable Carousel > Enable/Disable to carousel.
Rows > Show to numbers of rows.
Carousel Autoplay > Enable/Disable carousel autoplay.
Autoplay Time > Set autoplay time.
Carousel Loop > Set carousel loop.
Navigation > Choose style to show carousel navigation.
Go to Customize > Hema Options > WooCommerce > Single Product > Visitor Count panel section to start your custom settings configuration.
Enable Visitor Count > Enable/Disable to show visitor count.
Message > Set text to show visitor count.
Min Count > Set numbers to show minimum fake visitor count.
Maximum Count > Set numbers to show maximum fake visitor count.
Count Update Time > Set numbers miliseconds to update count.
Go to Customize > Hema Options > WooCommerce > Single Product > Estimated Delivery panel section to start your custom settings configuration.
Enable Estimated Delivery > Enable/Disable to show esitmated delivery content.
Message > Set text to show delivery message.
Min Days > Set numbers to show mininum days count.
Max Days > Set numbers to show maximum days count.
Go to Customize > Hema Options > WooCommerce > Single Product > Delivery Retuns panel section to start your custom settings configuration.
Delivery & Returns > Enable/Disable to show delivery returns.
Delivery & Returns Label > Set text label to show delivery returns button.
Popup Loading Type > Choose type of popup loading type.
Delivery & Returns Block > Choose delivery returns block created in Block Builder.
Go to Customize > Hema Options > WooCommerce > Single Product > Ask a Question panel section to start your custom settings configuration.
Ask a Question > Enable/Disable to show ask a question.
Ask a Question Label > Set text label to show ask a question button.
Popup Loading Type > Choose type of popup loading type.
Ask a Question Form > Choose ask a question form from contact forms list.
Go to Customize > Hema Options > WooCommerce > Single Product > Trust Badge panel section to start your custom settings configuration.
Trust Badge > Enable/Disable to show trust badge.
Trust Badge Label > Set text label to show trust badge heading.
Trust Badge Image > Choose image to show trust badge.
Go to Customize > Hema Options > WooCommerce > Single Product > Frequently Bought Together panel section to start your custom settings configuration.
Enable Frequently Bought Together > Enable/Disable to show Frequently Bought Together.
Style > Choose the style want to show in product page.
Title > Set the title for heading.
Button Text > Set button text.
Go to Customize > Hema Options > WooCommerce > Catalog Mode panel section to start your custom settings configuration.
Enable Catalog Mode > Enable or Disable the catalog mode.
Hide Product Action Buttons > Enable to hide all buttons like quickview, wishlist, compare etc.
Login to See Price > Use this option to prevent customers from viewing the prices of products on your website.
Price Text > Enter the login to see price text. Leave blank to hide the price and text.
Show Button with Login Link > Enable this option to display the custom price text (set above) as a button linking to the login page..
Go to Customize > Hema Options > WooCommerce > Free Shipping Bar panel section to start your custom settings configuration.
Free Shipping Bar > Enable or Disable the Free Shipping Bar on Mini Cart, Cart, and Checkout Pages.
Calculation > You can select shipping calculation to custom or WooCommerce zones.
Target Amount > You can set target amount for the freeshipping.
Ignore Coupons > Enable / Disable coupons for applying amount for free shipping.
Show Cart Page > Enable / Disable to show free shipping bar on cart page.
Show Mini cart > Enable / Disable to show free shipping bar on minicart.
Show Product Page > Enable / Disable to show free shipping bar on product page.
Show Checkout Page > Enable / Disable to show free shipping bar on checkout page.
Initial Message > Write text for the free shipping text.
Sucess Message > Write text for the successfully applying free shipping
Go to Customize > Hema Options > WooCommerce > Sale Notification panel section to start your custom settings configuration.
Enable Sale Notification > Enable or Disable the sale notification.
Show Elements > You can hide/show elements in sale notification.
Data Source > Choose the products type want to show and Select Recent Orders to show real customer name and location.
Show Time Passed > Choose display times type.
Locations > Enter the fake locations to show in sale notification popup. Ex. {{{Springfield, USA}}},{{{Lakeside City, USA}}},{{{Maplewood, USA}}}
Customers > Enter the fake customers name to show in sale notification popup. Ex: {{{John Carter}}},{{{Emily Watson}}}
Popup Start Time > Set the time in miliseconds to show popup after page load delay time.
Popup Stay Time > Set the time in miliseconds to stay popup.
Popup Stay Time > Set the time in miliseconds to stay popup.
Popup Interval Time > Set the time in miliseconds to show popup between time.
Loop > Enable / Disable to show Repeat popup once all loaded popups are shown once.
Go to Customize > Hema Options > WooCommerce > Cart panel section to start your custom settings configuration.
Enable Cross Sells Products > Enable or Disable show cross sells product on cart page.
Show nums of products > Set the total numbers of products to show.
Extra Large devices (large desktops, 1200px and up) > Show the numbers of products on Shop / Archive page Extra Large devices (large desktops, 1200px and up).
Large devices (desktops, 992px and up) > Show the numbers of products on Shop / Archive page Large devices (desktops, 992px and up).
Medium devices (tablets, less than 992px) > Show the numbers of products on Shop / Archive page Medium devices (tablets, less than 992px).
Small devices (landscape phones, 576px and up) > Show the numbers of products on Shop / Archive page Small devices (landscape phones, 576px and up).
Extra small devices (portrait phones, less than 576px) > Show the numbers of products on Shop / Archive page Extra small devices (portrait phones, less than 576px).
Enable Carousel > Enable to show carousel.
Carousel Autoplay > Enable to show carousel autoplay.
Carousel Loop > Enable to show carousel infinite loop.
Carousel Navigation > Enable to show carousel navigation.
Carousel Dot Navigation > Enable to show carousel pagination.
Go to Customize > Hema Options > WooCommerce > Checkout panel section to start your custom settings configuration.
Product Image > Enable/Disable to show product image on review order section.
Product Quantity Box > Enable/Disable to show product quantity box on review order section.
Go to Customize > Hema Options > Footer panel section to start your custom settings configuration.
Footer Block > Select footer block from Block Builder.
Go to Customize > Hema Options > Page Title panel section to start your custom settings configuration.
Show Page Title > Hide/Show page title.
Page Title Alignment > You can choose page title style in ( Default, Left Alignment, Center Alignment and Right Alignment ).
Show Page Title Heading > Hide/Show page title heading.
Padding > You can set page title paddings.
Background Style > You can set page title background style in ( Hide, Image, Scene ).
Background Image > You can set background image.
Background Position > You can set background position.
Background Attachment > You can set background attachment.
Background Repeat > You can set background repeat.
Background Size > You can set background size.
Background Overlay Opacity > Here you can set background overlay opacity.
Overlay Background Color > You can set overlay background color.
Enable Breadcrumb > Enable/Disable breadcrumb.
Show item Title > Hide/Show item title in breadcrumb.
Home item Style > Breadcrumb home item style as icon or "Home" text.
Page Title Font Size > You can set page title font size in ( px, em, %).
Background Color > You can set background color.
Text Color > You can set text color.
Separator Color > You can set separator color.
Link Color > You can set link color.
Link Hover Color > You can set link hover color.
Go to Customize > Hema Options > Mobile panel section to start your custom settings configuration.
Show Bottom Navbar > Enable/Disable mobile bottom navbar section.
Mobile Bottom Navbar Elements > Choose and sort to show elements.
Go to Customize > Hema Options > Mobile panel section to start your custom settings configuration.
Image Loading Type > To improve the site loading speed, there is a beneficial technique that delays the loading of offscreen images, which are considered non-critical resources, and keeps them "off-screen" until the user needs them by scrolling the page to the locations of those images. Here you can choose the type of "off-screen" images until they are displayed "on-screen". Select the "Default" value to always show the images, but keep in mind that it may increase the site loading time. The "Lazy" option means that images will be replaced by a 1x1 pixel placeholder. "LQIP" (Low-Quality Image Placeholders) initially loads a low-quality, small-sized version of the final image and fills in the container..
Disable Wordpress Lazy Loading > Enable/Disable wordpress lazy loading.
FontAwesome support > Enable/Disable FontAwesome support.
Disable emoji > Enable/Disable emoji.
Disable REST API endpoint > Enable/Disable rest api endpoint.
Disable Gutenberg > Enable/Disable guternberg.
Disable Elementor dialog JS > Enable/Disable elementor dialog js.
Go to Customize > Site Identity panel section to start your custom settings configuration.
Site Title > You can set site title.
Tagline > You can set tagline.
Site Icon > You can set site favicon.
Go to Customize > Menus panel section to start your custom settings configuration.
Menus > Here shows all created menu and you can handle it.
Menu Locations > You can set menu locations.
Go to Customize > Widgets panel section to start your custom settings configuration.
Widgets > Here shows all widgets areas and you can manage widgets inside the widgets area.
Go to Customize > Homepage Settings panel section to start your custom settings configuration.
Your homepage displays > You can choose home page as a static page or latest posts.
Homepage > You can select homepage from list of pages.
Postspage > You can select postspage from list of pages.
Here you can enter you own custom stylesheet css.
Go to Customize > Additional CSS panel section to start your custom settings configuration.
In every product page we have set up few settings for making the page more flexiable for users, if you want you can set different header/footer in different page. Also there is an option for selecting sidebar left/sidebar right/full width product page easily.
Go to Customize > WooCommerce > Product Images panel section to start your custom
settings configuration.
Here you can set product image sizes. Image size used for the main image on single product pages. These images will remain uncropped.
Elementor is the leading website building platform for WordPress, enabling web creators to build professional, pixel-perfect websites with an intuitive visual builder. Quickly create amazing websites for your clients or your business with complete control over every piece, without writing a single line of code. Join a vast community of web creators from all around the world who deliver exceptional websites using Elementor.
For more help please go to Elementor Documentation
WPC Smart Wishlist is a powerful yet intuitive plugin for helping your customers manage their to-buy list and save favorite items for later purchase. This helps the purchase flow on your site become more fluent and convenient while saving quite a great amount of time on searching for products and adding them to cart for buyers. more on the plugin WPC Smart Wishlist for WooCommerce
WPC Smart Compare is an optimal solution that brings about beyond-expectation features for improving user experience and enhance the sales strategy on your online WooCommerce shop. Advanced comparing features, detailed settings with extensive options for further customizing the Compare button, comparison table & comparison bar, powerful responsiveness and mobile friendly interface are things that you should not overlook from this plugin. A truly sharp comparing tool for powering your WooCommerce shop and obtaining customers’ trust. Let’s put this Smart Compare in a comparison now. more on the plugin WPC Smart Compare for WooCommerce
Contact Form 7 is a Contact Form creation plugin that is very flexible and easy to use. It manages multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on. Read more on how to Create your own Contact Forms a few sections up in Creating Contact Forms or find out more on the plugin Contact Form 7 Plugin Documentation.
MailChimp for WordPress comes with a free plugin, which is awesome by itself. It is actively used on nearly half a million sites and has been very well received by the WordPress community.
Hema theme comes with Elementor page builder plugin. You can easily add Elementor widgets as you want. We have created all required widgets for Elementor and it is included with theme, you just need to Elementor's Hema section.
Elementor Page Builder will help you manage your content at the WordPress sites and build any layout you can imagine in a few minutes without coding. You can read Elementor Documentation to get more details.
As Hema comes with Elementor and we added three different posts type(services, team and portfolio), it is necessary to allow Elementor editor first. After that you can edit the page with elementor.
For more detail Click Here
Please extend below php configuration of our theme requirement in php.ini or Contact your host provider support team and extend below detail.
A "white screen of death" happens when there is a PHP error on the site but WP_Debug isn’t enabled on the server. So the first thing to do would be to enable WP_Debug so you can read what the actual error is and thus fix the problem.
When you import our demo content, it can take several minutes depending on the speed of your server. Each time the button is clicked it will import the content, so if it is clicked twice it will import everything two times. There are two ways to get rid of duplicate content.
Method 1: WP Reset Plugin – This plugin is the fastest way to get rid of content. However, it will remove all content from your database and leave the default theme activated. It does not remove plugins, but will deactivate them and remove all pages, posts, menus, sliders, widget data, etc. Basically it removes all the content that you imported from our theme. Only do this if you are able to start over. Click Here To Download.
Method 2: Manual Removal – This method will take longer and simply involves manually removing duplicate items. For example, go to the Appearance > Menu and delete and duplicate items one by one. Same thing for pages, post, sliders, etc.
That's a common issue caused by not uploading the correct zip file. Go back to http://themeforest.net/downloads and when clicking the Download button, choose the "Installable WordPress file only". And upload this zip file.
We provide the support directly through Envato email support system. We answer all questions as soon as possible, it may take maximum 1 business day.
If the documentation doesn't help you solve issues, feel free to contact us through the link.
We have an expert team who can do any kind of customization when you need. As customization is not included with item support, you need to pay extra charge.
You can email here to get a quote about your customization services.
If you have any difficulities or have some other problems with this theme, please refer to chapter FAQ. If the problem is not covered there, you can contact us in the comment section on ThemeForest or through the contact form on our profile page on ThemeForest. The most up-to-date information about support can always be found at:
We provide 24/7 Support!. Please make sure you take a look at the available resources before submitting a support request.
If you have any question / issue you can contact us any time by sending us an email on contact.wtdesign@gmail.com