teta online documantation

Teta - WooCommerce WordPress theme

Created: 2020/01/12

Getting
Started

We would like to thank you for purchasing teta WordPress eCommerce Theme!
We are very pleased that you have chosen teta for your website, you will be never disappointed!

Before you get started, please be sure to always check out this documentation and Kitestudio knowledgebase. We outline all kinds of good information, and provide you with all the details you need to use teta WordPress Theme.

teta WordPress Theme can only be used with WordPress and we assume that you already have WordPress installed and ready to go.

Thank you, we hope you enjoy teta WordPress!
WordPress Information

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow below sites and tutorials from WordPress.com, hope everything you need is there.

Server Requirements

Check the this article regarding the server minimum requirements for implementing the theme and PHP configuration limits.

Theme Installation

Unzip the package downloded from your account profile and find a zipped folder called teta.zip, which needs to be uploaded and installed.
Check this article Regarding the theme package
There are two ways to install a WordPress theme , via WordPress or by uploading it via FTP :
How to install theme using hosts admin panels?
Check the this article
How to install theme using WP dashboard?

Check the this article

Theme Activation

To access all the features of the theme and receive updates and access to demos dummy data, need to activate the theme through the following:

Required Plugins

In order to access all the features of the theme, you must install the required plugins through the video you see above.

Check this article regarding update bundle plugins

Importing Demos

Before Importing Demos

  • Activate teta theme using your Envato token
  • Install required plugins such as kitestudio-core,kt-pro-tools,WooCommerce, Elementor etc.

Select a demo you wish to import. You’ll do this by clicking the demo image you see 

The list of theta demos will increase over time.

Theme
Update

If you have activated the theme as described above, you will easily have access to the latest theme and plugin updates.

Automatic Updates via KiteStudio Dashboard

Method 2: Manual Update Via FTP , check the this article

Plugins
Update

Normal free plugins like WooCommerce can simply be updated from plugins section, however if you activated the theme as describe above  updating commercial plugins like Rev Sliders is simple. check the following image : 

Check this article regarding update bundle plugins

WooCommerce

It is obvious that the most important section for an e-commerce theme is the section related to shop, products, and handling them. We are proud of what we provided for our customers and we are sure that you won’t be disappointed in Teta.
Fully Ajaxified, the light-weighted, feature-rich shop is something rare. The great thing about Teta is that even though it is very versatile and has almost everything, yet we have hundreds of ideas ready to improve it even more.
The following provides a STEP BY STEP guide on how to set your shop up and ready to use.

General Setting :

To be able to continue to form this section, you’ll need to do previous steps, have a fresh new installation of WordPress, and have our themes and plugins installed and ready. The best method is to install WooCommerce along with other plugins installed and immediately configure it (make relative paged to shop, choose a currency, etc.)

If you need guidance with WooCommerce installation here is a great article helping you get through it.

Shop Settings :

Shop settings are options that help you make small important changes to your store, settings like, tax rate, currency, price format, shipping classes, account settings, check out settings etc. The following link helps you find a set of tutorials on how to configure your shop.

Add Products :

You may create and sell any type of products with WooCommerce all you may need to know is small configurations per each product type. So please create some product categories and some attributes then continue reading this section of documentation.
Product Categories, tags & attributes
To be able to use different porduct type, product filtering any many useful plugins you will need to create product categories, tags and attributes.
In addition to this video tutorial’s options, teta benefits from a custom attribute which is image , color and text attribute. This attributes let’s you to define textures, colors, images etc as an attribute.
Create a simple product

Simple products are those products are the easiest way of setting a product and sell it.

Create a grouped product
Grouped products are those products in which you want to sell together as a package, for example, you want to add “shop the look” option to your website and let users buy trousers, a shirt, and a necklace together, to do this you’ll need to have a grouped product.
External/Affiliate products
Suppose you want to sell products that are already on Amazon and receive a commission for it, but you don’t own anything yourself. This is the time when one would need to use External/Affiliate product type.
Variable products
This feature is very handy since this is applicable in most shops today. If you want to sell a product with variations (for example you want to sell a product that has various colors), you’ll need to use variable products section.
Downloadable products
In many stores the product which is being sold is virtual, things like music, video files or ebooks can be sold in a different way because they might have a virtual nature.

Shop
Elements

To see all of the shop elements (elements) that are included in our theme please do as follows:
You may find the list of our shop elements here:

Blog

WordPress was originally a blogging platform and a theme without a proper blog design is not to be considered among the great themes. We tried to provide great blog styles that require few or no effort to look perfect. You may select one of these styles for your Blog implementation.
Create Blog Post
You will need at least a blog post to be able to use our blog options. To create a blog post you may,
There are different post type you can create. To take a look at each post type you may use the following links:
After you create a classic blog page, you should set it for blog posts as follwos :

Theme
Options

Teta is one of the only themes on the market with well-established and highly flexible advanced options, that give you maximum design flexibility and freedom without touching a single line of code. There are 3 major groups of options: Theme Setting, Customizer Option, and Page / Post Option.

After activating our theme, you can go to Theme Options to configure the theme. Below will explain what you can do with Theme Options.

General Setting :

