1.2 Download the Theme Package

When you purchase our theme from ThemeForest, you can download the Ofiz files via the ‘Downloads’ tab on your ThemeForest account. When you download Ofiz , you can either choose the ‘All Files & Documentation’ option or the ‘Installable WordPress File Only’ option. The former includes the theme files and supporting documents, while the latter only includes the theme’s installable WordPress file.

Step 1 – Login to your ThemeForest account and navigate to the ‘Downloads’ tab.

Step 2 – Locate your Theme  purchase, and click the Download button. Choose between ‘All Files & Documentation’ or ‘Installable WordPress File Only’.

• How to Install Your ThemeForest WordPress Theme

1.4 Requirements For Ofiz

We have tested our theme in most standard hosting setups. Anyhow, make sure your hosting server matches the following requirements.

1. Latest version of WordPress 5.2.3 or higher installed,
2. PHP5 or higher and MySQL 5 or higher,
3. We recommend to enable mod_rewrite module (If not enabled sometimes pages or posts will result in bad gateway error),
4. Memory limit(memory_limit) should be atleast 256MB,
5. Maxium File Upload size(upload_max_filesize) should be atleast 128MB.

Hosting is more secure when PHP applications, like WordPress, are running using your account’s username instead of the server’s default shared username (www or www-data). The most common way for hosting companies to do this is using PHP. Just ask your potential host if they run PHP or something similar.

Recommended PHP Configuration Limits

Many issues that you may run into such as: white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

• Max_execution_time 600
• Memory_limit 256M
• Post_max_size 64M
• Upload_max_filesize 128M

1.5 Files Included In The Package

Below is a full list of everything that is included when you download the main files, along with a brief description of each item.

Included Files from Your Themeforest Purchase

• ofiz.zip – Located inside the themeforest-ofiz-wp-theme.zip folder, this is the installable WordPress file you’ll need to install or update Ofiz manually.
• ofiz-child.zip – Located inside the themeforest-ofiz-wp-theme.zip folder, this is a child theme you can use to make changes to Ofiz ’s core theme files.
• documentation.zip - Located inside the themeforest-ofiz-wp-theme.zip folder, this zip file contains theme documentation. With this theme's documentation, you can find what layout options and settings are included in the theme and guidance for how to use your theme's features.

Included Files from Your Ofiz Theme

• ofiz.zip – This zip files contains installable WordPress files you will need to install or update Ofiz manually.

2.1 How To Install Ofiz via WordPress

Kindly follow the steps given below for installing this theme from Wordpress.

1. Navigate to Appearance > Themes.
2. Click 'Add New' button near 'Themes' title.
3. Now 'Add Themes' page will be loaded with 'Upload Theme' button hit on it.
4. Now navigate to find the "ofiz.zip " file on your computer ("ofiz.zip " will be found inside "ofiz.zip ") and click "Install Now"
5. Once uploaded go to Appearance > Themes and activate it.
6. Then you will see a notification message to activate the required & recommended plugins: 'DesignThemes Core Features Plugin','Responsive Styled Google Maps', 'Contact Form 7', 'LayerSlider WP' and 'Revolution Slider'.
7. Once required plugins are activated, navigate to Settings > Permalinks, here select 'Post name' in 'Common Settings' tab and save it.

2.2 How To Install theme via FTP

You can also install this theme through FTP server by using the following steps,

1. Log into your Hosting server space using any FTP software (applications like FileZilla) at first.
2. Extract the "ofiz.zip " (inside "ofiz.zip ") file as you've downloaded.
3. Upload that extracted folder into your "wp-content / themes" directory.
4. Once if the theme is uploaded and installed, you need to activate it from Appearance > Themes then.
5. Then you will get a notification message to activate the required & recommended plugins: 'DesignThemes Core Plugin', 'Contact Form 7', 'LayerSlider WP' and 'Revolution Slider'.
6. Once after the required plugins are activated, navigate to Settings > Permalinks, and select 'Post Name' in 'Common Settings' tab and save it finally.

Please take a look at the structure of the ofiz.zip archive you've got after purchasing.

