Venam - Responsive Elementor WooCommerce Theme

First of all, thank you for choosing our theme. This documentation is meant to created to help you get started creating your site with our theme. In case you run into any kind of issue that you could find on the documentation, please feel free to get in touch with our dedicated support team on our support desk.

NOTICE As this theme has a Wizard WordPress Demo Installer, you'll easly be able to get the exact demo data that you see on ThemeForest. You may even dont need many of the details provided for the installation process in this documentation.

First Steps

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 some useful links for WordPress information.

WordPress codex – General info about WordPress and how to install it on your server.
First Steps With WordPress– General info about multiple topics on WordPress.
FAQ New To WordPress –The most popular FAQ’s regarding WordPress.

IMPORTANT To use the this theme you need a WordPress installation from WordPress.org running on your own web server. Or you will need a WordPress.com site with the Business plan. For the WordPress.com please note that themes only work on WordPress.com sites if you are on the Business plan. If you have the Free, Personal or Premium plan, WordPress.com does not allow you to install custom themes and plugins.

Choosing a hosting provider is a matter of choice based on their location, pricing and services. This is an important decision at the start and we strongly suggest you choose a WordPress friendly hosting provider for using our themes.

Latest technologies are always the best so stick to hosting companies that provide flexibility in your online presence.Often asked by our clients, we try to determine most appropriate hosting providers for them but it is always your choice based on your goals, so here is the list of hosting companies we recommend (referral link):

For Beginners - WordPress installation Steps - Video Courses

If you don’t have enough experience to install WordPress on a server, we have compiled some videos for you. However, if your server and WordPress installation are already installed and ready to be used, then you can skip those videos.

Download Theme files from ThemeForest by going to the Downloads tab and finding the Purchased Theme. Click on the Download button. The “All files & Documentation” archive contains everything and the Installable WordPress file only is just the installable WordPress theme file

The contents of the theme package downloaded from ThemeForest:

Licensing – this folder contains the terms and conditions of the license under which Ohio is distributed and some information on licensing of various parts of the theme in a separate file
Plugins – this folder contains plugins required to work with our theme in case you cannot install them with the prompt or just need a local copy of
Theme.zip – this is the archive you need to upload to WordPress.
Demodata – this folder contains the xml file of the demo data of this theme

Requirements and Compatibility

You need to make sure that your web host has the minimum WordPress requirements to run our themes-based sites:

Important: If you do not have an SSL certificate, you cannot receive and upload demo data from our server.

PHP version 7.2 and above
MySQL version 5.6 and above
The mod_rewrite Apache module
The iconv extension with UTF-8 encoding
HTTPS support
PHP time limit should be set to 300
Upload max filesize should be set to 512M to run all plugins without issues.
PHP post max size should be set to 521M
Max input time should be set to -1

Plugins Compatibility

Our theme is compatible with almost all plugins.

Elementor Page Builder
Slider Revolution
WooCommerce
WPML
Gravity Forms
Contact Form 7
ACF Advanced Custom Fields
Custom Post Type UI
The Events Calendar
All-in-One WP Migration
Autoptimize
Yoast SEO
WP Super Cache
Metabox

Theme Installation

After you purchase the elementor theme on ThemeForest, you can download the theme. : You should keep in mind that can download 2 archives from ThemeForest:

First is a product archive with documentation links and some additional files like changelog, lisense etc.
Second is the archive theme-name.zip with the theme itself — this file you need to install

Warning If you get such an error while you're installing the theme “The package could not be installed. The theme is missing the style.css stylesheet.” then it is likely you try to install the whole theme files including the documentation and the others. You have to make sure you installed the installable WordPress file only.

Installation via WordPress

Step 1: Navigate to Appearance > Themes.

Step 2: Click Add New and then press the Upload Theme button.

Step 3: Find the archive theme.zip on your computer and click Install Now button.

Step 4: After the installation, the theme must appear at Appearance > Themes page, where you can activate it

Installation via FTP

Step 1: Connect to your hosting via FTP software

Step 2: Unzip the archive theme.zip on your computer

Step 3: Upload the extracted theme folder into wp-content/themes in your WordPress installation

