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
If you’re working on localhost (your PC), we recommend you to use XAMPP as the best Apache for WordPress CMS.
Hosting / Server
- WordPress 3.8 or higher
- PHP 5.3.29 or higher
- MySQL 5.0 or higher
- Apache mod_rewrite module must be enabled
This theme is tested under Mac, Windows, and Linux. Compatible Browsers: IE9+, Firefox, Safari, Chrome, Opera
Option1: Quickstart installation with dummy data like the demo (only available in PROs version)
* With PRO versions, you can download the Quickstart package which you just install to get theme and sample data like our demo site, access all template features. So, you just replace the demo content with your content to save development time.
After you buy the PRO version, you can log in to the Customer Area and you will see four packages includes:
- Theme Install Package (PRO): ‘[theme-name]-wordpress-theme-install-package.zip‘
- Dummy Package (Data like demo): ‘[xxxxxxx]-wordpress-[theme-name]-[xxxxxxx]-[xxxxxx]-[xxx].wpress‘
- Import Dummy package Guide
To better understand the process you can Install By Quickstart Package view detailed instructions Install quickstart package
Option 2: Install Theme style package
Before installing the Theme Install Package, you must make sure that you have installed WordPress. You can download the latest version of WordPress here.
Install Theme Package: Theme package use for a new website that you want to build content from zero without sample data, or using for your website with existing data. After unzipping the download file, please install it via “Appearance”
Step1: Login to your WordPress admin page (normally it’s http://yourdomain.com/wp-admin/).
Step 2: Navigate to Appearance > Themes.
Step 3: Click the “Add New” button, click to ‘Upload Theme‘ and browse file ‘[theme-name]-wordpress-theme-install-package.zip‘.
Click “Install”, then click “Active” new Theme and it’s ready to show. Go to front-end, you will see changes on your website. If you installed on the existing website, just go to Menu, re-pick a new menu location, and reput widgets.
You can put Logo, custom widgets, etc via Appearance > Customize. See more on the “Theme Customization” part below.
For layout builder, we recommend you with Elementor Page Builder plugin, just download the FREE version and install it via Plugins > Add New, then you can build a page layout easily.
For building a shopping cart website, you just download the WooCommerce plugin and install it via Plugins > Add New.
Using the WordPress Customizer, you can edit your theme options and preview the changes before publishing them to your live site.
Once you’ve activated a theme, you’ll see several default WordPress settings in the customizer. The available settings will vary depending upon which theme is activated.
To get started, go to Appearance > Customize to access the customizer. Once the customizer is open, you’ll see a menu on the left and a preview of your site on the right:
The customizer menu on the left side shows the various options that are available for editing in your theme. You can choose from options such as colors, background images, menus, and more. The exact options available depend upon which theme you’ve activated.
On the right side, you’ll see a live, interactive preview so that you can test each option in your theme. All changes will appear as you select them.
To see the settings available within each option, click the title to open the expanded view. Remember, the available settings will be different for each theme.
- To see the interactive preview in full-screen mode, click the Collapse triangle at the bottom of the menu on the left side.
- When you are finished making all your changes, click Save & Publish. If you decide you do not want to save the changes you’ve made, click the X to close the editor and dismiss your changes.
Let’s go over some of the common options available in the customizer.
Custom Color Variables
With the Custom Color Variables settings in the WordPress customizer, you can change the default colors that are used throughout the theme globally & in one place. You can set the color for the header menu, menu, sub-menu, footer, and copyright. Define your project/brand colors in one place and keep everything nice & organized.
Typography plays an important role in the design. Beautiful fonts create a better user experience, increase engagement, and boost time users spend on your site.
Typography allows you to tweak typography to suit your needs. You can use Google Fonts in our theme. You can change typography on your site without writing any code. It also allows you to control the typography on your WordPress site by adding a Typography tab in the theme customizer. Using the typography tab, you can change fonts while viewing a live preview of your changes. You can select font sizes, colors, padding, border, and much more.
You can set your site title, tagline, and upload your site icon (favicon) or upload the logo here. If you have activated a theme that doesn’t include the Header Image setting (see below), you can also choose whether you’d like to display an Image logo or Dynamic text for your site title. Almost all our child themes do include the Header Image setting. Particularly with this theme, we have uploaded the logo for the site by the widget.
You can create and edit menus, as well as manage their location, within the Customizer. The available menu locations will depend upon which theme is activated on your site.
Click Menu Locations to see the available locations in your theme.
Use the drop-downs to select a navigation menu to display in each available location. Or, if you prefer, you can set both locations to “Select” (in other words, turn them off ) and use a Custom Menu widget in a widget area instead.
Click Add a Menu to create a new menu. Alternatively, you can click on the name of an existing menu to edit it.
– Give the new menu a name and click Create Menu.
– Click Add Items to begin adding links to the navigation menu.
– Click the titles to open the expanded view of the options or use the search field to locate items for the menu. When you’re finished adding all the menu items, click Save & Publish to preserve your settings.
Some themes offer unique widget areas where you can add widgets to display important information. The exact widget areas available will depend upon which theme is currently active on your site.
Click on any available widget area to open a new panel where you can add and configure widgets ( Text, Image, Post …)
In the newly open panel, click Add a Widget to display the available widgets you can add.
You’ll see a list of all the available widgets. Click directly on any widget you’d like to add. Scroll down the list or use the Search widgets box at the top to locate the one you’d like to use.
Note: You can click the Collapse link at the bottom corner of the screen to temporarily hide the
Customizer and preview your changes in full-screen mode.
After selecting a widget, you can configure it however you’d like and then click Save & Publish to preserve your changes.
You can also click Reorder to rearrange the widgets into the order you prefer or to select a new widget area to move the widget into.
Click Done when finished and then click Save & Publish to preserve your changes.
Home Page Settings
The default setting for the front page is Your latest posts. This setting allows you to display a blog-style front page. You can, however, select any page in your site to be displayed as the front page instead of your latest posts.
If you select A static page, you can select which existing page on your site will be displayed on your front page.
You can also select which page will display your blog posts. This page should be different from the one you’ve selected for the static front page and should not be set to use the Blog Page template.
PLEASE NOTE: If your theme uses the front page to display widgets, the widgets will be displayed regardless of which setting you choose here. If you prefer to display your latest posts or a static page on your front page, you’ll need to remove all widgets from all front page-related widget areas.
Add your own CSS code here to customize the appearance and layout of your site. Learn more about CSS(opens in a new window)
When using a keyboard to navigate:
- In the editing area, the Tab key enters a tab character.
- To move away from this area, press the Esc key followed by the Tab key.
- Screen reader users: when in forms mode, you may need to press the escape key twice.
The edit field automatically highlights code syntax. You can disable this in your user profile(opens in a new window) to work in plain text mode.
This is ‘Posts‘ in WordPress and you can use it to build a blog for your page.
– Go to Posts > Add New to add a new post. You can add various types of items to your post: Video, Audio, Gallery, Quote.
Using Elementor Page Builder
A WordPress page (not a post) can be configured to use a template by selecting an available template option Page Attributes section in the right sidebar of the page editor screen.
It’s about time for a live page builder, with no limits of design. A page builder that delivers high-end page designs and advanced capabilities, never before seen on WordPress.
Never again work on the backend and guess what the frontend will look like. With the Elementor page builder, you edit the page and simultaneously see exactly how it looks like. Elementor features live design & inline editing, so the whole process of writing and designing is done directly on the page, with no need to press update or go to preview mode. It also works perfectly with or without Gutenberg. Blocks are pre-designed section templates that can be easily combined into any page. Blocks include a variety of categories: services, testimonials, call to action, and more. Save and reuse Elementor templates on different pages, or export them to a different website with a click. With Elementor’s unique features, you can create websites that have that certain ‘designer touch’. Among our page builder features are Box Shadows, Background Overlays, Hover Effects, Headline Effects, Animations, Shape Dividers, Gradient Backgrounds, and much more.
For more detailed information, please visit https://docs.elementor.com/ for demo, extensions, documentation, and other goodies to enhance your store.
You can download Elementor (FREE) and use it with our theme.
Smart Slider 3
Smart Slider 3 is the most powerful and intuitive WordPress plugin to create sliders that were never possible before. Fully responsive, SEO optimized and works with any WordPress theme. Create beautiful sliders and tell stories without any code. A beautiful interface makes creating slides fast and efficient. The complete freedom to build what you want, the way you want. Edit your slides as you used to in page builders. Drop layers after each other and structure them with rows and columns. Enhance your slider with the layers and make your site even more unique and grandiose. Every heading, text, image, button, and video can be edited easily with the customization options. Change all the details that really matter in typography and style.
For more detailed information, please visit https://smartslider3.helpscoutdocs.com/ for the demo, extensions, documentation, and other goodies to enhance your store.
We’re using WP Forms to build form layouts and features.
– This plugin is used to create powerful & flexible contact forms for your site.
– For more detailed information, please visit https://wpforms.com
This is a powerful plugin for managing your store. It has a lot of functions that required to run your store effectively.
For more detailed information, please visit http://www.woothemes.com/woocommerce/ for a demo, extensions, documentation, and other goodies to enhance your store.
Go to Admin > WooCommerce: settings for the WooCommerce plugin.
Go to Admin > Product: to add/edit products for WooCommerce.
To remove Copyright, go to Appearance > Widget. At here, please delete or edit the widget Custom HTML on Copyright.
Third-party Build-in Document
Smart Slider 3 https://smartslider3.com/
WP Forms https://wpforms.com/
Elementor Page Builder https://elementor.com/
Font Awesome http://fortawesome.github.io/Font-Awesome/
Bootstrap CSS http://getbootstrap.com/
WordPress CMS https://wordpress.com/
If you have any pre-questions before go to PRO version, please feel free to chat via Live Chat or direct Contact Us!
Ticket Support System
* Get PRO version of template and you will have 1 year for support service with unlimited ticket requests.
If you’re using the PRO version, and want to get theme style, all features, and sample data like a demo, we provide Install Service that you can order it! BTW, PRO UNLIMITED version comes with Free Install Service, so you should buy this package version to get Install Service for FREE and save money!
For any custom development service, you can request via Contact Form, then our developer estimate time and cost for your project.
Fresh new template request
You can request full new template for your website. Cost for private template and use for website start from $1000, and you can use template only for your website, we do not sell it on our website or any marketplaces.