Copyright G5Theme 2019

Welcome to Dukaken

Hi,

It’s awesome to know that you decided to purchase Dukaken. No doubts, you will join our happy customers community in seconds! You will build a professional, gorgeous websites easily with this detailed documentation and you will not make any mistake here, you can follow the step by step document. Our theme is based on WordPress platform, so we assume that you have already WordPress installed and ready to go.


introduction

Getting started

Dukaken Fashion WooCommerce WordPress Theme with terrific attention to details and performance. Dukaken includes various kinds of stores such as sport, book, baby etc. With stacks of layout designs, rich theme options and drag & drop content builder elements to create your site in minutes, it is well organized and visually stunning.

Dukaken features 8+ completely different demo and many home pages each demo, cleanly designed demo homepage templates for you to get started. This documentation just a glimpse of what you can achieve by using the theme. And we are just getting started as our designers will continuously add more homepages and custom pages

In this documentation, you'll find information about installing the theme, setting it up properly on your domain and customizing it as per your need; which includes setting up different pages for the site and everything from scratch. No prior knowledge of design and coding is required.

You can follow different topics listed here and follow this step-by-step guide to setup your site with Dukaken. We keep updating tutorial and Support with vital tips (Kindly note, that we cannot provide the support until you specify your envato username by which you used to purchase the theme and Item Purchase Code).

We have prepared detailed user manual in order to ensure smooth and easy work with Dukaken. However, If you have any question that are beyond the scope of this documentation or difficulties with our theme – we will be there for you! Please feel free to contact us via our helpdesk or email and we will get back to you as soon as possible! Thank you so much for purchasing our theme!