Important Note: If you cannot install the theme correctly with the Installation Wizard, please click the button and follow the steps one by one.

Import Demo Content

Updating the Theme

NOTICE We strongly recommend always keep your theme up to date. Check the latest version in the changelog. Also, make a backup before updating the theme.If you're experiencing updating issues, deactivate all 3rd party plugins and try updating again.

There are two methods to update your elementor theme: the easiest way is the Envato Market Plugin which requires you to register your purchase and the second way is to update / install the theme through your server, where the theme files are being stored.

Watch the following video for Envato Market Plugin method.

Play Video

Watch the following video for Manual Update method. ( FTP )

Play Video

Main Settings Tab

Theme Color: You can control the general color of your website.
Breadcrumb: You can enable / disable the breadcrumb of your single pages, such as single blog pages, single product page, single portfolio pages etc.
Preloader: There are 12 types and a custom gif preloader options and you can use any of them depending on your website design.
Typography General: This option makes you able to controll all of your titles ( h1,h2..h6 ) and paragraphes ( p ) in your websites.
Back To Top: It gives you some options such as on /off, background color and the offset to control it.
Pagination: Pagination allows your user to page back and forth through multiple pages of content.

Logo Tab

Under this logo tab, you’ll see three options for your logo types. These are Image Logo, Site Name and Custom Text. You can pick up any of them as you wish.

NOTICE Remember that this logo options are for the single pages , such as single blog pages, single product page, single portfolio pages etc.

NOTICE If you want to change the logo on your pages, you need to click to edit your pages and you'll see a Navigation shortcode, in which you can easly change the pages logo.

Header Tab

Header Menu : You can enable / disable the sticky menu, enable / disable the sticky menu transition. You can set the typography for your menu items
Header Language: You can enable or disable the site header language or you can remove any unnecessary language easly.
Header Right Button: One button come out as default bu you can add a second header right button if needed. Or you can leave those fields empty and none of them will appear on the frontend.
Header Template: There are two types of header in this template, which are Default Site Header and Elementor Templates. If you select the Default Site Header, you’ll get the default header that you see on the live demo. However, if you select the Elementor Templates type, you can create your own header and then display instead of the default site header.

From the dashboard go to Dashboard → NineTheme → Theme Options → Header

Shop Page Settings Tab

Shop Page Layout: You can change your shop page layout here.
Shop Page Hero: In this section, you can use a different template with elementor by changing the theme shop page hero default settings. You can also use a custom Elementor template for the category and tags page. All you have to do is select and save the transactions. You can add a custom title to your store page and easily adjust the position of this title.
Shop Page Content: Page container width, page content padding, post type, add to cart type, pagination type, post column, responsive… You can make all the settings in this section.
Shop Elementor Template: You can select a template from elementor templates this section; If you want to show any content after hero section, If you want to show any content after products loop, If you want to show any content after products.
Shop Page Post Style: You can find and adjust many important settings such as background settings, border, padding, post title, price regular, price sale, discount background, button color in this section.

From the dashboard go to Dashboard → NineTheme → Theme Options → Shop Page

Shop Single Page Settings Tab

General Settings: In this section, you will see important settings such as Product hero template, page layout, related post options, related slider options, upsells post options, cross-sells post options.
Single Hero: You can see and set the hero display, hero background and Elementor template selection options.
Single Content: You can set the top spacing of the site single page content.

Sidebars Tab

Sidebars Layout: there are two types of sidebar. These are Default Sidebar and Bordered Sidebar. You can select the left / right / center sidebars options for Blog, Single Page, Search Page, Archive Page and 404 Page. in this tab.
Sidebar Customize: You can easly change the background color of your sidebars.
Widget Customize: You can change the bakground color of the widgets that you use on your sidebars

Blog Page Tab

Blog Hero: On this tab, you can have the control over your blog page hero area. You can select blog page hero text alignment, changing the blog page title, subtitle and description and also can add a background image for the blog page hero area. You can also use a background color instead of adding a background image as you wish.
Blog Content: Here, you can find the Blog page type options. You can select Grid / Masony or Default as your blg page type. You can also hide the author, date, category etc on your post items.