2.3.1 Install Plugins

Step 1 – Click to Begin installing plugins the top of the page

Step 2 – Check boxes to select all the plugins you want to install and click on Install from the dropdown box and then click the button to Apply.

Step 3 – After you have installed all the plugins, click on Return to Required Plugins Installer.

Step 4 – Select the plugins you installed, and apply the bulk action to activate.

3.1Demo Content via Unyson plugin

The easiest way to import our demo content is to use Unyson plugin Demo Content Importer. Our importer will give you all pages and posts,several sample sliders, widgets, Theme Options, assigned pages, and more. This is recommended to do on fresh installs.

How To Import Demos

• Install and activate these plugins before you proceed: Revolution Slider, Layer Slider, Designtheme Core Plugin , Unyson plugin and WooCommerce. Woocommerce is only needed for an online shop.
• Navigate to the Unyson > Active Extensions > Backup & Demo Content (Install)
• Navigate to the Tools > Demo Content Install > Select the demo Content > install
• Please be patient, as it may take few minutes to import everything. Once it is completed, you will receive a success message finally.

4.1 Header layout

Step 1 : To create a menu,

• Go to Appearance > Menus
• Click the “Add a Menu” button & Write a menu name on the field, it can be anything you like.
• Now Click the “Create Menu” button.
• Click the “Add Items” button to add menu items to your menu. You can add pages, categories, posts etc.
• After adding all the menu items, click the “Add items” button again to hide the item selector panel.
• Click “Save & Publish“ button to save the changes.
  

Step 2 : Create a Header

• Navigate to the ‘Header’ tab in your WordPress admin sidebar and click the ‘Add New’ option.
• Give your Header a name by entering it in the title field..
• Add content to your Header using the Elementor editor field.
• Next, you need to select the Menu you want to display.
• Once finished, click ‘Save Draft’ or ‘Publish’.

Step 3 : Adding Your Menu to Your Site or Page

• Navigate to the Appearance > Customize > Site General > Header > Select your Header style ( Public Menu)
  Once finished, click ‘Save Draft’ or ‘Publish’. [ Or ]
• Navigate to the Pages > Page Options > Header > Select your Header style ( Individual Pages)
  Once finished, click ‘Save Draft’ or ‘Publish’.

5.1To assign location

Navigate to Appearance > Customize > Menus > Menu Locations, click the option titled Menu Locations. Select your menu location, by clicking the dropdown menu in each option then hit the Save & Publish button.

Or

Go to Appearance > Menus > Menu Location tab > assign your menus to the location you want > Save Changes.

NOTE: You can create submenus by dragging and dropping the items within other menu items. If you want to edit or remove a menu item, click the little arrow on the right-side of the menu item name. A selection of options will drop down, including editing the navigation label as well as removing the item altogether.

5.2 Create a New Menu

To create a new menu, go to Appearance > Menus, then click Create a new menu > fill your menu name > click Create Menu. Add to menu the item you want to add on the left hand boxes, then click Save Menu.

Create a new menu

Step 1 – Start by navigating to the menu manager under Appearance → Menus.

Step 2 – Under the "Edit Menus" tab, you'll see a "create a new menu" link. Name your menu with something useful such as "Main Menu" and then click the "Create Menu" button to begin adding items.

Step 3 – Now, let's add some menu items.

Step 4 – On the left hand side of the screen you'll see a box containing all of your Pages, Categories, etc.

• First, select a few items to be included in your menu.
• Click the Add to Menu button and the items are added to your menu.

Step 5 – Go ahead and click "Save Menu" anytime you change something. If you navigate away from the menus page before saving, all your menu settings could be lost.

6.1 Create A New Page

You can create any number of pages with content. Ofiz includes several page templates to choose from, and you will need to choose the page template that suits your needs. All of this is done in the pages section of your WordPress admin.

Step 1 – Navigate to Pages in your admin sidebar and click Add New option.

Step 2 – Input a new name for your page, then find the Page Attributes box on right side.

Step 3 – Set your Parent page. It's usually set to No Parent.