We also offer Install Demo Data and site installation service for a nominal price of $20. Most theme installation and setup is done within 1 working day (http://g5plus.net/customize-services/#installdemodata)

Files Included

  • The theme zip file Dukaken-v1.0.0.zip (included WPBakery Page Builder and Revolution Slider plugins)
  • Document in Documentation-Dukaken.zip

Struct look like:

dashboard

Note: You have to upload dukaken-v1.0.0.zip to install theme

Code navigation

Dukaken includes 5 other folders. Please see explanation below for more details:

  • assets: Store less, js, resource default and another plugin for theme. Besides include file for demo data.
  • g5plus: Store template that contains blog and core
  • inc: Store all functions and plugin of G5
  • languages: Store .pot file for translate to another language
  • templates: Store templates for header, footer, archive, comments, breadcrumb.

System Requires

Here, we outline all types of necessary information, and provide you with all the essential details you require for using Dukaken theme. Dukaken can only be used with WordPress and we presume that you already have WordPress installed and ready to go. Please ensure that you are running WordPress 5.0 or higher, PHP7.2 or higher, and MySQL 5 or higher. We have tested it with Mac, Windows and Linux. Below is a list of items you should ensure your host can comply with.

Recommended PHP Configuration Limits

  • max_input_vars = 3000
  • memory_limit = 256M
  • max_execution_time = 300
  • max_input_time = 300
  • upload_max_filesize = 64M
  • post_max_size = 64M

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 our requires

Please consult Check System Status section to make sure your server is set up properly and the theme and content will be loaded correctly. Enough server configuration will also ensure fast speed and increase performance.

You can also consult Troubleshooting articles here for finding out a solution for your issue related to low PHP limits.

Download Dukaken theme

Navigate to Themeforest account and access at Downloads page in the profile. You’ll see the Download button in front of Dukaken theme. After you click it, you’ll get the options to download all files in zip-archive, licenses and purchase code, or installable pack only (We would recommend you to install all files of the theme).

dashboard

Please, unzip the archive on your computer. you’ll get the themeforest-17387412-Dukaken-wp-theme folder. All the information you may need is located in it.

Install Dukaken theme

Install Dukaken theme via WordPress

Step 1 - Login to your Wordpress Dashboard

download

Login to your WordPress Dashboard


Step 2 - Go to Appearance → Themes. Click the Add New button or Add new theme link. (check screenshot below)

dashboard

Goto Appearance → Themes


add new

Click Add New


Step 3 - Click on the Upload Theme button. Locate g5plus-Dukaken.zip and click Install Now.

install

Upload Dukaken theme


install

Install Dukaken theme


Step 4 - Click on the Activate button to activate Dukaken.

In cases where you uploaded the files with other FTP tools, open the Wordpress dashboard and navigate to Appearance → Themes. You can Activate Dukaken from the theme choices there.

manage

Activate Dukaken theme


If you don’t like following through the above mentioned step-by-step or need more instructions, then let’s go to consult our video guide on How to install Dukaken theme with all demo content via WordPress

Video guide on How to install Dukaken theme via WordPress

Congratulations, you have now activated Dukaken! You can now proceed with Dukaken's Plugin Installation.

Installation via FTP

You could consult our video guide on How to install an G5Theme item via FTP

Step 1 - Log into your Hosting server using an FTP client (like FileZilla or WinSCP).

Step 2 - Locate "g5plus-Dukaken.zip" that you found in your ThemeForest Package and unzip it somewhere on your hard drive. Once it is unzipped it will look like a folder named Dukaken with all theme files in it.

Step 3 - Locate your Wordpress installation and upload the theme directory Dukaken (you unzipped in the previous step) into ../wp-content/themes/ in your Wordpress installation.

Step 4 - Click on the Activate button to activate Dukaken. Congratulations, you have now activated Dukaken! You can now proceed with Dukaken's Plugin Installation.

Child Theme

A Child Theme is specifically for developers who are willing to make changes to the critical functions and codes (If you do not intend to go that far, you can ignore this chapter).

IMPORTANT : If you want to edit the templates and functions of a theme, we always advise you to incorporate or install Child Theme and make changes therein. To know more about the need and purpose of creating child theme, visit WordPress Codex on: codex.wordpress.org/Child_Themes.

In the downloaded theme package, you will see materials required for Child Theme named g5plus-Dukaken-child.zip archive. You can install child theme in a similar way as you install main theme.

In the child theme, almost all files from main theme can be replaced. It doesn’t concern or affect only .php-files with templates and basic logics, but also .js and .css files from respective files and folders with images, icons etc,.If you are thinking about changing some functions of the theme or adding new ones, you have to create file functions.php in the g5plus-Dukaken-child folder, and add all requisite functions into it. If our WordPress theme has functions with such names, they will be replaced by yours, if not – your functions will complete the logics of our theme.

If you want to replace some functions from other files (except functions.php), we highly recommend you, NOT to copy-paste respective files into the child theme, but instead create the respective functions in functions.php in the child theme. This should be strictly implemented, so that while updating them, new functions from these files are available for use.

Install Dukaken Required Plugins

All plugins required have been into your download package, so you only need to do is click on the "Begin installing plugins".

You can view this video to install plugins and demo successfully.

Video guide on How to install theme via WordPress

Before you install the plugins, you have two option:

1- You don't need to install the demo data and you can built the page you want by our templates, you don't need install/active G5 Install Demo plugin

2- You need to install the demo data, you need install all require plugins and active theme

install plugins

Begin installing plugins


You should be navigated to the Install Required Plugin page, which shows reqquired plugins list, all you need is clicking on the checkbox beside "Plugin" label to select all plugins in the list, then choose "Install" from the drop-down list at the top and then click "Apply".

install plugins

Install all required plugins


The installing process status will be shown in your browser. It may takes a few minutes, so please be patient. After sucessfull, your screen like that

When the notice "All installations have been completed" appears, click on the "Return to Required Plugins Installer" link to turn back to the plugin list.

install plugins

Click on "Return to required plugin installer" link


Next, click on the box beside the Plugin label again to select all plugins and choose Activate this time as image below.

active all required plugins

Activate all required plugins

WPBakery Page Builder and Slider Revolution are LICENSED to be distributed with Dukaken theme (Template Library is not included with this version of WPBakery Page Builder). So you DO NOT need to PURCHASE any separate license to activate them. We'll continue to provide updated and stable version of all required plugins for the lifetime of Dukaken theme. You DO NOT need to purchase any supporting plugin which is part of the theme bundle.

Ignore the message activate plugin

Please sign-up and log-in to our support site to download the latest version of WPBakery Page Builder and Revolution Slider plugin through this LINK

System Status

System Status help you get important information of Server and WordPress environment without having to check the system status on your server. Please check this page before contacting customer services and asking your server to change the status of the server as we recommended.

From admin dashboard, go to G5Plus Dukaken → System

System Status

Check System Status


You could please consult our guide on How to increase the PHP limits here:

One Click Install demo

With Dukaken, you can build a fully functional website just by clicking a button and install our demo data or click Manually Setup section to build your website step by step. Your Dukaken installation will be set up with what we have on our demo website, and you can use it as a template to develop your own website.

Go to G5Plus Dukaken → Install Demo

Then choose option button to install demo as you want:

Only Setting: Click this button to install only demo settings

Import demo Content in One Click03

Click install button in the demo you want

Install: Click this button to install all settings with demo data of Dukaken

Import demo Content in One Click03

Choose option button to install


You can create a custom URL structure for your permalinks and archives. Custom URL structures can improve the aesthetics, usability, and forward-compatibility of your links. You should ensure that a non-default permalink setting is selected, e.g. Month and name in Settings → Permalinks .Then select Post name and click Save Change

Setup Permalinks


DONE. Now, you can visit your website to view demo (Jewellery Demo)

demo Homepage1

Landing Page

Please go through the Setup Homepage section to learn how to set Front Page and Posts page

Import demo Content via XML file

If you are new to WordPress and have problems with setting up the theme you might want to import the demo content file that comes with the Dukaken. The following actions will import some dummy posts and pages from the live preview:

  • Go to menu ToolsImport
  • Select WordPress from the list

  • demo


  • If you haven't installed the WordPress import plugin, a popup window will appears and ask you to install it. Just click Install Now. When the installation progress is completed, click Activate Plugin & Run Importer. If you have installed this plugin, skip to next step.

  • demo


  • Click Browse and select demo-data.xml file from the download package
    (Example: demo Data on path: wp-content\plugins\Dukaken-framework\assests\data-demo\main)
  • demo


    demo


  • Click Upload file and import
  • demo


  • When you are asked to import author, you can create new author or import to existing author. You also should check the Download checkbox and import file attachments.

Display asked to import author, selected and continue

demo


Once the importing is complete:

  • Go to Settings -> Reading and set the front page to display a “front page” then select one of the demo homepages from the list (the demo homepage uses page "Home 1")
  • Go to Appearance -> Menu and set the menu to the “Main Navigation Menu” theme location
  • Go to the G5Plus Dukaken -> Theme Options and upload/select your logo. Please consult below sections for more details on How to build your own site.

And that is pretty much it, shouldn't take more than a few minutes.

After completing all above steps, open frontend link (Landing Page) to see your result

demo

If you don't want to use the demo content pack, you can read the instructions on how to work with our theme built-in Page Builder below to make your own pages.

Setting a static page as Home

If you installed Dukaken demo Data, you don’t need to create a new Home Page, you just need to choose from the list Home Pages that were automatically created from the demo content, following these steps:

  • Go to Settings → Reading.
  • From dropdown, select which page you want to set as "Front Page" and which page you want as “blog posts” page. Default Front Page is ‘Home’ and default posts page is ‘Blog’.
  • Click Save Changes

Save all your changes!

WordPress Settings

You can adjust WordPress settings as follows:

Step 1 – You can set Site Title, Tagline in Settings → General

 

Step 2 – You can set Blog pages show at most in Settings → Writing

 

Step 3 

If you installed Dukaken Demo Data, you don’t need to create a new Home Page, you just need to choose from the list Home Pages that were automatically created from the demo content. You can select Front Page displays in Settings → Reading. Select A static page and Choose any homepage as you want from the dropdown for Front page

Click Save Changes

 

Step 4 – You can set Discussion settings in Settings → Discussion

 

Step 5 – You can change Image sizes in Settings → Media

We used the following sizes on our demo sites:

  • Thumbnail size: 150 x 150
  • Medium size: 300 x 300
  • Large size: 1024 x 1024

Step 6 – You can set Permalink in Settings → Permalink


Step 7 – You can set Email settings in Settings → WP Mail SMTP

Using WP Mail SMTP Plugin to reconfigures the wp_mail() function to use SMTP instead of mail() and creates an options page that allows you to specify various options.

Video guide on How To Configure Your Mail Client To Use GMail for Outgoing Mail Server


Theme Options

In this section, you’ll view in the document of plugin G5 Core plugin

Page Settings/ Post settings

Page Settings/ Post settings is one of the Dukaken's features that located within each page and post. Page Settings will only affect the individual page you change them on and overrides options set in the Theme Options and Preset (If this page/post applied any preset).


PAGE SETTINGS/ POST SETTINGS

From WP-dashboard, navigate to Page → Add New.

Page Settings

Page Settings that located within each PAGE has 6 sections: Header Settings, Footer Settings, Layout Settings, Page Title Settings, Color Settings, Typography Settings section.


From WP-dashboard, navigate to Post → Add New.

Post Settings

Post/Page Settings that located within each PAGE/POST has 6 sections: Post settings section, Header settings section, Footer settings section and Layout settings section, Color settings section, Typography settings section. This sections are similar the sections in the Page Setting in each page editor, and Post Settings in post editor have more sections for post settings as below:

Post setting

Post Settings

General section in the Post Settings

Header Settings

Page Settings

Header settings in the Post Settings (similar to 'Header ' section in Page Settings)

Footer Settings

Page Settings

Footer section in the Post Settings (similar to 'Footer ' section in Page Settings)

Layout settings

Post Settings

Layout section in the Post Settings (similar to 'Layout' section in Page Settings)

Page title settings

Post Settings

Page title section in the Post Settings (similar to 'Page title ' section in Page Settings)

Color settings

Post Settings

Color section in the Post Settings (similar to 'Color' section in Page Settings)

Typography settings

Post Settings

Typography section in the Post Settings (similar to 'Typography' section in Page Settings)

Slider

Create A New Slider


Video guide on How to create a new Slider

Step 1 – Navigate to Slider Revolution > New Slider.


Step 2 - Of the guide is to choose the type of module you want. You can choose from Slider, Scene and Carousel. There are descriptions below each one to assist you with your choice.




Step 3 - Of the guide is about the size of the module (slider). You have the option of Auto, Full-Width & Full-Screen. Descriptions below the choices explain the differenced to help you sleect the right one.




Step 4 - Of the guide is about respoinsive resizing, and there are three choices. The default is intelligent inheriting. If you are not sure what you want, check out the Support Center at ThemePunch, and remember you can always make changes to the settings later.




When you have clicked the ‘Go to Editor’ button at the end of Step 3, you are taken to the editor interface, with a blank slide. From here you can begin to add your content.


Slider Revolution Interface Overview


Post

In this section, you’ll learn to set up in the document of plugin with G5 Blog plugin

You can view this video for more information



Woocommerce

In this section, you’ll learn to set up in the document of plugin with G5 Shop plugin

You can view this video for more information



Config row / column

Row Settings (General)


Video guide on How to config row

Click on the Edit Row button (Pen icon, top right of the Row). You will see the Row Settings Dialog popup.


Columns gap:


Video guide on How to config column

Equal height:

In order to set columns within row to be equal height you must navigate to row parameter window and check Equal height option to be active. All columns within this row will have equal height and align to the longest column.

Content position:

In order to control vertical alignment of content within rows/columns navigate to row parameter window and select position of content - top, middle or bottom. By default value is set to "Default" meaning it will use Top or any other alternative if defined within your WP theme.

Parallax:

Video guide on Parallax

Show background overlay (Overlay Color)


Step 1: - Select Overlay Type

Step 2: - Click button to select color of background overlay

Step 3: - Set opacity for overlay (0 → 100)

Show background overlay (Overlay Image)


Step 1: - Select Overlay Type

Step 2: - Click button to select image or set background image from Design Options

Step 3: - Set opacity for overlay (0 → 100)

Row ID

Set ID of row (Note: make sure it is unique and valid according to w3c specification)

Row Settings (Design Options)

Video guide on How to setup Row

Managing Columns

Video guide on How to use Full Height Row and Video Background

Once you have the desired number of columns in a Row you can manage each Column's individual settings by clicking on the Toolbar icons of that specific Column. The Plus Icon adds an element to the top of the Column, the bottom Plus Icon adds an elemnt to the bottom of the Column. The Trash Bin icon remove the Column. Access the Column Settings by clicking on the Pen Icon.


Column Settings (General)

Access the Column Settings by clicking on the Pen Icon. The General tab provides with the option.

Extra class name: add CSS classes to your Column if you wish to access it via CSS (can pass more than one divided by a space).


Column Settings (Design Options)

Video guide on How to setup Row

Column Settings (Responsive Options)

Video guide on How to setup Column

Add / Edit Page Elements


Video guide on How to add and edit page element

Adding Page Elements to your Page is pretty straightforward. First you need to have created a new page, added a Row to it and defined your Row Columns (read more in the previous section).

Step 1:Click on one of the Plus Icon within the column you want to add a new element to.

Add New element by click on plus button

Step 2:The Page Elements dialog will appear, click on the element you want to add to your Column/Row.

G5Plus Dukaken shortcodes


Step 3:The Element Settings Dialog of the Element you are adding appears. Customize your element anyway you want, then click Save.

Customize the element you chose


Step 4:Your element is now in the Column you added it to. Once you hover your newly added element you will see a small popup that let's you manage it. You can do the following with your elements:

Move - Drag your element via the Direction Icon to move it around within the Column,Row or Page.

Edit - Click on the Pen Icon to edit your Element's properties.

Clone - Click on the Copy Icon to duplicate your Element.

Delete - Click on the Trash Bin Icon to remove your Element.

Small popup on each element

Template Builder

G5Plus Template Builder is the newest feature on Dukaken WordPress Theme. We have created and classed templates depending on their styles and purpose in order to give the user and smart interface to easily find the templates that fit their needs. By using templates you will be able to save tons of time in case you need to use the specific layout on and on - all you have to do is select the template you want and add to your page

You can consult our video guide on How to create page with Template for more details


All pre-built templates in Dukaken

Image guide on How to use G5Plus Template Builder


Use Element Templates

We can use Element Templates that were saved in any post types that enable WPBakery Page Builder (ex: post/page)

Clicking Add Templates button in WPBakery Page Builder Editor will open panel with list of available templates and input field where you can enter name for your new template.

G5Plus Dukaken tab is list of existing pre-built templates. When you want one of your existing templates to be appended to the current page, simply click that template's title.

You can visit official WPBakery Page Builder documentation for further details.

Content Block

In this section, you’ll learn to set up in the document of plugin with G5 Core plugin

You can view this video for more information.


MailChimp Settings


Video guide on How to config mailchimp

Step 1After install all required plugins, "MailChimp for WP" will be added into the navigation menu on the sidebar. Go to MailChimp for WP → MailChimp Settings to setup:

Step 2 - To connect your MailChimp account you will need to enter your API keys into the necessary field. The plugin provides a convenient link, below the field, which will direct you to the API key in your MailChimp account. You must be logged in to your MailChimp account for the link to work as expected.

Step 3 - Once the API key is added and the changes saved, your list information will populate in the "MailChimp Data" area.

Step 4 - Forms Settings

Step 5 - Click MailChimp for WP → Forms, you can create and customize the HTML for the signup form to place within your Wordpress site.

Step 6 - Adjust messages shown when a form submission is complete as well as any error messaging.

Thank you for purchasing our theme

We have prepared detailed user manual in order to ensure smooth and easy work with Dukaken. However, If you have any questions that are beyond the scope of this documentation or have any troubles configuring your website applications with the above settings you can contact the G5Theme Support Team by signing up and submit a new topic. G5Them Support Team will be glad to assist you.

Please create topic here: https://sp.g5plus.net/. Thanks so much for purchasing Dukaken!