• Theme Version: 1.0.0
• Created: 19-5-2021
• Latest update: 19-5-2021

Thank you for purchasing our theme. In this document, we provide all kinds of good information with all the details you need to use our theme. We hope you have fun and enjoy working with our theme. If you need more help, please feel free to open a ticket on our support center.

If you are not familiar with WordPress, please get accustomed with it before proceeding to using our theme. Here are some links that will help you to become more confident with WordPress:

• First Steps with WordPress: http://codex.wordpress.org/First_Steps_With_WordPress
• Explanations on most common WordPress terms: http://en.support.wordpress.com/lexicon/
• Best WordPress-related articles for Web Developers: http://net.tutsplus.com/articles/web-roundups/top-50-wordpress-tutorials/
• WordPress Optimization: https://codex.wordpress.org/WordPress_Optimization

Requirements

To run WordPress your host just needs a couple of things:

• PHP version 5.3 or greater (recommended: PHP 5.4 or greater)
• MySQL version 5.0 or greater (recommended: MySQL 5.5 or greater)

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_input_vars = 5000
• memory_limit = 512M
• max_execution_time = 600
• max_input_time = 600
• upload_max_filesize = 64M
• post_max_size = 64M

Compatibility

Our theme is compatible with these browsers:

• Chrome
• Firefox
• Safari
• Microsoft edge

Wordpress Core

You download and install WordPress version 4.8 or later

Theme Package

To download, you need to log into your ThemeForest account and go to your http://themeforest.net/downloads page. Locate the theme that you purchased in your Downloads list and click on the Download button

If you download All files & documentation, you will unzip it. Then, you find the installable file inside.

You can also download only the Installable Wordpress file.

After registered purchased code, you will get a notification about installing the required plugins. You go to Appearance > Install Plugins to install them.

Manual import

We can import content for projects, contact form,..

Login to your WordPress dashboard, navigate to Tools - Import. Click on WordPress link on the table then click Install Now button on popup window to install WordPress Importer.

Click on Activate Plugin & Run Importerlink to begin

Click "Browse..." button and select XML files in "sample-data/exported_files" folder. :

• all-content.xml: This is exported of many content, includes posts, pages, products, contact form, menus. You can ignore this file if you website has already content.

Click on Upload file and import button

On the next interface, select existing user on dropdown, check on Download and import file attachments to download sample images.

Click on Submit button to import.

All the content blocks are for sample, after importing finished, you have to edit them. Go to Content Blocks menu to see all, click on each block to edit.

If the process Import Data fails , you can import the data again

Puik import

We can import all content, slideshows, widgets, mega main menu settings, theme options, menu localtion by only one click.

The menu items can not be imported, so we must add them by manual in Appearance > Menus follow Menu document section.

Note

You must reload page after import finished.

When finish import data, you must go to page manage and edit home page all product category blocks and re-setting to new category ID.

Manual Update

Follow the steps below to manually update the theme:

1. First, you download the new theme package from themeforest. You have to log into your themeforest account and navigate to Downloads tab. You find the Puik theme in your purchased themes list.
2. You can delete the current theme. Don't worry about this. Your data won't be lost.
3. You upload the new theme package via Wordpress or FTP software.

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

Newsletter Popup settings

To manage widgets, you go to Appearance > Widgets. Just drag and drop widgets over to the sidebar.

Puik comes with many custom widgets and 5 sidebars. You can also easily add a new sidebar.

Click on "Browse..." or Choose File button then select Puik-widgets.wie, click on Import Widgets to finish.

The header is probably one of the first things you will want to setup. It includes the logo, favicon, menu and other things. The following sections will explain how to set up and customize header.

you can customize the header , footer , logo to each page in config

To set up your header, you go to Appearance > Theme Options > Header tab. In there, you can choose the Header layouts, configure your breadcrumb and other options.

If you want to customize the theme, you should create the child theme before making any changes. Please note that you have to install the required plugins before activating the child theme. Otherwise, you will get an error if you install the plugins in Appearance > Install Plugins page.

You can find the sample child theme package (Puik-child.zip file) in your downloaded file (you have to download All files & documentation).

Follow the steps below to override header template:

1. Copy the template file from the parent theme folder to the child theme folder
2. Edit the template file in the child theme folder

Puik allows you to create unlimited footer layouts

Admin page-> Themes Options-> Footer

Footer layouts : Puik include only layouts footer.

How to Edit Your WordPress Footer, the New Way

• Go to WordPress Dashboard > Puik Blocks

you can customize the header , footer , logo to each page in config

Login to your WordPress dashboard, navigate to Appearance - Menus, create menus for this theme. If you are a WordPress beginer, you can read Menu document to know how to work with Menu.

Before creating a new menu, you can Create some Pages for portfolio, contact, blog, shop... this will help you create menu quickly.

Primary Menu

Select Main Menu to edit, Click to Primary Menu and Mobile Menu, Save Menu to finish

The Primary menu has a complex structure, with many levels of sub-menu. Create your own menu structure by drag and drop to make sub menus.

Now we need active Mega Main Menu for Primary Menu

Click on Mega Main Menu link

Check on primary then click on Save All Changes button.

Click to open layouts Options for primary, topmenu and

Uncheck on "Company Logo" and "Searchbox"

Check this option to make the menu sticky. Incompatible with the "Vertical" menu. Sticky do not working on mobile devices. If the menu will be is sticky on mobile devices when you open it - you can not click on the last item, because it will always be outside the screen.

Now go back to edit Primary Menu