Step 4 – Set your page template from the Template dropdown list. See list of page templates below.

Step 5 – Select any number of page options in Page Options box.

Step 6 – Content for your page goes in the editing field, use the Visual or Text editor. Page content is mainly built using Shortcodes. See the Shortcodes section for how to use them. You can also use our demo content, see the corresponding section of this document for the demo code of each page.

6.2 Page Templates

Specially designed Page Templates can be used to incorporate special features on pages. These include:

• Default template
• Elementor Canvas
• Elementor Full Width
• Side Navigation Template
• Store Locator Template
• Slider Revolution Blank Template

6.3 Setting Up Home Page

Setting up your home page is the same as setting up any other regular pages, except that you need to specify in the settings which page will be your Main Home Page. Ofiz includes several pre-designed home Theme Page Options. Any of the layout options you see on our demo can be imported through our Demo Content Importer, or from copying the individual page content from our documentation in the How To Import Individual Pages section. However, you are not stuck with our pre-designed layouts, you can build any type of home page you desire using our shortcode elements. You can mix and match them anyway you like.

Step 1 – Navigate to Settings > Reading tab.

Step 2 – Select A Static Page option.

Step 3 – Choose the page you want as your home page from the Front Page dropdown list.

Step 4 – This is also the same spot you select the blog page as the Posts page.

7.1 Layer Slider

LayerSlider WP is a premium multi-purpose slider for creating image galleries, content sliders, and mind-blowing slideshows with must-see effects, even from your WordPress posts and pages. It uses cutting edge technologies to provide the smoothest experience that's possible, and it comes with more than 200 preset 2D and 3D slide transitions. It has a beautiful and easy-to-use admin interface with supporting modern features like drag n'drop WYSIWYG slider builder, real-time previews, timeline view, Google Fonts and transition builder for custom animations. It's device friendly by supporting responsive mode, multiple layouts, touch gestures on mobile devices, and uses techniques like lazy load and conditional script loading for optimal performance. You can add any content into sliders, including images, text, custom HTML, YouTube and Vimeo videos or HTML5 self-hosted multimedia contents. It's also SEO friendly by allowing you to build semantic markup with custom attributes that search engines can index easily. LayerSlider comes with 13 built-in skins, and it has tons of options to entirely customize the appearance and behavior of your sliders at the smallest detail.

LayerSlider is external plugin which is included into theme. Because, for each product we purchase "Extended license" and that`s why we are able to include it into theme. This plugin works fine of course and if you want current slider version, you can always get directly from us. What you need to do, to get this slider is send us a request about it via contact form on our profile's page http://themeforest.net/user/designthemes (it is in the right bottom corner) and we`ll send you the current version.

7.1.2 Create A New Layer Slider

Step 1 – Click on the Layer Slider sidebar item in your admin section, then click the "Add New" button and give the slider a name.

Step 2 – The "Slider Settings" tab will open and allow you to set the general settings for your slider such as the width, height, responsive, full width, and more. Check out each tab.

Step 3 – Once you are done, click "Save Changes" to save the slider. Next you can add slides, see the information below.

Please Note – You can get sample sliders by clicking the "Import Sample Sliders" button. It's a good way to learn and see the different types of settings.

7.1.3 How to add Slides to your slider

Step 1 – Click on the "Slides" tab.

Step 2 – Slide #1 will already be created, add a background image for the slide, set thumbnails, transitions, links and more in the settings box above the slider preview window.

Step 3 – Each slide you make can have multiple layers to it. The layers show up below the slider preview window. Click "Add New Layer" create a new layer. An editing section will display once clicked.

Step 4 – The layer editing section has 5 tabs; Content, Transition, Link, Styles, Attributes. Content tab is where you add your content, Transition tab is where you set all the timings and animations, Link tab is where you can set the content to link, Styles tab is where you set custom styles, Attributes tab is where you can add custom id's or classes.

Step 5 – Click on the Content Tab and enter your text, image or video or custom HTML content. Then set your transitions, links, styles and attributes if needed.

