Zota - Elementor Multi-Purpose WooCommerce Theme

Zota is a flexible and customizable WooCommerce Multi-Purpose WordPress Theme that installs and changes any item in a matter of minutes via Powerful Theme Options

Theme built with Elementor will help you customize your website in minutes without needing to edit any code.

Header & Footer builder with Elementor: Helps you to easily edit the content of Header and Footer as you want. This is an outstanding feature of Zota Theme.

This is truly a "Marketplace WooCommerce Theme". Because the theme is fully compatible with popular plugins like: Dokan and WC Marketplace WCFM and WC Vendors. It helps you to build your own marketplace similar to Amazon, Shopify, eBay, Magento like marketplaces in under 30 minutes.

Optimized Mobile Design: always one of the important criteria with the theme of Thembay Team. Help your customers experience the website like they are using the App. Increase engagement, time, especially, that boost your sales.

Zota rocks a handy mobile menu which will take your shoppers to their desired product effortlessly. In total, you receive a whopping three hundred pages and get to benefit from the one-click demo content import. Enjoy the multiple contents now and have an eCommerce page up in close to no time.

From mesmerizing home and product pages to several contact sections, a nifty checkout process and even a blog system, it is all there. And no, you do not need to be an experienced coder to be able to work with Zota. You do not even need to touch a single line of code, Zota makes customizing super newbie-friendly.

Other treats of Zota are Slider Revolution, the multivendor marketplace support, various shop and product layouts, speedy loading, search engine optimization, and multi-language and currency support. With the enormous set of features, you will find nothing missing in the Zota kit. Get involved and start building a sophisticated multi-vendor marketplace with the one and only, Zota.

It features deep integration with WooCommerce core plus several of the most popular plugins:

And Marketplace Plug-ins Compatibility:

We thank you for purchasing our product. Hope our product will be of great help for you to succeed. We appreciate your decision to read the manual before the request for our support.

To install this theme you must have a working version of WordPress. Please refer to WordPress documentation for further instructions. You can download the latest version of WordPress here https://wordpress.org/download/

  • WordPress 4.6 or higher
  • WooCommerce 4.0 or higher
  • For best performance we recommend using PHP 7.2 or higher.
  • MySQL 5.6 or greater OR MariaDB 10.0 or greater
  • Nginx or Apache with mod_rewrite module
  • This theme is tested under Mac, Windows and Linux.
  • Please install the XMLReader PHP extension on your server
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

If the import stalls and fails to respond after a few minutes, or it fails with a simple error message like “Import failed,” You are suffering from PHP configuration limits that are set too low to complete the process. You should contact your web host and ask them to increase those limits to a minimum as follows:

  • max_execution_time 3600
  • max_input_time 3600
  • memory_limit 256M
  • post_max_size 64M
  • upload_max_filesize 64M
  • max_input_vars 3000
  • allow_url_fopen on (!important)
  • Please install the XMLReader PHP extension on your server

All of our items come with free support, and we have an advanced ticket system to handle your requests. Support is limited to questions regarding the theme’s features or problems with the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your theme, we suggest enlisting the help of a developer.