Single Blog Page Tab

Single Hero: On this tab, you can have the control over your single blog page hero area. You can select single blog page’s hero text alignment, changing the single page’s hero title, subtitle and description and also can add a background image for the single blog page hero area. You can also use a background color instead of adding a background image as you wish.
Single Content: Here, you can also hide the Single Post Authorbox, Single Post Pagination Display, Single Post Tags Display etc on your post items.

Archive Tab

Archive Hero: On this tab, you can have the control over your archive page hero area. You can select archive page’s hero text alignment, changing the archive page’s hero Slogan and description and also can add a background image for the archive page hero area. You can also use a background color instead of adding a background image as you wish.

404 Page Tab

404 Hero: There are six different 404 page types in this theme. These are Default, Cover 1, Cover 2, Split, Video BG and Custom type from page. You can select any of them as you wish.
Default 404 Hero: On this tab, you can have the control over your default 404 page hero area. You can select adefault 404 page s hero content alignment, changing the default 404 page’s hero Title, Slogan and description and also can add a background image for the default 404 page hero area. You can also use a background color instead of adding a background image as you wish.
404 Content: Here, you can add your own contents in the 404 hero area. Lets say, you can easly change the tite, add a slogan or a description.

NOTICE Please remember that Default 404 Hero options only compatible with 404 Page Type : " Default "

Search Page Tab

Search Hero: On this tab, you can have the control over your single search page hero area. You can select single search page’s hero text alignment, changing the search page’s hero title, subtitle and description and also can add a background image for the single search page hero area. You can also use a background color instead of adding a background image as you wish.

Footer Tab

In our elementor theme, we usually use three types of Footer, which gives you different options for per type. These are Default Site Footer, Custom Footer and Elementor Saved Templates. In this tab, we’re going to explain each of them in details.

Default Site Footer: If you select this footer type, the default demo footer content will be open as popup under the footer type selection box and you can easly add your own footer content.

Custom Footer: If this footer type is selected, you can add your own footer in the custom field, which allows you to use html codes.

Elementor Saved Templates Footer: In this footer type, you build your footer on a page using Elementor Page Builder ( whichever you like to use ) and save that page as a template. After you saved it, you select it as a template in the footer type. You may check this sample video to show you how to do.

Editing a WordPress Theme with Elementor Page Builder

You can easily edit all your pages with elementor. We edited the slider with elementor to be an example video for you. Watch our video to learn how to edit a WordPress theme with elementor.

Elementor Header - Category Menu

You can easily edit a header with elementor by watching this video.

Build Custom Footer With Elementor

You can easily create a footer with elementor by watching this video

Shop Page Features

Infinite Scroll Feature: Infinite scroll, meaning ‘infinite scroll’, is a popular design pattern. Thanks to this technique, which is frequently used in corporate web pages and blogs, when internet users scroll down a page, the next content or page is automatically shown to the user.
Load More Button Feature: Load more buttons offer a middle ground between infinite scrolling and classic pagination. It consists of a button at the bottom of the page that will feed more content when clicked, giving the user the simple decision to see more results or to reach the page end.
Wishlist Feature: It’s a feature that saves your favorite products so you can quickly and easily find and buy them later.
Compare Feature: WooCommerce Products Compare allows customers to compare products within your store. With this tool, your customers can make better buying decisions on products they want and need.
Quick View Feature: The quick view feature makes it easier for your customers to view the key product information such as features, images, and variants by displaying a brief overview without heading to the product details page.
Discount Feature on Single Page and Products: Thanks to this feature, you can apply a discount to the product and page you want with a timer.
Label Percentage Discount Feature: Calculate percentage and discount. label percentage discount visible on the category page and on the product page. Example : Slae 38% The plug in subtracts the regular price with the discounted price. Dividing it by the regular price and multiplying the result by 100, providing the discount percentage,
Composite Products Feature: WooCommerce Composite Products lets you create complex, configurable product kits and allows your customers to build their own, personalized versions.
Frequently Bought Together Feature: Your customers usually don’t need a single product, they need inspiration that other products can match with the product they buy/purchase. For example: When he buys a smartphone, he can buy a charger or a case with it. This feature offers this option with the product it bought.
Single Product Video Support Feature: With this feature, you can add the promotional video of the product to the product in the single shop section.
Variation Swatches: If you are selling your products in different sizes or colors, you can easily do this with this plugin. You can sell your products at different prices by defining both color and size.