Step 6 – Click the "Enter Preview" button to view a preview of the slider and layers.

Step 7 – When finished, click "Save Changes" to save it. Repeat process for more slides.

7.2.1 How To Create A New Revolution Slider

Step 1 – Click on the Revolution Slider sidebar item in your admin section, then click the Create New Slider button.

Step 2 – Insert a slider name and alias. The alias text will generate a shortcode that can be used in the editing field of pages or posts.

Step 3 – Then select the Source Type. If you choose Posts or Specific Posts, please refer to the Revolution Slider Docs for information on how to set that up.

Step 4 – Then select the Slider Layout type, each type will have its own settings. Set the Grid and Responsive settings here also. View the layout example diagram below this area to understand what each section is.

Step 5 – On the right hand side are many other options you can set. All are self explanatory with descriptions. Test them out.

Step 6 – Once you are done, click Create Slider and your new slider will be made.

7.2.2 How To Import Revolution Sliders

Step 1 – Go the the Revolution Slider tab in your WP Admin, and click the Import Slider button.

Step 2 – Choose the .ZIP file of the slider you'd like to import.

Step 3 – Once you've chosen the .ZIP file, an Import Slider button will appear.

Step 4 – Click the Import Slider button, and wait for it to finish uploading.

Step 5 – Once it's finished uploading, you will now see your imported slider in the list of Revolution Sliders available.

7.2.3 How To Export Revolution Sliders

Step 1 – Go the the Revolution Slider tab in your WP Admin, and open the slider you'd like to export.

Step 2 – Switch to the Slider Settings tab on the top of the page.

Step 3 – On the right, you will find the 'Import / Export / Replace' dropdown. Click it to expand the tab and view the options.

Step 4 – Switch to the Export tab, and click the Export Slider button.

Step 5 – Once it's finished downloading, you will receive a .ZIP file of your slider.

8.1 Site General

• Site Header:  Select the Header type from the drop down list
• Site Footer:  Select the Footer type from the drop down list.
• Site Loader : Enable / Disable this option to show preloader functionality globally throughout the website. This option can be overridden from each page options.
• Globally Show Page Comments :  Enable / Disable to show comments on all the pages. This will globally override your "Allow comments" option under your page "Discussion" settings.
• Show all pages in Pagination : To  Enable / Disable to show all the pages instead of dots near the current page.
• Google Map Key : Put a valid google account api key here
• Mailchimp Key : Put a valid mailchimp account api key here
• Show To Top : Enable / Disable this option to show To Top  functionality globally throughout the website.

8.2 Site Identity

• Site Logo & Icon : Manage a regular logo Logo ,  Site Title ,  Site Tagline & Site Icon
• Colors :Manage a regular Font color ( Site Title Color,  Site Title Hover Color, Site Tagline Color )
• Typography  : You can select font family, font size, line height, color...

8.3 Site Breadcrumb

Breadcrumbs are a type of secondary horizontal navigation that display the user’s location on the website in a hierarchical way. It is especially important to use breadcrumb on big websites that contain a large amount of content in order to provide a better user experience.

• Layout : You can select Show Breadcrumb (Enable / Disable),  Style & Position.
• Colors & Background  :  You can select Breadcrumb  text color, Background and Background image.,
• Typography:  Breadcrumb typography options, you can select font family, font size, line height, color...

8.4 All Page Settings

• Global Sidebar : Choose any one of the available layout types. Also you can choose the archive layout (without sidebar, left sidebar, right sidebar)
• Post Archives : Choose any one of the available layout types. Also you can choose the archive page layout (without sidebar, left sidebar, right sidebar) and post layout (1 column, 2 column, 3 column)
• Post Single - Here you can show / hide 'Author Box' (contains author details) and 'Posts Comments'.
• 404 Page : Your site displays a 404 or Not Found error message when the server is unable to locate a page, usually due to a dead link or incorrect URL. Creating a custom 404 page is a great way to let your visitors know what went wrong while retaining the unique style of your site.
• Under Construction Page : maintenance mode is a state you can put your website into when you need to take care of a few administrative tasks that would affect the site's performance or otherwise make it unusable.