How To Receive Free Support

  • Step 1 – Go to Ticket System (https://tickets.thembay.com/) and Click Submit a ticket.
  • Step 2 – Provide all requires information: Product Name, Purchase Code, your username on Themeforest.net and URL to your page to verify your license.
  • Step 3 – Provide more details about the problem, descibe, screenshot ...
  • Step 4 – Submit ticket and wait our response (within 14-24 hours)

How to find your ThemeForest Item Purchase Code

To find your licence key/purchase code you need to log into your ThemeForest account and go to your Downloads page.
Locate some of the Themes Kingdom themes you purchased in your Downloads list and click on the Download and next on the License Certificate & purchase code link in drop-down menu.
After you have downloaded the certificate you can open it in a text editor such as Notepad and copy the Item Purchase Code.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

After purchasing our theme, you need to go your download area, click on button Download and select download All files & documentation.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

After download completed, you need to unzip the package and select the way you want to install the theme.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Once the download is complete, unzip the file and you would see the following packages:

  • Documentation - our detail documentation for the theme
  • Licensing - the theme license
  • Plugins - the Bundled Plugins
  • Sample Data - the sample data of the demos, you can import it
  • Theme - for manual installation

You can install Zota theme directly in Wordpress Admin or upload files via FTP

1. Theme Installation via WordPress

Please, follow the steps below to install Zota Theme (Make sure you had extract files).

  • Step 1 – Login to your WordPress Dasrdoard.
  • Step 2 – Navigate to Appearance ► Themes.
  • Step 3 – Click Add New button on top of the page.

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 4 – Then click Upload Theme Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 5 – Next, Browse to the zip file and click Install now for the theme to be uploaded and installed. Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 6 – After done installing, click Activate the theme Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

You need install all required plugins after install parent theme. You should only install Child theme after complete install all required plugin.

2. Theme Installation via FTP

Using an FTP software like File Zilla or CuteFTP to upload the theme files to your WordPress site.

The first, extract the theme file "zota.zip", you will have a folder "zota" include all theme files and folders (css, images, fonts...).

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 zota.
  • Step 3 – Upload the zota folder to your server in path ROOT/wp-content/themes/.
  • Step 4 – The uploaded path should be like this: ROOT/wp-content/themes/zota/.
  • Step 5 – Login to your WordPress Dasrdoard and go to Appearance ► Themes and activate the Zota theme.
Watch the video "Theme Installation via FTP" tutorial

Please, follow the steps below to install required plugins:

  • Step 1 - After activating the theme, you will be asked to installed the required and recommended plugins, you can proceed by clicking on Begin installing plugins

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 2 – In the next page, check all the plugins that you want to install then on the drop down Bulk Actions, choose Install then click Install, the plugin installation process will start.

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 3 – Check all the plugins that you want to activate then on the drop down Bulk Actions, choose Activate and click Apply, the plugin installation process will start. Wait for all the plugin activated then you can start customizing your website as you wish

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the video "Install Plugins" tutorial

In order for the website to function well, similar to our demo functions, I recommend you to install the following plugins. Please note, you do not need to install them if you do not need it.

Here are the plugins that we recommend:

We very happy to provide for customer a new function to import data more quickly. It is "One click import"

With "One click import", customer do not import step by step data as import usual. It import all data like : Content, Widget, Revolution slider, Menu, Customize...

To use the "One click import" function, you need to meet the following requirements:

  • Step 1 - Login to your WordPress Dasrdoard.
  • Step 2 (Options) - Install the Marketplace plugin that you will be using. It will make the imported data more standard. Can be ignored if you have the plugin installed or do not need to use it
    • Dokan
    • WC Marketplace
    • WCFM
    • WC Vendors
    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 3 - Go to Appearance > Theme Setup > Click to Start Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 4 - Install Child Theme Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 5 - Import Content: Select the Demo you want, then click to Import Zota - Elementor Multi-Purpose WooCommerce Theme

    The process may take some time. Please wait

    Zota - Elementor Multi-Purpose WooCommerce Theme

    All done. Have fun!

    Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 6 - Save information all products (fix errors not showing Categories, products)

    6.1 "Quick Edit" any product.

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

    6.2 Check all categories, then click Update

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 7 (Important Step) - Regenerate CSS for Elementor: Styles set in Elementor are saved in CSS files in the uploads folder. Recreate those files, according to the most recent settings.

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 8 - Elementor Settings: Enable Elementor for Zota Header Elementor, Zota Footer, Zota Megamenu, Zota Custom Tabs, Disable Default Colors, Disable Default Fonts.

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 9 - Replace URL: Enter your old and new URLs for your WordPress installation, to update all Elementor data.

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

    • Old Url: That is our demo link, eg: https://elementor2.thembay.com/zota/
    • New Url: Your website's link

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 10 - Choose Shop Page: Go to WooCommerce > Settings > Products > General > Shop Page

    When you install the WooCommerce plugin, your website will automatically create a Shop page. Therefore, when importing Zota data, it will have two Shop pages. You need to delete one page.

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

    You need to delete one page.

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

    Delete old Shop menu, add new Shop menu

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 11 - Choose Cart and Checkout Page: Go to WooCommerce > Settings > Advanced Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 12 - Configure Mega Menu Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 13 - Configure the Product Attributes

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

    You need to match the types of attributes, eg: Color => Type = Color

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

If you have a website with data available, follow these steps to use the "Zota" theme for your website.

  • Step 1 - Install and activate theme.
  • Step 2 - Deactivate and Delete the plugins "Urna Core", "Tbay Framework Pro", "Tbay Framework" (If they exist in your old Theme)

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 3 - Install and activate the required plugins.
  • Step 4 (Options) - Install the Marketplace plugin that you will be using. It will make the imported data more standard. Can be ignored if you have the plugin installed or do not need to use it
    • Dokan
    • WC Marketplace
    • WCFM
    • WC Vendors
    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 5 - Go to Appearance > Theme Setup > Click to Start Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 6 - Install Child Theme Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 7 - Import Content: Select the Demo you want (Uncheck the content section), then click to Import Zota - Elementor Multi-Purpose WooCommerce Theme

    The process may take some time. Please wait

    Zota - Elementor Multi-Purpose WooCommerce Theme

    All done. Have fun!

    Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 8 (Important Step) - Configure Elementor Layout Settings: Content Width (px)=1320, Widgets Space (px) = 0

    Click on the menu on the top left

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

    Click to Site Settings

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

    Click to Layout

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

    Content Width (px)=1320, Widgets Space (px) = 0

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 9 (Important Step) - Regenerate CSS for Elementor: Styles set in Elementor are saved in CSS files in the uploads folder. Recreate those files, according to the most recent settings.

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 10 - Elementor Settings: Enable Elementor for Zota Header Elementor, Zota Footer, Zota Megamenu, Zota Custom Tabs, Disable Default Colors, Disable Default Fonts.

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 11 - Create a Home Page with the template we provide Zota - Elementor Multi-Purpose WooCommerce Theme Zota - Elementor Multi-Purpose WooCommerce Theme Zota - Elementor Multi-Purpose WooCommerce Theme

    Choose Sample Data > pages > template-home-xxx.json

    Zota - Elementor Multi-Purpose WooCommerce Theme Zota - Elementor Multi-Purpose WooCommerce Theme Zota - Elementor Multi-Purpose WooCommerce Theme

    Turn Off Breadcrumb on Homepage

    Zota - Elementor Multi-Purpose WooCommerce Theme

    Choose homepage displays

    Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 12 - Create a Footer with the template we provide Zota - Elementor Multi-Purpose WooCommerce Theme Zota - Elementor Multi-Purpose WooCommerce Theme Zota - Elementor Multi-Purpose WooCommerce Theme

    Choose Sample Data > footer > template-footer-xxx.json

    Zota - Elementor Multi-Purpose WooCommerce Theme Zota - Elementor Multi-Purpose WooCommerce Theme Zota - Elementor Multi-Purpose WooCommerce Theme

    Choose Custom Menu for Footer

    Zota - Elementor Multi-Purpose WooCommerce Theme

    Select Footer default in Theme Options

    Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 13 - Import MailChimp form

    If your MailChimp form does not display as well as above, use the code below

    Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 14 - Create a Header with the template we provide Zota - Elementor Multi-Purpose WooCommerce Theme Zota - Elementor Multi-Purpose WooCommerce Theme Zota - Elementor Multi-Purpose WooCommerce Theme

    Choose Sample Data > header > template-header-xxx.json

    Zota - Elementor Multi-Purpose WooCommerce Theme Zota - Elementor Multi-Purpose WooCommerce Theme Zota - Elementor Multi-Purpose WooCommerce Theme

    Choose Main Menu

    Zota - Elementor Multi-Purpose WooCommerce Theme

    Select Header default in Theme Options

    Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 15 - Choose Shop Page: Go to WooCommerce > Settings > Products > General > Shop Page Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 16 - Choose Cart and Checkout Page: Go to WooCommerce > Settings > Advanced Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 17 - Manual Import Revolution Slider Zota - Elementor Multi-Purpose WooCommerce Theme

    Watch the video "Manual Import Revolution Slider" tutorial

  • Step 18 - Configure Mega Menu Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 19 - WPForms Import

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

    Choose Sample Data > pages > wpforms-form.json.json

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Each Zota's skin uses a separate data, so if you want to switch between skins you need to reset the data, then import the data again.
Use this plugin to reset the WordPress database : https://wordpress.org/plugins/wordpress-reset/

Follow these steps:

  • Step 1 - Install Wordpress Reset plugin. Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 2 - Reset Database Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 3 - Configure the Theme Setup as instructed above

For best performance we recommend using PHP 7.2 or higher. Most people have problems when PHP < 7

1. Page not found

In this case, you only need to import the data again.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

2. Other issues

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 check these:

1. If the import stalls and fails to respond after a few minutes, or it fails with a simple error message like “Import failed,” You are suffering from PHP configuration limits that are set too low to complete the process. You should contact your web host and ask them to increase those limits to a minimum as follows:

  • max_execution_time 3600
  • max_input_time 3600
  • memory_limit 256M
  • post_max_size 64M
  • upload_max_filesize 64M
  • max_input_vars 3000
  • allow_url_fopen on (!important)
  • Please install the XMLReader PHP extension on your server

You can verify your PHP configuration limits by installing a simple plugin found here. And you can also check your PHP error logs to see the exact error being returned.

2. Also if possible update your PHP version to 7.2

3. Save all config in Woocommerce before import data

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

After doing this you can reset your database using the WordPress Database Reset Plugin and try to re-import the demo data ( WARNING : Reset the database will make you lost all the data of your current wordpress )

If you still have problem your web host may uses process watching software that prevents bulk processing on their web servers.

If you have problem please submit a ticket and we will help you to import the demo.

There are 2 ways to upload a Logo. Please follow the instructions below:

1 Upload logo in Theme Options (Select Header Layout = Default)

  • Step 1 - Login to your WordPress Dashboard.
  • Step 2 - Go to Zota Options > Header
  • Step 3 - Upload your logo by clicking on Select Image (our current Zota logo is 125x30px) Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 4 - Choose Mobile Logo here: Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

1Upload logo in Elementor Header Builder (Select Header Layout = Header Builder)

  • Step 1 - Select Header Layout = Header Builder

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 2 - Go to Zota Header Elementor > Edit with Elementor

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 3 - Choose Custom Logo

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 4 - Choose Mobile Logo here: Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

1 Creating your menu

  • 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. Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 3 - Select Create a new menu at the top of the page.
  • Step 4 - Enter a name for your new menu in the Menu Name box.
  • Step 5 - Click the Create Menu button. Your menu is now defined, and you can now add pages to it (steps below).

2 Adding pages to your menu

  • 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. 
  • Step 3 - Select the Pages that you want to add by clicking the check box next to each Page's title.
  • Step 4 - Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
  • Step 5 - Click the Save Menu button once you've added all the menu items you want. Your custom menu has now been saved.

The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Posts or Products are hidden by default. The Screen Options are located in the top right corner of your WordPress Dashdoard.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

3 Assigning a Menu to a Location

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.

- Go to Appearance > Menus and click Manage Locations.

Menu is assigned after import data by "One click import".

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

4 Configure Mega Menu

With Zota Megamenu, you can enjoy creating the Mega Menu you want

  • Step 1 - Add new Megamenu
    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 2 - Choose Mega menu for parent menu
    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Go to Apperances -> Settings -> Reading

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Config in Front page - Edit with Elementor

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Currently, we only support the Header Builder Elementor, do not provide all old header templates

  • Step 1 Configure Elementor for Header Builder Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 2 - From admin Dashboard, navigate to Zota Header Elementor > Add New Header

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 3 - Build your header style with unlimited layout

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 4 - After create your Header. Choose header for website in Theme Options.

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the "Set Up Header Video tutorial" tutorial

Set Up Tbay Footer with Elementor

  • Step 1 Configure Elementor for Footer Builder Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 2 - From admin Dashboard, navigate to Footer Builder > Add New Footer

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 3 - Build your Footer style with unlimited layout

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 4 - After create your footers. Choose header for website in Theme Options.

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

If you want specific Footer for one of your pages. Please go to your page configuration. Select Footer version you want to display only on that page.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the "Set Up Footer Video tutorial" tutorial

Configure Excerpt in the post

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Manual Import Slider Template

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Slider Revolution Responsive Tutorial

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the "Slider Revolution Responsive Tutorial" video tutorial

How to update Slider Revolution?

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the "How to update Slider Revolution?" video tutorial

Configure Base Style for Elementor

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Enable Elementor for pages, posts and custom post types

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

How to use the "Zota Elements" of Zota theme?

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

1. Create Contact Form.

Use this plugin to make the contact form on contact page. Navigate to WPForms - All Forms, there is a form named Contact us, if you want to create a new form, click on Add New button.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

2 Create Contact Page

Step 1 - Log in to your WordPress Administration Panel (Dasrdoard)..

Step 2 - Click on Pages > Add New > Edit with Elementor.

Step 3 - Click on the Add Template

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Step 4 - Click on the My Templates > Teamplate - Contact Page > Insert.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Step 5 - Update / Publish your page

1. MailChimp API

The API key for connecting with your MailChimp account. Get your API key here.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

2. Form

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the "MailChimp Video" tutorial

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

1. Create a new menu with "default URLs"

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Icon Class Name: Enter icon name of fonts: Awesome , Simple Line Icons, Material Design Iconic
  • Link: List default URLs:
    • Home page: {{home}}
    • Shop page: {{shop}}
    • My account page: {{account}}
    • Cart page: {{cart}}
    • Wishlist page: {{wishlist}}

2. Create a new menu with "Custom Links"

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

3. Create a new menu with "Custom Images"

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

4. Feel free to drag and drop the menu position

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the "Footer Mobile" video tutorial

Zota Theme use Customizer provides an ultra effective and intuitive way to customize theme layout & setting with real-time preview. Bring all of settings to customizer, you do not need to using another theme option anymore

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Manage overviews such as Enable Config Image Size.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

- Enable Config Image Size: Turn on this function then customize the image size here: Appearance > Customize > WooCommerce > Product Images

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Select Header Layout and Upload Logo

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

- Select Header Layout: We provide a "Default Header" and other Headers that you can customize with Elementor through the "Header Builder".

See more instructions about "Header Builder" here

Select Footer Layout Type and manage Back to Top button.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

- Select Footer Layout: We provide a "Default Footer" and other Footers that you can customize with Elementor through the "Footer Builder".

- Enable "Back to Top" Button: Enable or disable "Back to top" button.

See more instructions about "Footer Builder" here

Upload Mobile Logo, Hidden Footer Mobile and config number of products in a row on mobile.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Mobile Header

- Enable Mobile Header: Only off when use Header Elementor Pro on mobile

- Upload Mobile Logo: Upload your logo for mobile devices

- Always Display Menu: Menu displays on all pages (Button Back is disabled)

- Always Display Search: Search displays on all pages

- Hide Header Elementor Pro: Hide Header Elementor Pro on mobile

Mobile Footer

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

- Enable Desktop Footer: Show/Hide Desktop Footer in Mobile

- Collapse widgets on mobile: Widgets added to the footer will be collapsed by default and opened when you click on their titles.

- Enable "Back to Top" Button: Show/Hide "Back to Top" Button

- Enable Mobile Footer

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

- Config List Menu Icon

See more instructions about "Customize Footer Mobile" here

Search Mobile

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Mobile Menu

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Mobile WooCommerce

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

- Product Column in Shop page: You can choose to show one or two products per line in the mobile

- Show "Add to Cart" Button: Enable or disable in Home and Shop page

- Show "Wishlist" Button: Enable or disable in Home and Shop page

- Show Full Product Name: Show full name or only one line in Home and Shop page

- Show Quantity: Enable or disable in Home and Shop page

- Add To Cart Form Type (HOT Feature): This is the most prominent feature on mobile. Help you experience the purchase feature like on a professional sales APP

- Add To Cart Form Type = Popup

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

- Add To Cart Form Type = Default

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

- Add To Cart Form Type Video tutorial

- Show Sidebar Tabs: On Page Single Product

Custom style for theme: Typography, Top Bar, Header, ...

Main: Body Background, Main Theme Color, ...

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Typography: Font Source, Google Code, ...

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Header Mobile: Header Mobile Background, Header Color

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Manage global setting for Woocommerce

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

- Label Sale Format: Optional "Sale label" format as you want

- "Featured" Label: Optional "Featured" format as you want

- Enable Brand Name: Enable/Disable brand name on HomePage and Shop Page

- Enable the text of Time Countdown

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

- Product Image Display Mode: Select the type of image display you want

- Enable Quick View: Enable/Disable Quick View

- Show WooCommerce Catalog Mode: Enable/Disable WooCommerce Catalog Mode (Hide "Add to Cart", "Mini-Cart")

- Quantity Ajax Auto-update: Enable/Disable quantity ajax auto-update on page Cart

- Enable Product Variation Swatch: Enable/Disable Product Variation Swatch on HomePage and Shop page

- Product Attribute: Select an attribute that you display on the product on the home page and the Store page

Configure properties for Mini cart

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Configure properties for Breadcrumb

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Configure properties for Shop

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Configure properties for Single product

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Configure properties for Single Product Advanced

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Manage global setting for Blog.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Blog Article

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Blog Post

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Upload Image 404

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Please select a sharing type: TB Share or Add This

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Speed ​​up website: Minified version of functions.js and device.js file will be loaded

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Yes: The Minified JS file will be loaded, eg: zota\js\functions.min.js
  • No: The normal JS file will be loaded, eg: zota\js\functions.js

- Preload Website: Choose a Preloader Images for your website.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the video "Choose a Preloader Images for your website" tutorial See more the video "Custom Preloader with your logo" tutorial

Custom CSS

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Custom JS

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the "Custom CSS/JS" video tutorial

Choose Shop Page: Go to WooCommerce > Settings > Products > General > Shop Page

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Choose Cart and Checkout Page: Go to WooCommerce > Settings > Advanced

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Results show

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

To use this function, you need to install the plugin Variation Swatches for WooCommerce

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the "Configure Variable Products" video tutorial

To use this function, you need to install the plugin WOOCS - WooCommerce Currency Switcher

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

WooCommerce Currency Switcher Setting:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Result:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the "WooCommerce Currency Switcher" video tutorial

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Create a "Recently Viewed" page then "Edit with Elementor"

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Use the element "Zota Product Recently Viewed"

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

To use this function, you need to install the plugin https://wordpress.org/plugins/woo-photo-reviews/

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Rating Counts & Filters Configure

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

To use this function, you need to install the plugin https://wordpress.org/plugins/yith-woocommerce-brands-add-on/

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Configuration

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Add New Brand

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Edit product

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

To use this function, you need to install the plugin https://wordpress.org/plugins/yith-woocommerce-questions-and-answers/

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Configuration

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

To use this function, you need to install the plugin https://wordpress.org/plugins/woo-notification/

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Configuration

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

To use this function, you need to install the plugin https://wordpress.org/plugins/yith-woocommerce-frequently-bought-together/

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Configuration

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

To use this function, you need to install the plugin https://wordpress.org/plugins/yith-woocommerce-wishlist/

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Add to Wishlist Options:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Wishlist page Options:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

To use this function, you need to install the plugin https://wordpress.org/plugins/yith-woocommerce-compare/

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Configuration

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Enter HTML and shortcodes that will show before/after Add to cart selections, eg: Free Shipping, 100% Money-back guarantee

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Configuration in Theme Options

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Enable Buy Now to stimulate shopping on your site

On Desktop

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

On Mobile

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Configuration in Theme Options

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Video Tutorial

Watch the video

Enable Total Sales to stimulate shopping on your site

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Configuration in Theme Options

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Show WooCommerce Catalog Mode on your site - Hide Mini Cart and button "Add to cart"

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Configuration in Theme Options

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Video Tutorial

Watch the video
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Dokan is the best front end multi-vendor marketplace on WordPress, powered by WooCommerce. It helps you to build your own marketplace similar to Amazon, Shopify, eBay, Magento like marketplaces in under 30 minutes.

1. Installing Dokan

Install Now
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Activate Dokan
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

2. Set up Dokan

Welcome to the world of Dokan!
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Store Setup
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Selling Setup
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Withdraw Setup
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Recommended for All Dokan Marketplaces
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Your Marketplace is Ready!
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
After completing the installation, we can manage the Dokan here
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

3. Dokan Shortcodes - Create Pages

Dokan Multivendor Marketplace has several shortcodes that help you create important pages on the go. In this doc, we are going explain how to use these shortcodes and when to use them.

First, let us introduce the available shortcodes.

Name Shortcode Description
Dashboard [dokan-dashboard] Display vendor dashboard and all the elements for the vendor.
Store Listing [dokan-stores] Lists all the stores available on the site on a single page.
My Orders [dokan-my-orders] Lists all the orders for the customer.
Best Selling Products [dokan-best-selling-product no_of_product="5" seller_id="" ] Display 5 best selling products of vendors.
Top Rated Products [dokan-top-rated-product] Lists all the top rated products.
Become a Vendor [Pro version only] [dokan-customer-migration] Creates Vendor Registration Form.

Instructions

At first, Navigate to- WP Dashboard → Pages → Add New Page

Paste the above ShortCode code above which you want to create the page

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

4. Managing Vendor’s Selling Capabilities

Dokan is the best Multivendor Marketplace for WordPress. You can easily manage thousands of vendors and get commissions from their sales. In this doc, we will discuss the selling capabilities of vendors, how admins can enable or disable it and how to set vendor commission.

Vendor Commission

You can set vendor commission for your marketplace depending on many things. In this doc, we will focus on the global commission for your vendors. You can read about different types of vendor commission from here.

To define the vendor commission for your vendor, navigate to – WP-Admin→Dokan→Settings→Selling Options Tab then choose the Commission Type, then Admin Commission.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Selling Capability

At first, you need to activate your vendors' selling capabilities so that they can start selling on your marketplace. To do so, Navigate to –

WP-Admin→Users then edit the user profile. Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

WCMp is a WooCommerce based multi vendor solution engineered to address all your marketplace needs. Try and fall in love with WCMp, yes it’s that simple

1. Installing WC Marketplace

Install Now
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Activate WC Marketplace
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

2. Set up WC Marketplace

Welcome to the WC Marketplace family!
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Store Setup
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Commission Setup
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Payments
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Capability
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Yay! All done!
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
After completing the installation, we can manage the WC Marketplace here
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

3. WC Marketplace Shortcodes - Create Pages

You can see List of Shortcodes and instructions for use here

4. WC Marketplace More Documentation

You can read more WCMp instructions here

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

WooCommerce Multi vendor Marketplace (WCFM Marketplace) is the one-stop multi-vendor plugin that you’ve been waiting for

1. Installing WCFM Marketplace (It is necessary to install all 3 plugins below)

Install Now
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Activate WCFM Marketplace
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

2. Set up WCFM Marketplace

Welcome to WooCommerce Multi-vendor Marketplace!
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Dashboard setup
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Marketplace setup
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Commission setup
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Withdrawal setup
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Setup WCFM Maketplace vendor registration:
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Dashboard Style
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Capability
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
We are done!
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

3. Visible Sold By

Enable/Disable Sold By display for products.
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Inquiry button display position at Single Product Page.
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

4. Store policies

Store policies are very much important for any e-commerce sites. Now, using WCfM you may define all types of policies for your store and products.
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

5. WCFM Maketplace - Membership

A simple membership plugin for offering FREE AND PREMIUM SUBSCRIPTION for your multi-vendor marketplace.
You may set up unlimited membership levels (example: free, silver, gold etc) with different pricing plan, capabilities and commission.
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Payment Methods
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Registration Form Fields
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme Watch the video tutorial for "WCfM - Membership Setup Guide"

6. WCFM MARKETPLACE – STORE, WIDGETS & SHORT CODES - Create Pages

You can see List of Shortcodes and instructions for use here

7. WCFM MARKETPLACE More Documentation

You can read more WCFM instructions here

1. Get Google Map API Key

Dokan Setting → API Key
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

2. Get started

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

3. Pick Maps and Continue

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

4. Select or create project

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

5. Enable Google Maps Platform

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

6. Copy YOUR API KEY

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

7. Add the widget "Dokan: Store Location"

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme Watch the video tutorial for "Google Map API Key - Fix this page didn’t load google maps correctly"
  • Step 1 Configure Elementor for Header Builder Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
  • Step 2 - From admin Dashboard, navigate to Zota Header Elementor > Add New Header

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 3 - Build your header style with unlimited layout

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 4 - After create your footers. Choose header for website in Theme Options.

    Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the "Set Up Header Video tutorial" tutorial
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme
Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Go to Apperances -> Settings -> Reading

Documentation | Zota - Home & Lifestyle Elementor WooCommerce Theme

Config in Front page - Edit with Elementor

Documentation | Zota - Home & Lifestyle Elementor WooCommerce Theme

Documentation | Zota - Home & Lifestyle Elementor WooCommerce Theme

Zota - Home & Lifestyle Elementor WooCommerce Theme Zota - Home & Lifestyle Elementor WooCommerce Theme Zota - Home & Lifestyle Elementor WooCommerce Theme

Choose Sample Data > footer > template-footer-xxx.json

Zota - Home & Lifestyle Elementor WooCommerce Theme Zota - Home & Lifestyle Elementor WooCommerce Theme Zota - Home & Lifestyle Elementor WooCommerce Theme

Choose Custom Menu for Footer

Zota - Home & Lifestyle Elementor WooCommerce Theme

Select Footer default in Theme Options

Zota - Home & Lifestyle Elementor WooCommerce Theme

Click on the menu on the top left

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Click to Site Settings

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Click to Layout

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Content Width (px)=1320, Widgets Space (px) = 0

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme.

Currently, we will provide some customized Child Theme templates according to specific functions. You can download and use it the way you want.

Why use a Child Theme?

There are a few reasons why you would want to use a child theme:

  • If you modify a theme directly and it is updated, then your modifications may be lost. By using a child theme you will ensure that your modifications are preserved.
  • Using a child theme can speed up development time.
  • Using a child theme is a great way to learn about WordPress theme development.

How to install the Child Theme?

1. Install the Child Theme is included in the package

In this theme, we offer you a sample Child Theme (zota-child.zip). You install it like normal theme.

2. Install the Child Theme during Import Sample Data

Zota - Elementor Multi-Purpose WooCommerce Theme

3. Self-created Child Theme

But you can create your own Child Theme form by following the instructions below

Link instructions How to Create a Child Theme

Watch the video tutorial for "Child Themes"

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Loco Translate provides in-browser editing of WordPress translation files.

It also provides localization tools for developers, such as extracting strings and generating templates.

Watch the "Loco Translate" video tutorial

Choose a location: Only Custom or System (NOT Author)

If you create a translation within the theme, when updating the theme, the translation will be lost

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Loco Automatic Translate Addon

Use the following plugin to automatically translate the entire theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Loco Translate - Warning: files over 100 KB have been skipped.

If you have problems above, follow the following video tutorial to fix that

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme Watch the "Loco Translate - Warning: files over 100 KB have been skipped." video tutorial

The easiest way to translate theme to the language of your choice is to use "WPML" plugin.

- To begin, be sure you have the WPML Plugin installed and activated, along with the WPML String Translation plugin.

- To set up WPML the first time, follow their Getting Started Guide.To begin translating, select WPML (in the Dashboard menu) -> String Translation. You should see a list of the strings in the theme (there should be only four), with blue translation links to the right. Click these links to reveal the list of languages you use on your blog and the associated translations.

- How to set and translate main features of the theme

- How to scan strings coming from the theme

- How to translate strings using String Translation

- If adjustment is needed for WPML language switcher please also add this

- If you need more help with WPML plugin. Please go WPML Forum

To use this function, you need to install the plugin https://wordpress.org/plugins/weglot/

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Weglot Translate is the best and easiest translation plugin to translate your WordPress website and go multilingual.

Video Tutorial:

Zota is created with speed and performance in mind. On it's own, Zota is highly optimized and provides you with the ability to get extremely high speed test scores on tools like GTMetrix, Google PageSpeed Insights, and Web Page Speed Test. Having said this, your site's speed and performance does not entirely rely on the theme and what you put into it also has a great impact on your speed scores. Continue reading below to learn more about site optimization.

When it comes to optimization, Zota plays a much smaller part than you would imagine. Zota is optimized so that it's fast on it's own, but ultimately, user content will dictate how fast your site will perform. Images play a huge factor in speed results, as well as hosting, server, extra plugins, content and more.

For example, if you have a site that's 1100px wide and upload a 2000px image on a page, your page speed score will drop heavily. This is because places like Google or GTMetrix will see a 1100px container that unnecessarily has an image on it that is twice it's size.

Add the code below to your .htaccess file

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

You can download Complete Analytics Optimization Suite from the WordPress repository or by searching for it under “Add New” plugins in your WordPress dashboard. As of writing this the plugin currently has 10,000+ active installs with a 5 out of 5-star rating. The plugin allows you to host your Google Analytics JavaScript file (analytics.js) locally and keep it updated using wp_cron(). Other features include being able to easily anonymize the IP address of your visitors, set an adjusted bounce rate, and placement of the script (header or footer).

Just install the plugin, enter your Google Analytics Tracking ID, and the plugin adds the necessary tracking code for Google Analytics to your WordPress website, downloads and saves the analytics.js file to your server and keeps it updated using a scheduled script in wp_cron(). We recommend also setting it to load in the footer. Note: This plugin won’t work with other Google Analytics WordPress plugins.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

WP-Optimize is an effective tool for automatically cleaning your WordPress database so that it runs at maximum efficiency.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Recommended Cache Plugins:

Caching and Minification is important in any website. Whenever a user visits your site, a lot of information is requested such as images, styling, as well as retrieving your content from the WordPress database. These factors plus the amount of visitors you have can significantly affect your site's total page loading time. Caching plugins help reduce this by showing your viewers a static version of your site.

These settings are not a one size fits all. The plugins listed below interacts differently with each server, and each situation can be different. Contact your host as well because they may have specific caching rules on their servers.

Below is a list of our recommended cache plugins to optimize your sites speed. These plugins have been tested with Zota, and we find that they work well with the theme. However, please note that these plugins interacts differently with different server setups. We also do not provide support for any issues caused by third party plugins.

Below is a configuration guide for some popular cache plugins

5.1 LiteSpeed Cache (Should be used when your server supports "LiteSpeed Cache")

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Cache > Cache Control Settings:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Cache > TTL:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Cache > Purge Settings:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Cache > Exclude Settings:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Cache > ESI Settings:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Cache > Object Cache Settings:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Cache > Browser Cache Settings:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Page Optimization > CSS Settings:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Page Optimization > JS Settings:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Page Optimization > Optimization Settings:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

5.2 WP Rocket (Recommended)

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Basic cache options:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

File Optimization:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Excluded JavaScript Files Code:

Enable LazyLoad Images:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Preload:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Prefetch DNS Requests:

Advanced Rules:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Never Cache Cookies Code:

5.3 Autoptimize + WP Fastest Cache

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Autoptimize Settings - Main:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Autoptimize Settings - Extra:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

WP Fastest Cache Settings:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Excluded JavaScript Files Code:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Recommended Cache Plugins:

Cache Enabler

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Recommended Cache Plugins:

OMGF | Host Google Fonts Locally

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

10.1 Install the plugin

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

10.2 Auto Detect your Google Fonts

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

10.3 Reload your web page

10.4 Select all fonts and click to Apply button

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

10.5 Download Fonts

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

10.6 Generate Stylesheet

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

10.7 Advanced Settings

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the video tutorial for "Optimize Google Fonts"

Recommended Cache Plugins:

Lazy Load – Optimize Images (By WP Rocket)

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Setting:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

1. Use Cloudflare For Faster Page Load Speed, CDN, AMP & Security

This is similar to the section above on using CDN’s, but I’ve become so fond of CloudFlare since I discussed it in my best web analytics post that I’ve decided to include it separately here.

To put it bluntly, CloudFlare, along with the W3 Total Cache plugin discussed above, are a really potent combination (they integrate with each other) that will greatly improve not only the speed, but the security of your site.

Watch the "Use Cloudflare For Faster Page Load Speed, CDN, AMP & Security" video tutorial

2. Choose a good host

When starting out, a shared host might seem like a bargain (“Unlimited page views!”). It comes at another cost: incredibly slow site speed and frequent down time during high traffic periods.

If you plan on publishing popular stuff, you’re killing yourself by running your WordPress site on shared hosting.

The stress of your site going down after getting a big feature is enough to create a few early gray hairs: don’t be a victim, invest in proper hosting.

The only WordPress host I continually recommend is…

✓ WP Engine managed WordPress hosting

My sites are always blazingly fast, never have downtime when I get huge features (like when I was featured on the Discovery Channel blog!), and the back-end is very easy to use.

Last but not least, support is top notch, which is a must when it comes to hosting. Take it from someone who’s learned that the hard way.

Head on over to the WP Engine homepage and check out their offerings, you’ll be happy you did.

3. Use a content delivery network (CDN)

All of your favorite big blogs are making use of this, and if you are into online marketing using WordPress (as I’m sure many of my readers are) you won’t be surprised to here that some of your favorite blogs like Copyblogger are making use of CDN’s.

Essentially, a CDN, or content delivery network, takes all your static files you’ve got on your site (CSS, Javascript and images etc) and lets visitors download them as fast as possible by serving the files on servers as close to them as possible.

I pernewyorklly use the Max CDN Content Delivery Network on my WordPress sites, as I’ve found that they have the most reanewyorkble prices and their dashboard is very simple to use (and comes with video tutorials for setting it up, takes only a few minutes).

There is a plugin called Free-CDN that promises to do the same, although I haven’t tested it.

You need to follow these steps to perform the update:

Watch the video tutorial

This method requires more steps and manual work. First, you need to manually download the new theme package from your ThemeForest account. Once you have the new theme package, you can choose to upload the theme via WordPress or via FTP. Please see the information below for how to download new files, and install it via WordPress or via FTP.

How To Receive Free Support
  • Step 1 – Log into your ThemeForest account and navigate to your Downloads tab. Find the zota theme purchase.
  • Step 2 – Click the Download button next to it and either choose to download the Installable WordPress Theme, which is just the WordPress file, or choose to download the Main Files which is the entire package that contains everything.
  • Step 3 – After downloading the files, you need to decide if you want to install the update via FTP or via WordPress. For directions on both methods, please continue reading below.
How To Update Your Theme Via FTP
  • Step 1 – Go to wp-content > themes folder location and backup your zota theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.
  • Step 2 – Retrieve the zota.zip file from your new ThemeForest download and extract the file to get the updated zota theme folder.
  • Step 3 – After extracting the updated zota theme folder, simply drag and drop the new zota theme folder into wp-content > themes folder location. Choose to Replace the current one if you did not delete the old zota theme folder
  • Step 4 – Lastly, update the included plugins. You will see a notification message letting you know a new version of the plugins are available and need to be updated. Follow the onscreen prompts to update the plugins

IMPORTANT NOTE

If you upgrade through FTP, please visit your WP-admin so any new theme options can be registered. If you do not do this and also have wp-debug turned on, you may see php notices on the front end. They will disappear once you visit the WP admin.

How To Update Your Theme Via WordPress
  • Step 1 – Retrieve the new zota.zip file from your ThemeForest download. If you downloaded the Main Files from ThemeForest, you need to unzip the archive file you received to get the zota.zip file inside.
  • Step 2 – Upload the zota.zip file to the Appearance > Themes section by clicking on the “Install Themes” tab at the top and then choosing to upload the zip file.
  • Step 3 – Once it finishes uploading, choose "Replace current with uploaded".
  • Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

  • Step 4 – Lastly, update the included plugins. You will see a notification message letting you know a new version of the plugins are available and need to be updated. Follow the onscreen prompts to update the plugins

You need to enable edit product with Elementor

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the video tutorial

Follow the steps below to edit the image size:

1. Turn On "Enable Config Image Size" in Theme Options

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Then config in WooCommerce Customize:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

2 Regenerate Thumbnails with the "Regenerate Thumbnails" plugin.

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

You can override css by 3 ways below :

1. Use Custom Css in ThemeOptions

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

2. Install Child theme and override css

The file: ROOT/wp-content/themes/zota-child/style.css

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

3. Use "Additional CSS" in Customize

Watch the video tutorial

In case you cannot see the Registration Form on the My Account page or checkout page, it means you need to enable it.

You can find this setting by navigating to WooCommerce >> Settings.

Open Account Tab In the Registration section, make sure the" Enable registration on the "Checkout" page" and  “Enable registration on the “My Account” page” options is checked.

This is what you should be seeing on your screen:

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

You can config it in Theme Options

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the "Add Google reCAPTCHA to Contact Form" tutorial

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the video tutorial

Many themes sold on ThemeForest come bundled with premium plugins from CodeCanyon.

A plugin is an additional component that offers functionality and features beyond a typical WordPress installation. Theme authors (who sell the themes) may choose to include certain plugins (such as Visual Composer, Revolution Slider or other Page Builder plugins) within their item to add these special functions and features to the theme package.

You do not need to activate it and can still use it normally. Read more here: https://help.market.envato.com/hc/en-us/articles/213762463-Bundled-Plugins

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the video tutorial

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Watch the video tutorial

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Nicolas De Rechter

weblion.be

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

queryamit

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Abdul-Rahman Al-Mahaini

mahaini.info

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

TSHmedia

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

DijitalC

Documentation | Zota - Elementor Multi-Purpose WooCommerce Theme

Ferdinand Holzner

Version 1.0.2 (June 08, 2020)

- Compatible with WooCommerce 5.3x
- [ADD NEW] Add new options "Enable Ajax Dropdown Mega Menu" in Theme Options/General
- [ADD NEW] Add new demo WPML
- [ADD NEW] Add new ajax to addons "Zota Product Tabs" and "Zota Product Categories Tabs"
- Fully compatible with WPML
- [ADD NEW] Add new "Ajax Dropdown Mega Menu"
- [FIX] Fix bug style RTL

Version 1.0.1 (May 08, 2020)

- Compatible with Elementor
- Compatible with WooCommerce Variation Swatches Pro (by Emran Ahmed)
- [ADD NEW] Add New Demos RTL
- [FIX] Fix error custom fonts on theme options

Version 1.0.0 (April 26, 2020)

- First Release!