How to Create a Shop Page

Once you activate WooCommerce plugin for the first time, you are invited to set up your shop using the WooCommerce setup wizard. It is pretty intuitive and allows you to get your shop running in no time. Nothing can describe getting started with WooCommerce better than its original documentation. Here are links to help you get started:

However, if you want to get started manually, or skipped the setup wizard, then you need to get a set of shop pages, here is what you need to do:

From the dashboard go to WooCommerce → Status → Tools;
Find the Create default WooCommerce pages option;
Hint the Create pages button on the right.

NOTICE You may also click on this link to see how to set up the WooCommerce pages in details

Account & Privacy

You can find checkout, account creation and privacy policy options;

From the dashboard go to WooCommerce → Settings → Account & Privacy;
Check out the image below.

Multi-Currency

Multi-currency support for WooCommerce. The exchange rate can be set up manually or automatically. The plugin can automatically get customer’s geolocation and display the price in the customer country’s currency.

From the dashboard go to WooCommerce → Settings → Multi-Currency
Check out the images below.
Click the Get Started button and then continue.

How to set Cart - Checkout and My Account Page?

Setting up shop pages is very easy. You can easily set up your store pages by watching our video.

From the dashboard go to WooCommerce → Settings → Advanced → Select Pages
Check out the image below.

How to adding a variable product?

Variable products are a product type in WooCommerce that lets you offer a set of variations on a product, with control over prices, stock, image and more for each variation. They can be used for a product like a shirt, where you can offer a large, medium and small and in different colors. Please click for detailed information.

How to change the currency symbol?

From the dashboard go to WooCommerce → Settings → General
Check out the image below.

How to enable registration form?

Follow the steps below to activate the registration form.

From the dashboard go to WooCommerce → Settings → Account & Privacy
Check out the image below.

How To Add Store Vendor ? (WCFM - WooCommerce Multivendor Marketplace)

Setting up shop pages with Elementor.

Setting up shop pages is very easy. You can easily set up your store pages by watching our video.

How to display your portfolio items on a page

Thanks to the Custom Post Type UI (CPT )plugin that is compatible with this theme, building a portfolio page is so simple than ever. Once you import the demo data sucessfuly, you’ll already get the demo portfolio items on your WordPress panel, which you can see through Dashboard > Portfolio. that is, where you can see the demo portfolio items. You can either remove them or add as many portfolio items as you want.

After you added your portfolio items, now it is time to display your portfolio items on a page we want.

Dispay your portfolio items via Elementor Page Builder : Once you import the demo content succesfuly, you’ll get the demo portfolio items, which you can see in your WordPress panel here: Appearance > Portfolio.

If you like to edit the portfolio items on the demo pages, what you need to do is go on the portfolio section and click on to edit it.

On the other hand, if you want to display your portfolio items on a different page you want, here what you need to do is save the demo portfolio section as a template and then use it anywhere on your website. So, there are just three steps in order to display your portfolio items on a different page you want.

1 – ) Save the portfolio section as a template

2 – ) Select the saved template and then just insert it

How to Add a Favicon ?

You can add a favicon through your WordPress panel here: Appearance > Customize > Site Identity ( Select site icon )

Why demo data not imported properly ?

Before importing the demo data, you have to make sure that your server configuration is set to as we described here

How to change my website frontpage ?

Incase you have more than demo pages, you can easly select any of the demo pages as your frontpage through your WordPress panel. You can see the steps below:

From The dashboard, go to Settings > Reading ;
Choose a Static page in the Front Page Display sections to set the front page to display a static page ;
Use the Front Page drop-menu to choose from existing pages;
Use the Post Page drop menu to choose the blog page for your website;
Hint the ” Save Changes ” button to save and publish your changes.

Why my logo not changed on home page ?