8.5 Hooks

Hooks are functions that can be applied to an Action or a Filter in WordPress. Actions and Filters in WordPress are functions that can be modified by theme and plugin developers to change the default WordPress functionality.

Functions used to modify Actions/Filters in WordPress can be hooked into WordPress. However, it is important to note that actions and filters are not the same thing. Actions are functions performed when a certain event occurs in WordPress. Filters allow you to modify certain functions. Arguments used to hook both filters and actions look the same. But they are different in functionality and how they behave.

Here you can add HTML content and Shortcode.

• Top - You can choose enable/disable for Top hook.
• Content Before - You can choose enable/disable for Content Before hook.
• Content After - You can choose enable/disable for Content After hook.
• Bottom - You can choose enable/disable for Bottom hook.

8.6 Sociable

Social icons

Theme includes a wide range of social icons that can be used in several locations on your site. All social icons are CSS based font icons which ensure that they are high quality, and can be configured using the available options. Continue reading below to learn more about how to set up the social icons, how to customize different settings, and how to display and integrate them.

Site Sociable

To set up social icons, right top corner, navigate Appearance > Customize > Sociable > Site Sociable and set up links for social profiles. Note: Each external link should always start with http://!

Social Media Links – The Social Media tab in Theme Options is where you will insert your custom social media links for each network you want to display. The URL's you enter on this tab will apply to the social icons in the header, footer or social sharing box.

8.7 Site Skin

• Choose a predefined theme skin, a predefined color scheme or set a custom primary color.
• Appearance > Customize > Site skin

8.8 Site Layout

You can also modify the layout of specific post types and/or categories, which is truly awesome.

Simply go to the custom layouts section at the bottom of the layouts tab and select the from the Post Types or Categories radio button. This will give you access to all of the available post types or categories that you can modify.

• Layout - Here you can change the layout of our theme (Boxed or FullWidth)
• Color & Typography : To customize specific typography options

8.9 Colors

• Colors : Choose a predefined theme background color.

8.10 Site Typography

Typography Options

This also includes customization options such as layout, colors and typography. For example, if you’d like to customize your header, then you’ll find all the options you’ll need under the header tab in Theme Options. Continue reading below to learn more about the new typography options.

Typography Options Locations

• Body Typography Options – To customize the Body Font, navigate to the Apperence > customize > Typography > Body Typography where all the Body Typography options such as font family, weight, size, etc. are found.
• H1 – H6 and Post Title Typography Options – To customize the Headers and Post Titles Font, navigate to the Apperence > customize > Typography > Heading Typography where all the Headers and Post Titles Typography options such as font family, weight, size, etc. are found.
• Menu Typography Options – Navigate to the Apperence > customize > Typography > Menu panel, then go to the Main Menu Typography section.

8.11 Header Image

• Header Image : You can choose the Header background image for your menu items in Apperence > customize > Header Image. The Header background image will cover the whole menu item’s height as set in the Main Menu.

8.12 Background Image

• Background Image : You can choose the Background image for your menu items in Apperence > customize > Background Image. The Background image will cover the whole menu item’s height as set in the Main Menu.

8.13 Menus

• Whether you set your menu display as regular menu or mega menu, you can customize the display of menu link and dropdown menu in the main navigation.
• To customize the display of menu link in main navigation, navigate to Appearance > Customize > Menu > Main Menu or Sub Menu.
• To customize the display of dropdown menu in main navigation, go to Appearance > Customize > Menu > Dropdown Style, then set the display to your liking.

8.14 Site Widgets

Theme includes a wide array of custom widgets in addition to the default widgets WordPress offers. All widgets are found in the Apperence > customize >Widgets tab on your WordPress admin panel. There are various customization options and fields for each individual widget, and they are all self explanatory. You can put as many widgets as you want inside of a widget area.

This made the widget selection much easier. With this plugin activated we can select widgets to show specifically for one page / post / or custom post type. Always note to use it with a sidebar enabled theme.

8.15 WooCommerce

Woocommerce Options