This tab contains such options as Header BreadCrumb, Favicon, Dashboard’s Login Page Logo, Pages Container Size, and other settings.

Breadcrumb navigation is a secondary navigation system that tells users where they are on a website relative to the homepage. Here you can enable/disable breadcrumbs for your site.

The Favicon Logo option allows you to upload a favicon image for your website.

The retina Ready option is disabled by default. You can enable or disable this option. notice that enabling this option generates more images.

Color Scheme

This tab contains options such as Accent Color, Highlight Color and Other Settings.

The Accent Color option allows you to set the default colors for theme elements.

The Chroma of Elements Placed On Accent Color option helps you to set the text elemnts dark or light, such as add to cart text on product detail page.

Pages Loading Transition

Pages Loading Transition option allows you switch between preloader and page transition effect and set the style of your preloader including the color and type.

This loader would be shown before your website is loaded completely.
Newsletter Popup is a feature to create lightbox popups that help you get more newsletter subscribers, deliver special offers that will be shown to the visitors when they enter the site.
You can find this option on Popup Newsletter tab on the Theme Setting. You can enable or disable it.
After you set the popup newsletter option, it will appear on the top bar of your website. you can click on it to display popup newsletter.

Header | Menu

Different layouts can be built by using the setting we provided for the header.

The theme includes options to upload and custom your logo such as: Initial Header Logo, Second State Header Logo, Mobile Logo
It’s possible to change the header menu width and fonts and choose the icons for Cart and wishlist buttons and more options

Fonts

The Font Setting allows you to choose between Theme default font(default), google fonts and custom fonts. We added this options for Theme Main Font and Headings Font theme.
It is possible to add custom fonts based on your desired by adding font URL and font Name.
Under EU privacy regulations, websites must make it clear to visitors what information about them is being stored. This specifically includes cookies. Turn on this option and user will see info box at the bottom of the page that your web-site is using cookies.
The theme includes different Footer layouts and it is easy to switch to your footer layout. you can change the footer layout on the footer tab on Theme Setting.
Also, it is possible to add a logo on the footer. only you should upload your logo on footer-logo option.
There are many other options on the footer tab that help you to customize the footer based on your desire.
The widget Area option lets you select your footer grid between different grids created by teta and set background image and color for it.
Also, you can make the footer full width by Footer Width option

Socials

Social Share Buttons Display option allows you to Enable/disable Social share buttons on products/post/portfolio. This setting could be override in each products/post/portfolio item
Social Network URLs option allows you to Enable/disable Social Network icons on topbar/footer. If you don’t want the Social networks available in teta setting, you can add your Custom Social Network here.

Shop

Teta was initially designed as an eCommerce theme so it has plenty of settings for your shop pages.

This tab contains options such as Shop page Columns Number, Products Per Page, Products Pagination, Products layout, Product Card Style, Full Width Shop Page, Shop Filter Toolbar, Recently Viewed Products, Catalog Mode and the other setting.

The products Layout option allows you to set the layout of shop page products. Each separate element of a shop page can have its own settings, have the grid or masonry style for products, or the styling of products cards in shop page.

The Product Page tab allows you to set the layout for shop page and product card, enable/disable multiple features such as catalog mode, Shop Filter Toolbar, Recently Viewed Products, Full Width Shop Page, Products Hover Image, Rating and etc.

The Product Page tab allows you to set the Products Pagination and Products Per Page option.

Product Details

By teta you have many options to customize products detail page as you need, as you want. There are many features that you can visit them in theme settings. In the continue, we will review some of them. The other options are clear and you are able to understand its functionality if you visit them. Also, all options have a little description below themselves.
Variables’ Title option allows you to show the title of selected variation in variable products.
Variation Select Style option lets you change the style of select variations. This option change the style of all variation for all products.

Product 360 feature displays a 3D or 360 model of a product, your customers can see and rotate products, almost like real life. Find this option on the product detail settings at teta settings and then upload a series of images for the products. You can use any number of images, normally at least 18 and as many as 72.

Maintenance

When you want to create a site that is under construction or an event that is coming later, you can use maintenance page (coming soon page). When a user opens your site, the only thing that he/she can see is a maintenance page.
To create a maintenance page, first of all, you should create a page and set the template of this page to maintenance page. Then enable Maintenance mode option on this tab and set this page for your maintenace page.

Mega Menu

You can find a general menu setting such as Menu Hover Style, Background Color, Text Color, Border Color, and Submenu options on the header tab on the theme setting.
You can find a general menu setting such as Menu Hover Style, Background Color, Text Color, Border Color, and Submenu options on the header tab on the theme setting.

Check this video regarding the Mega Menu 

Translation

If you are new to translating WordPress, you’re in the right place!

In general, internationalization and localization (commonly abbreviated as i18n and l10n respectively) are terms used to describe the effort to make WordPress available in languages other than English for people from different locales. The actual localization is done using the GNU gettext framework, which is used by WordPress itself including the themes and plugins.

In order to make WordPress recognize the language to which you want to translate the core WordPress, the theme or the plugins, you have to define the language within the wp-config.php file or change a setting within the dashboard. The process is dependent on the WordPress version and is described below:

You can see WordPress localization documentation for more details.

Child Theme

Use Child Themes to Modify 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.