We would like to thank you for purchasing Zella theme.
This file will teach you how to set up and use the Zella WordPress theme. I hope that you will find it easy to use and customize. I really wish it will fulfil your needs Please read this manual, because it covers almost all the aspects needed for you to know about installing & running the theme. Enjoy your Zella theme!
Nasa WordPress Team
To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex – https://codex.wordpress.org/Installing_WordPress
To install Zella theme please follow these steps:
Download a theme package file from ThemeForest. Unzip the package file on your computer – theme package folder will be created.
Step 1 Login to your WordPress admin
Step 2 Find Appearance → Themes in the Dashboard.
Step 3 Click button Add New (on top of the page) and go for Upload option.
Step 4 Open the browse, then pick zella-theme.zip in the downloaded Theme package from ThemeForest.
Step 5 Click Install Now.
In some cases, the Wordpress theme maybe too large to install through Wordpress dashboard. In such situations, we suggest you to upload the theme via FTP.
If you don't know how to use FTP, visit this link for more information: https://codex.wordpress.org/FTP_Clients.
In general, first, you need to uncompress the Wordpress theme ".zip" in the Themepackage downloaded from Themeforest. But in Zella Theme Package, we have unziped them already into Zella folder and . Each unzipped folder contains all nessesary files to install the theme, include layouts, css and php files contained all theme code. Using the FTP to transfer the folder of this theme to the Wordpress theme's root directory: /wp-content/themes.
Do not upload any of the other files or folders such as licensing or resource or documentation. Uploading any of the other folders may cause problems, making the theme not work properly. And the sample data folder will be use to import demo data, check the INSTALL DATA DEMO later.
Learn more from Wordpress Official Documentation on installing theme with FTP client or with cPanel: https://codex.wordpress.org/Using_Themes
After successful upload the theme, activate to set it your theme.
Go to your Dashboard > Appearance >Themes > Activate Zella Theme is now yours.
Right after you have activated the theme, a notification will appear, suggest you to continue with the installation of the plugins recommended in order to get the best functions like our demo's.
Follow these steps to install plugins:
Step 1 Click 'Begin installing plugins' or go to Dashboard > Appearance > Install Plugins and select the plugins you need to install from the list
(Recommend select ALL plugins).
Step 2 Choose Install, then Click Apply to begin the action
This theme comes bundled with many plugins. Some are required and some are optional.
Step 3 They need to be activated them. Select all plugins and Click Active
With Zella theme, you can import our sample data with only easy one click install.
Before installing, there are some notes worth checking:
max_execution_time = 3000
PHP Max Input Time: max_input_time = 3000
upload_max_filesize = 128M
PHP Max Input Vars: max_input_vars = 5160;
Now, let's import the sample demo. Navigate the Dashboard -> Appearance -> NasaTheme Options -> General -> Click Import Demo Content button
Wait until you get successful message like below.
If you have to run the process more than one time, menu items may be duplicated. Just go to Appearance > Menus and edit/delete Main Menu items
You can quickly build a home page using WPBakery Page Builder for WordPress. It is a drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine without a single touch of code. No programming knowledge required!
From your Dashboard, navigate to Pages
Each one page always include lot of parts like Header, Main Page, Widget Sidebar and Footer. The main page may be build using WPBakery Page Builder mentioned above. (It is licensed, but we have purchased and included for you).
Have you ever used WPBakery Page Builder? Please follow this guide first :VIDEO TUTORIALS ACADEMY
Using Visual Composer, you can drag and drop elements you want to build your page layout.
Moreover we also provide to you more elements to create your shop page easier. They are named Nasa elements:
Using Visual Composer -> Click Add element -> Select Nasa Core -> Choose Elements you want
Allows you to add a banner image and an overlay text. It also allows you to animate the banner on hover action.
Parameter element Settings
Setting Color (Size - Label | Image) attribute for product please work follow images:
Next, set variations for Product variable:
You can override Size Guide for Root Category Product (Parent = 0)
Add new or edit product > Tab Linked Products
Note: This feature only support for Simple product and linked with the other Simple products
Next, go to Dashboard > WooCommerce > Settings > Shipping > Advanced Free Shipping > set as image
Note: You need to create only one Free shipping rates with the format as image
Next, Edit or Add new Product and Add Gallery images 360° Viewer for product (Upload Multiple for images)
Zella featured an amazingly powerful and beautiful NasaTheme Options where you can find all the theme settings. It is as easy to use as it gets and offers several different options fields and input types which help to set the right option value.
Go to Apperance > NasaTheme Options
Tab General Manage general setting like site layout, site background image for boxed layout
Tab Logo and Favicon Manage setting like your logo and favicon
Tab Header and Footer Manage Header and Footer options
Tab Style & Colors Customize the colors theme appearance
Tab Fonts Setting font family for your site.
Tab Breadcrumb Setting global Breadcrumb your site.
Tab Product Global Options Manage Product global options
Tab Product Category Page Manage Products archive page options
Tab Product Detail Manage Single product page options
Tab Product Compare Manage Compare product options
Tab Promo Popup Manage News letter popup
Tab Blog Manage Blog page
Tab Portfolio Manage Portfolio page
Tab Nasa-Core option Manage options for shortcode, other in Nasa-Core plugin
How to upload your custom font:
You can create with as this format:
folder: name => your_custom_font_name in folder => create file: your_custom_font_name.css and all files fonts (ttf, eot, woff, ...)
in file: your_custom_font_name.css => call link to fonts file:
This is ex about fonts of us get at here.
Please see the detailed instructions : here
The theme is ready to translate by using the po file. If you want to build a multilingual site, you need to use WPML plugin. Our theme does not include the WPML plugin. It only is compatible with the WPML plugin. You have to buy a license for this plugin.
There are 2 ways to create and edit the po file
In this section, you will know how to build a multilingual website by using the WPML plugin. All the information needs to get started and use it is on the WPML.org page.
Below are some reference links:
Installing and Setting Up the WPML plugin
You need to install a recent version of WPML, including the String Translation, Translation Management and CMS Navigation modules. After installing these plugins, you set up Languages from WPML > Languages and translate your content.
Translating Pages and Posts
Go to All Pages and pick a page for translation. Click on the plus icon. If the page is already translated, the plus icon will be replaced with a pen icon.
WPML actually creates a new WordPress page, linked to the original one. In this new page, you can add new content as you normally do. You can also keep the original content, just translate into the new language.
To translate a category, click on the language which you want to translate it and then add a new category. Make sure the new category is linked to an original category.
You go to WPML > String Translation. Find the text in the list and translate it. Please make sure you check the Translation is complete checkbox after translating.
Sometimes, some texts are not translated. First, you need to go to WPML > Theme and Plugins localization. You click on the Scan the theme for strings button. Then, you go back to the String Translation page and find those texts.
Go to the Appreance -> NasaTheme Options -> Archive Products Pages -> TOP BOTTOM CONTENT PRODUCTS PAGE
Didn't find necessary information in our documentation?
We aim to help our clients if they have any unresolved difficulties.
© Nasatheme.com. All Rights Reserved.