WooCommerce Extra Product Options plugin provides an easy way to manage extra product options displayed in product page. With this plugin you can add a custom field to product page. For example, you can add a text field to product page using which a buyer can enter extra information related to the purchase.

This plugin provides an easy to use interface where you can add, edit and delete extra product options. This plugin requires WooCommerce to be installed, activated, and configured.

• Add extra product option(s). You can add extra product option(s), these options will be displayed in product page. Add new option form contains options to provide values for Type, Name, Label, Placeholder, Class, Label Class etc. It also has the option to choose validations rules from a predefined list.
• Edit extra product option(s). You can edit extra product option(s) properties. In edit form you have the option to provide new values for Name, Type, Label, Placeholder, options, Class, Label Class, validation rules etc(availability of these options may change based on the field types).
• Available field types are Input Text and Select
• Remove extra product option(s). You can remove extra product option(s) from displaying in product page.
• Enable/Disable extra product option(s). You can enable/disable extra product option(s)(temporarily remove) from displaying in product page.
• Change display order for extra product option(s). You can easily manage the display order of extra product option(s) from admin side by just moving fields up and down.
• Reset all the changes. You can reset all your changes back to the original settings using the button ‘Reset to default options’.

8.16 Homepage Settings

To designate your static homepage, go to Appearance  → Customize → Homepage Settings:
Then, under Front page displays, choose A static page. Next, click on the Homepage dropdown list and select the “Home” page you created as your static homepage:
Next, on the Posts page dropdown, select the “Posts” page you created. (This is where your new blog posts will appear, should you choose to write posts for your site.)

Last, click on Publish for these changes to take effect.
Now, when you go to your web address, you’ll see your new homepage rather than blog posts.

8.17 Portfolio

As part of the Page Options, on Portfolio Posts, you will find a Portfolio tab. On that tab, are all the individual portfolio and post settings that can be set for each Portfolio Post.

These are local options, which can be configured on a post by post basis to override the global theme options, or left as is to accept the global defaults. As an example, this post on the demo has virtually every global portfolio option turned off or hidden, so on the single post, it displays as a regular page, whereas all but the first three portfolio items on the demo are using global defaults, and showing Categories, Skills, Tags, etc..

Portfolio - Single Portfolio customization

• Portfolio Archives - Choose any one of the available layout types. Also you can choose the archive page layout (without sidebar, left sidebar, right sidebar) and post layout (1 column, 2 column, 3 column)
• Portfolio Custom Fields -You can create custom fields like name, url and date etc.
• Permalinks - You can have or change the default link structure of archive and single portfolio pages by using this permalink settings.

8.18 Privacy & Cookie

Privacy Options

What needs to be compliant is the end user website, it is not the software/framework a website is built on. The Theme WordPress theme as an entity does not violate GDPR criteria because it does not collect any data. What we as a team has done is give our We Clean userbase existing and new, the tools necessary to ensure that their websites are GDPR compliant. These new privacy tools and options were introduced in theme.

This new feature is highly configurable, giving you everything that you need to keep your website visitors informed of any cookies, third part embeds and/or custom implementations that may affect their data privacy.

It will handle 3rd party embeds, tracking codes, and any custom cookie contents that you may require. The settings are found in Appearance > customize > Privacy & Cookies tab. Enabling Privacy Bar option will give access to additional options that will help in customizing the privacy bar. Continue reading below to know more about the full options available in the Privacy tab.

8.19 Additional JSS

Simply go to Appearance > Customize > Additional JS and paste your custom JS.

8.20 Additional CSS

Add any custom CSS code here. This allows you much more granular control over the style of the theme. This data will be saved during theme updates as well

Simply go to Appearance > Customize > Additional CSS and paste your custom CSS.

9.1Blog Options

No matter which method or methods you use to display your blog posts, the first thing you need to do is create the blog posts. Ofiz Theme support all type of posts

How To Create A Blog Post

Step 1 – Navigate to Posts in your WordPress admin sidebar.

Step 2 – Click on the Add New option to make a new post. Create a title, and insert your post content in the editing field. You can use any of our shortcode builder elements inside the post.

