Di eCommerce Free WordPress Theme Documentation


Theme Demo:-

You can visit Demo of Di eCommerce theme here.

Video Tutorials:-

Watch Di eCommerce Free Theme Videos.

Theme Installation:-

Theme installation is very easy and same as you did before.

  • In your WordPress admin panel, go to Appearance > Themes and click the ‘Add New’ button.
  • Type in ‘Di eCommerce’ in the search form and press the ‘Enter’ key on your keyboard.
  • Click on the ‘Activate’ button to use Di eCommerce theme right away.

About recommended plugins:-

Di eCommerce theme will recommend to install some plugins on theme activation. Below are details of these plugins.

  • ‘Regenerate Thumbnails’: To regenerate images accordingly.
  • ‘WooCommerce’: For online selling.
  • ‘Contact Form 7’: To add contact form and other forms.
  • ‘Elementor Page Builder’: For design pages using page builder.
  • ‘Essential Addons for Elementor’: Page builder addons.
  • ‘One Click Demo Import’: To import demo website.
  • ‘Max Mega Menu’: For mega menu.
  • ‘YITH WooCommerce Quick View’: For quick view feature.
  • ‘WooCommerce Wishlist’: For wishlist feature.
  • ‘WooCommerce PDF Invoices & Packing Slips’ for invoices and packing.
  • ‘MailOptin’: For popups, email optin forms & newsletters.

Theme Updates:-

In your WordPress admin panel, go to Dashboard > Updates and follow simple instructions. You will find newer version, when it will available.

Theme Options / Settings:-

  • To find global theme options: In your WordPress admin panel, go to Appearance > Customize.
  • To find individual page options: Please follow section ‘Di eCommerce Theme Options for this page’ on page edit screen.
  • To select correct page templates: In your WordPress admin panel, go to Pages > Add New / Edit. you will find a section called ‘Page Attributes’. Here follow ‘Template’ option.
  • To find individual post options: Please follow section ‘Di eCommerce Theme Options for this post’ on post edit screen.

Importing A Pre Designed Template:-

Elementor is a page builder plugin and also provide feature to import pre designed templates.

1. First of all, make sure ‘Elementor’ plugin is installed and activated. You can install and activate, here: WordPress Admin Panel > Appearance > Install Plugins.

2. Now you can create a new page, here: WordPress Admin Panel > Pages > Add New. Simply give it a title and select ‘Full Width for Page Builder’ template under ‘Page Attributes’ section. Also you can hide ‘Page headline’, ‘Header image’ and ‘Footer widgets’ for this page using ‘Di eCommerce Theme Options for this Page’ section. Now you can save this page.

3. You will see a button called ‘Edit with Elementor’ on same edit screen above editor. You can click on this button. It will open live page builder. Now you can click on ‘ADD TEMPLATE’ button. It will display Pre designed Templates. Simply move your mouse pointer over screenshot and click on insert button.

It will import this template and you can also check it on your website. Now you can edit rows, columns and contents with your contents. Finally you can click on save. It will save this page. Now you can check it or return to Dashboard.

One Click Demo Import:-

This feature uses to import demo website of Di eCommerce Theme.

First of all, make sure ‘One Click Demo Import’ plugin is installed and activated. you can install and activate, here: WordPress Admin Panel > Appearance > Install Plugin.

Also Make sure, Elementor Page Builder, Essential Addons for Elementor and Contact Form 7 Plugins is installed and activated. If you want to sell online, you can also install and activate WooCommerce Plugin.

Now you can import demo website, here: WordPress Admin Panel > Appearance > Import Demo Data.

Header Layouts:-

You can change header layouts, here: WordPress Admin Panel > Appearance > Customize > Di eCommerce Options > Header Layout Options.

Di eCommerce theme have six header layouts so you can display your logo with widgets or logo without widget. you can easily display product search form, banner or similar widget on widgets page.

Logo Option:-

You can easily manage your logo, here: WordPress Admin Panel > Appearance > Customize > Site Identity.

You can also change width of logo using ‘Logo Size’ option inside same ‘Site Identity’ section.

Header Image Option:-

You can set header image, here: WordPress Admin Panel > Appearance > Customize > Header Image.

You can also hide header image from an individual page using ‘Di eCommerce Options for this page’ section on page edit screen.

Typography Options:-

You can find typography options, here: WordPress Admin Panel > Appearance > Customize > Di eCommerce Options > Typography Options.

Typography option includes all Google Free Fonts so you can set your favorite font to page body, headlines, paragraphs, ordered and unordered list. also you can set your favorite font to sections like Top Bar, Footer Widget and Footer Copyright Section.

Social Profile Options:-

You can set link of social profiles, here: WordPress Admin Panel > Appearance > Customize > Di eCommerce Options > Social Profile.

These links will appear in Top Bar section with icon and also these links will be use in Di eCommerce Social Profile Widget.

Blog Options:-

You can find blog options, here: WordPress Admin Panel > Appearance > Customize > Di eCommerce Options > Blog Options.

You can change structure of blog posts page and single post page like moving or hiding post categories, post date, post headline, featured image, post contents, post tags and author box.

You can also change layout of blog page and single post page like post with left sidebar, post with right sidebar and post with no sidebar.

You can also change pagination like next/pre pagination or number pagination and also you can display posts in masonry layout.

WooCommerce Options:-

If you are using WooCommerce plugin, then you can find WooCommerce options, here: WordPress Admin Panel > Appearance > Customize > Di eCommerce Options > WooCommerce Options.

You can enable/disable WooCommerce Top Bar icons like Shop, Cart and My Account. also you can enable/disable Breadcrumbs, Related Products, Gallery Zoom, Gallery Light Box, Gallery Slider and Order Again Button on Order Page.

You can also change number of products on shop page and number of products per column.

You can also choose layout of shop and single product page like products with right sidebar, products with left sidebar and products with no sidebar.

Sidebar Cart Options:-

If you are using WooCommerce plugin, then you can find sidebar cart options, here: WordPress Admin Panel > Appearance > Customize > Di eCommerce Options > Sidebar cart Options.

You can enable/disable sidebar cart feature and also you can change sidecar cart icon position including custom position.

Footer Widgets Options:-

By default, Di eCommerce Theme does not set footer widgets area. you can turn on footer widgets and choose layout, here: WordPress Admin Panel > Appearance > Customize > Di eCommerce Options > Footer Widgets Options.

And then you will able to add widgets according layout, here: WordPress Admin Panel > Appearance > Widgets.

If you have selected two, then you will find two widgets area on widgets page.

Menus Setting:-

You can create and assign menu location, here: WordPress Admin Panel > Appearance > Menus.

Theme Support:-

If you have any question related to Di eCommerce Free Theme, please create a support topic here.

Di eCommerce #PRO is Available:-

Thank you for choosing Di eCommerce Theme
Sincerely,
Di Themes Support Team