To make a menu item has sub menus in multiple columns, click on menu item to open menu item settings and select Submenu Type is Multicolumns Dropdown, select Side of Dropdown Elements and Submenu Columns.

Label Description

Vega menu categories

Puik comes with Elementor plugin and powerful. The following sections will explain how to create a new page and make it look like our demo. If you use our One Click Import Demo functionality, you can ignore this.

Setting up a home page

Page config

you can customize the header , footer , logo to each page in config

Use this plugin to make the newsletter sign up form on footer. Navigate to MailChimp. Click on Thanks! Now take me to MailPoet. to start using this plugin. Click on Settings link

Navigate to YIT Plugins -> Compare.

Navigate to YIT Plugins -> Wishlist.

Navigate to YIT Plugins -> Magnifier.

Go to Projects - Add New to create a new page for portfolio/projects, only enter page title and click "Publish" button.

Go to Projects - Settings, select "Projects Page" in dropdown and click "Save Changes" button. Click on "Images" tab to set image size like this

Elementor will help you manage your content at the WordPress sites and build any layouts you can imagine in few minutes without coding. You can read Elementor Documentation to get more details.

Puik includes the popular Revolution Slider Created By ThemePunch. This slider is 100% responsive and has many amazing options. In the following sections, you will know how to add a new slider and how to show it in frontend. This is its own documentation. You can read to get more information.

Please note that you do not purchase directly Revolution Slider plugin. So you can not update it by yourself. It is also not recommended. When it has a new version, we will be careful to test and release the new theme's version. If you see the notification below, you can dismiss it.

Follow the steps below to add a new slide to your sliders:

1. Click on the pen icon to edit your slider as the screenshot
2. In Slider Editor, hover your mouse over the Add Slide box and choose one of the options listed below
• Add Blank Slide: create a new slide with default settings
• Add Bulk Slides: create multiple slides at once, based on a selection of media gallery images of your choice
• Add From Template: add the plugin's default templates or your templates

There are three ways to use Revolution Slider

Assign a slider from the Page Options section

Add slider from Elementor content element list

Puik theme is fully compatible with the latest version of WooCommerce plugin. We customized and added many features, shortcodes and widgets for this plugin. In the following sections, you will know how to install and set up WooCommerce plugin. You can also refer WooCommerce Documentation to get more information.

There are 2 ways to add WooCommerce pages

1. After activating WooCommerce plugin, you will get a notification as the screenshot below. Simply click the Install WooCommerce Pages button to create all WooCommerce pages
2. Use the WooCommerce shortcodes. You can get them here

To set up WooCommerce, you go to WooCommerce > Settings in admin panel.

Product Options

Product Data

1. Adding a product on sale and a deal:
   • With the Simple Product, you select General tab. You add a Sale Price and click the Schedule button to set up date.
   • With the Variable Product, after setting up Product Attributes in the Attributes tab, you can go to the Variations tab and add New Variation. With each Variation Product, you also click the Schedule button next to the Sale Price field. Please note that product only displays the time of first Variation Product.
2. Adding Additional Information: You go to the Shipping tab. You set value of Weight and Dimensions options. You can change the unit by going to WooCommerce > Settings > Products tab
3. Enable/Disable Product Review: You go to the Advanced tab. You will see Enable reviews option. Just check/uncheck it.

Puik comes with several shortcodes which can be used to display your content. To use our shortcodes, you go to page editor and change to Elementor canvas. Click on the Add Element button to open Elementor elements list and change to Theme-Sky tab.

• Brand Logos: Setting brand logos.
• Specify Product: Create list, grid slider for products.
• Product Category: Create list, grid slider for products tabs.
• Puik Testimonials: Setting testimonial option.
• Blog post: Setting blog post.

In this all field except MailPoet : We can setting title,Number of columns,Number of row, select option show: Grid or Carousel, Add Extra class name, Set Columns count desktop small, set Columns count tablet small , set Columns count mobile, Margin: set spacing between intems.

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.

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 use a Child Theme?

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

Come together with The WooW, these plugin are recommended to install and active for flexible use.Below are the source for documentation and support of each plugin.

Slider Revolution

The WooW is completely compatible with Slider Revolution. Its intuitive interface with diversified options and effects will be good choice for you slider. If you plan to use Slider Revolution Plugin for you site, check out these source:

Slider Revolution Wordpress Plugin Documentation for user guide to use the plugin.

Slider Revolution Form Support  for support upon issues of the plugin.

Slider Revolution FAQs for questions about the plugin.

Woo Commerce

The WooW works compatibly with Woo Commerce, allows you to create your online shop. If you plan to use Woo Commerce Plugin for your site, check out the source:

Woo Commerce Plugin Documentaion for user guide to use the plugin.

Woo Commerce Plugin Community Forum for support upon issues of the plugin.

Woo Commerce Knowleadge Base for question about the plugin

Elementor

The WooW  works well with Elementor, the popular drag and drop page builder plugin with intuitive interface to build your content at ease. If you plan to use Elementor Plugin for your site, check out these source.

Elementor WordPress Plugin Documentation for user guide to use the plugin

Elementor WordPress Plugin Support System for support upon issues of the plugin

Contac Form 7

The WooW is fully compatible with Contact Form 7, the free form plugin recommeneded to create a nice form for your site. If you plan to use Contact Form Plugin for your site, check out these source.

Contact Form 7 Plugin Page for basic information about the plugin.

Contact Form 7 Plugin Documentation for user guide to use the plugin.

Contact Form 7 Plugin Support Forum for support upon issues of the plugin.

MailChimp for WordPress

MailChimp for WordPress Plugin Support for support upon issues of the plugin.