As also seen here, there are two logo options. First one is for the inner pages such as single blog post or portfolio single post, which you cans set from dashboard, Appearance > Theme Options > Logo. The second one is for the pages. As you edit your pages, you’ll see a Header Navigation shortcode, in which you can set your logo.

Why Meta Box plugin ask you for a licence key ?

The lisense key is asked ONLY for the pro version of Meta Box plugin, which is just optional. You do not have to get a lisense key for the pro version in our theme.

How to update the paid plugins ?

The paid plugins are bunded with our themes, which means you don’t need to pay for them to update them. In order to update the paid plugins, you need to click update buttons , Appearance > Install Plugins

Why the WPML plugin doesn't come with your theme? You said you have a WPML-support.

WPML–support means that this theme is fully compatible with the plugin, but you need to buy the plugin license separatly to be able to use it.

Default Page template customize options

If you like to use this template type, you can see a lot of options, from header to footer, in the page metabox area and you can those options at the bottom of your page in the backend editor. You can select your page sidebar layout. It also offers you some options to disable the hero, footer, page breadcrumb and chnage the header types or can the title subtitle and their color as well. You may also have a look at the screenshot below:

Elementor Canvas page template

This templates makes you able to create a blank page without any header or footer or anything else.

Elementor Full Width page template

If you like to use this template, you’ll get only a page layout, with header menu and footer only. Please also note that when you use this page layout, you can select this page’s footer type in theme options.

Elementor Page Template

This templaye layout is very similar to the Fulwidth Template layout. The only difference is that you can disable the default footer or header depending on your page design.

How to Fix ” The theme is missing the style.css stylesheet” issue in WordPress ?

A common issue that can occur when installing a WordPress themes is “The package could not be installed. The theme is missing the style. css stylesheet.” error message being displayed when uploading or activating the theme. One of the reasons you may receive this error is if you have uploaded the incorrect file. Please read this article, in which we’ve covered this issue in details.

Why a WordPress theme is slow and how to speed up ?

If you are not happy with your website speed, there might be many reasons behind it. We’ve covered this topic in this detailed article. We hope hese tips might be helpful in making your website faster.

Why is Security important in WordPress themes ?

No matter you’re using a WordPess based theme or another, everly website is potentially vulnerable to attacks. So, in this article, We’ve explained this issue in details. you may want to check it if you like to be knowledgeable about this topic.

Plugin Used

All these plugins come with our theme. But if you want to use the pro version, you have to buy it.

WPC Smart Compare for WooCommerce: WooCommerce Products Compare will allow your potential customers to easily compare products within your store.
WPC Smart Wishlist for WooCommerce: WooCommerce Wishlists allows guests and customers to create and add products to an unlimited number of Wishlists.
WPC Smart Quick View for WooCommerce: Show a quick-view button to view product details and add to cart via lightbox popup
WPC Variation Swatches for WooCommerce: WPC Variation Swatches offers a variety of predefined styles for attributes of variable products, with the ability to use different selector types on a single product page and position tooltips at the best position for a great match with your theme/template.
WCFM – WooCommerce Multivendor Marketplace: WooCommerce Multivendor Marketplace (WCFM Marketplace). It helps you to build your own dream marketplace like Amazon, eBay, etsy, AirBnB or Flipkart within minutes, with minimal setup.
WCFM – WooCommerce Frontend Manager: WCFM is the smartest and most featured frontend vendor store/shop manager on WordPress, powered by WooCommerce. It works as vendors’ frontend dashboard for most popular woocommerce multi vendor marketplace plugins along with WooCommerce Bookings, Appointments, Rental & Bookings System, Subscriptions compatibility.
WCFM – WooCommerce Multivendor Membership: A simple woocommerce memberships plugin for offering FREE AND PREMIUM SUBSCRIPTION for your multi-vendor marketplace (WCFM Marketplace, WC Vendors, WC Product Vendors & Dokan).
FiboSearch – AJAX Search for WooCommerce: The most popular WooCommerce product search plugin. It gives your users a well-designed advanced AJAX search bar with live search suggestions.
Advanced Product Search For WooCommerce: Advanced Product search for woocommerce – powerful instant search plugin for WooCommerce.You just got to install and simply begin typewriting and you’ll instantly see the product list that you simply search.