Step 3 – Add Categories from the right side. To assign it to the post, check the box next to the Category name.

Step 4 – Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.

Step 5 – For a single image, click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 6 – Once you are finished, click Publish to save the post.

9.2How to Assign a Post Page

Step 1 – Navigate to Settings > Reading tab.

Step 2 – Select A Post Pages option.

Step 3 – Choose the page you want as your blog post page from the blog post dropdown list.

Step 4 – Once its all done, make sure you click the Save button

10.1 Creating Portfolio Pages

To create a portfolio please start by creating a new page Pages > Add New and setting up the title eg. Portfolio. In the Template field set the option Portfolio template. In the bottom section you will find Page options such as Layout and Sidebar. You can then select whether your portfolio should be in full width or with a left or right sidebar.

How To Create A Portfolio Page

Now we have just created a category that will contain our portfilio items and display them proper way. If you add some subcategories to this main category they will inherit parent style unles you choose to override them at category options page. Lets add some portfolio items!

1. Go to Portfolio -> Add New, name the post accordingly
2. In the right colomn find Categories widget and select "Portfolio" category - thus we move usual post entry into portfolio section.
3. Set featured image and save the post. Please notice - this featured image will be used as a primary portfolio image so make sure it has good quality.

How to install WooCommerce and setup the default shop pages

First go to Plugins > Add new section and type "WooCommerce" into search field. Then click "Search Plugins" button.

Once that is done, and you see the result, click on the"Install now" button next to "WooCommerce - excelling eCommerce" plugin.

Once WooCommerce is installed, click on the "Activate plugin" link.

In a few moments you will see a WooCommerce Purple Notification Bar at the top of the plugin page. Clicking the Install WooCommmerce Pages button in the purple bar will install all the default pages.

Please Note: Once you are done installing WooCommerce and the default pages, you can go to the Appearance > Menu section of your admin and add all the WooCommerce pages to your menu. They will be listed at the top under the most recent pages.

How to add new product

Go to Products > Add product section. You will see a page that looks like the one below.All you need to do is fill those fields with your own values.

Information about adding a new product will be found at on http://docs.woothemes.com/document/managing-products/

12Translation

There are three types of files used in the framework:

• POT (Portable Object Template) files: The first step in the translation process is using a program to search through the WordPress source code to pick out text passed into a __() or  __e() function, generating a POT file. This file will contain all the text available for translation.
• PO (Portable Object) files: The second step involves translating the text in a POT file into the target language, saving both English and translator messages in a PO file.
• MO (Machine Object) files: In the last step, the PO file is converted into a machine readable format.

The Procedure

