Definitive Addons E-commerce Tutorial(Step by Step)

Note: To Create Store Front Page with Definitive Addons you have to select page attribute – “Business Front Page” and Select header style from – Customize->Site Header Panel->Site Header & Site Icon Section->Site Header Align->Woocommerce Header-1 or Woocommerce Header-2.

Installation

Elementor Page builder & Definitive Addons for Elementor Installation

You can easily install both plugins using TGM plugin in WordPress dashboard. You can also use following approaches as well.

  • Downloadthe Elementor Page Builder plugin
    • Download the plugin
    • Go to your website
    • Go to: Dashboard > Plugins > Add New > Upload
    • Select the downloaded plugin
    • Install
    • Activate

OR

  • Search for the Elementor Page Builder plugin from within your website
    • Go to your website
    • Go to: Dashboard > Plugins > Add New > Search Plugins
    • Search for “ Elementor Page Builder ”
    • Install
    • Activate

Definitive Addons for Elementor Installation

  • Download the Definitive Addons for Elementor plugin
    • Download the plugin
    • Go to your website
    • Go to: Dashboard > Plugins > Add New > Upload
    • Select the downloaded plugin
    • Install
    • Activate

OR

  • Search for the Definitive Addons for Elementor plugin from within your website
    • Go to your website
    • Go to: Dashboard > Plugins > Add New > Search Plugins
    • Search for “ Definitive Addons for Elementor ”
    • Install
    • Activate

WooCommerce plugin Installation

  • Download the WooCommerce plugin
    • Download the plugin
    • Go to your website
    • Go to: Dashboard > Plugins > Add New > Upload
    • Select the downloaded plugin
    • Install
    • Activate
  • Search for the WooCommerce plugin from within your website
    • Go to your website
    • Go to: Dashboard > Plugins > Add New > Search Plugins
    • Search for “WooCommerce”
    • Install
    • Activate

To create a store follow the documentation link: https://docs.woocommerce.com/document/woocommerce-setup-wizard/Click here

YITH WooCommerce Wishlist plugin Installation

  • Download the YITH WooCommerce Wishlist plugin
    • Download the plugin
    • Go to your website
    • Go to: Dashboard > Plugins > Add New > Upload
    • Select the downloaded plugin
    • Install
    • Activate
  • Search for the YITH WooCommerce Wishlist plugin from within your website
    • Go to your website
    • Go to: Dashboard > Plugins > Add New > Search Plugins
    • Search for “ YITH WooCommerce Wishlist ”
    • Install
    • Activate



How to create store front page and Site header?

We are going to create demo site: https://da.themenextlevel.com/ or click here

To Create Store Front Page with Definitive Addons you have to select page attribute – “Business Front Page” and Select header style from – Customize->Site Header Panel->Site Header & Site Icon Section->Site Header Align->Woocommerce Header-1 or Woocommerce Header-2.

Creating Store Front page using Definitive Addons
Creating Store Front page header using Definitive Addons

To create Topbar, header and header media please see our other documentation:

Tutorial Step by Step

E-commerce Tutorial Step by Step

Definitive Addons Tutorial Step by Step

We are just inserting screenshots of customizer to create topbar, header, main menu and header media. If you enter same value you will get same output.

Topbar General Settings
Topbar Text
Topbar Social
Site Header
Site title/ Logo – Here logo is used
Header Media – Slider is used
Primary or main menu
Menu formatting

Elementor and Definitive Addons Part of Store Front Page

Slider header top – three column
Heading with Separator Element
Slider top description – heading with separator element is used but title tag is span