• Duplicate the .pot file and rename it to basename-lang_COUNTRY.po
• Example for the referenced theme case: fr_FR.po ( fr_FR means French France, but many languages don't have a country variation...)
• Just update the file name with your preferred language.

Translating Using Poedit

• Open Poedit and go to File > New catalog from PO file and select the PO in your theme’s languages folder (wp-content\themes\theme_name\languages).
• Now you can start translating your theme. Poedit has a simple and straight forward interface that doesn’t involve a steep learning curve.
• The space at the top will display all the text ready to translate, and any completed translations will display to the right. The boxes underneath show the source text you’ve selected to translate, your translation and any notes for translators.
• Translating a line of text is really easy – just select a word or phrase, enter your translation and click “Update.”When you’ve finished translating, simply save your file.
• Poedit will automatically create .mo  files in your theme’s languages folder.
• Now that your theme has been translated, you can upload it to your  using FTP (wp-content\themes\theme_name\languages).

• 

  How to translate WordPress theme with PoEdit

15Elementor

Elementor is a visual page builder plugin for WordPress enabling the creation of web pages in a live, visual way. It replaces the basic WordPress editor with a live frontend editor, so you can create complex layouts visually, and design your website live, without having to switch between the editor and the preview mode. The page builder enables you to reach a top-notch quality of design without needing to use code or CSS, and without relying on developers for help. For more information, please check this tutorial.

Importing Block templates to a page

With Elementor you're capable of importing a page template or part of your template (Section). So you just insert a template into a page and don't need to create all sections one by one from scratch.
You can insert a block template (section) by following the steps below:

• Step 1 : Click the folder icon to add a Page template, Block, or your own saved template from the editing screen.
• Step 2 : Click the magnifying glass icon to preview a template.
• Step 3 : Click INSERT to select the required template.
• Step 4 : Give your favorite templates a heart and save them to MY FAVORITES.
• Step 5 : Click the arrow in the top right corner to upload a .json or .zip file.

Building Page Layouts with Elementor

If you are a beginner, you can get started with Elementor quickly because it offers an excellent, user-friendly interface. Since Elementor Free provides a lot of functionality and you might not be sure if you need the Pro version or not. But when you look at the comparison between Elementor Free & Pro versions, you will be tempted to shell out some money and upgrade to the Pro version.

Elementor Review: Elementor Features & Pricing

Now that we have talked about the basic functionality offered by Elementor in our Elementor review, we will move on to the other important details like Pricing, Performance, Support, Documentation, etc.
A product’s features shouldn’t only be the deciding factor for making a choice. So, in our Elementor review, we will consider all the aspects that you should look at to pick the right tool for your business. With these details, we can make a wise decision of selecting the right tool for the job, which is easy to use and maintain in the long run.

Massive Widgets Library

One of the most prominent features of the Elementor is its widgets library. Elementor has as much as 30 widgets. Even if you do not upgrade to the pro plan, you get enough widgets to create a full landing page easily.
The Elementor team keeps adding to the library for both the versions. From heading to the progress bar, you get it all with the Elementor lite as well.
Here is the list of all the widgets available in the free version, there are more in the Pro version. You can also extend Elementor with Elementor addons and get access to even more widgets and templates.

Responsive Editing Power

Elementor page builder does not restrict your designing power to only the desktop version of the website; instead, it allows you to customize your site in all the responsive modes without touching a single line of code. You can simply click on the responsive icon and make the change accordingly without any hassle.

Unique Animation & Motion Effects

Apart from the templates and widgets, Elementor hosts the special effects and animations which gives any website the “designer touch” it needs. Some of those effects are Box Shadows, Background Overlays, Hover Effects, Animations, Shape Dividers, Headline Effects, Gradient Backgrounds, and much more. These effects are enough to make a website look professional and modern. Elementor Motion Effects is an unusual feature that we can’t afford to miss in our Elementor review. It offers a custom library of animation effects to help you build creative layouts with Elementor.

18.1 Design Themes Theme Support

Design Themes Theme Support

All of our items come with 6 months of included support and free lifetime updates for your theme. Once the 6 months of included support is up, you have the opportunity to extend support coverage for 6 or 12 months further. If you choose to not extend your support, you will still be able to submit bug reports via email or item comments and still have access to our online documentation and video tutorials.

Envato clarifies item support here http://themeforest.net/page/item_support_policy

We have an advanced, secure 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.

• Step 1 : Register A User Account : Register a unique username and email address to setup your account. A validation email will be sent to your email address with a link to set your account password.
• Step 2 : Login To Your Account: http://themessupport.com/
• Step 3 : Register your Purchase code : Forum Register Envato Code : Add your purchase code or token key to start creating support tickets..
• Step 4 : Locate Your Purchase Code: Login to your Themeforest marketplace account (themeforest.net) and navigate to the ‘Downloads’ section, or if you have just purchased the Design Themes theme check your email inbox for the Envato email purchase confirmation that does include the item purchase code -> Click here to see the download page.
• Step 5 :  Submit A Support Ticket Move to bottom of the page you can see the : Create New Topic in “Ofiz - Business Consulting WordPress Themes” .

Once submitted, the ticket is added to our support queue. All tickets are replied to by our team in a strict time order, from the oldest to the newest.

We aim to answer all questions within 24 hours.In some cases the waiting time can be extended to 48 hours.Support requests sent during weekends or public holidays will be processed on next Monday or the next business day.