How To

Setting Up Definition

Welcome to our theme we call “Definition”. “Definition” is a clean and clear theme for everyone who loves producing content. It’s a perfect business theme, WooCommerce theme, and is suitable for blogging as well, all rolled into one package! Not to mention it supports a few of our popular plugins, WooDojo & WooSlider, while also helping to introduce two new ones to you. We’ll cover those later, for now let’s walk through the homepage setup.

Definition’s homepage can be setup in two ways. Either the standard module based setup, or you can have it be widgetized. Going widgetized lets you re-order any of the modules below the slider on the homepage using our included “Woo – Component” widget. Or you can use any widget available to you on the homepage.

Setting up widgets is as easy as dragging and dropping widgets into the “Homepage” widget area on the “Appearance > Widgets” screen, but let’s go over using the modules and how to enable those.


There are three menu locations included in this theme:

Setting Up The Search Bar

At the top you’ll find our usual header areas for a logo, a top navigation, and a main navigation. We have documentation on creating menus below. One other thing to talk about in the header is the search bar. There is the option to turn off/on the search bar in the header if you desire. This search bar can also be setup to search through the website content, or your product catalog, if WooCommerce is activated. By default, it searches through your website’s content.

Definition Search Options

If you’d like to have an all inclusive search bar, we recommend checking out either Relevanssi or Search Everything to add this functionality.

Setting Up The Slider

We have our standard “slide” post type built into this theme that helps power the homepage slider. It’s as simple as creating a few slides and choosing your settings to get up and running with your slider. Let’s first run over the slider’s options

Definition Slider Settings

In the first set of options under the slider content you’ll see some important options. Of most importance is the “enable” option. If you want to use the slider you will need to check this checkbox. The second most important option to understand is the number of slides. Here you will want to select a number that matches at least the number of slide posts you have created. For example, if you select to feature 3 slides you need to have, at the minimum, 3 slides created.

A new part of this “slide” post type is the slide group. It’s an easy way to organize your slides, and is important if you wanted to create slides that belong to different sliders. This comes into an important role with the theme’s integration of WooSlider. To provide an example, if you had our WooSlider plugin activated with “Definition”, you would be able to create and select a slide group to use in the slider on the homepage. No extra coding required! This let’s you create a second slide group and use a WooSlider shortcode to create a second, separate slider in a post or page.

Definition Slider Settings

The second screen of slider options under slider settings control more of the sliders timing. Those options are fairly self explanatory.

Definition Slider In Action

To add a slide follow these steps:

  1. Go to Slides > Add New.
  2. Type a title for the slide and complete all of the post’s body content. You can embed buttons and images here as well.
  3. If you want to use a video simply past the embed code in the proper box under the Custom Settings
  4. Choose a Slide Group if appropriate.
  5. Publish the slide.

Setting Up The Content Area

The content area is featured in some of our other themes, and is a way to add a page’s content or blog posts to the homepage. To first set this up you’ll want to visit the Homepage > Setup screen and enable the Content Area.

Enable The Content Area

Then on the Homepage > Content you can setup the page content you want to show on the homepage, or the blog options you have here to show your posts.

Content Settings

Setting Up The Featured Products Area

Definition comes with WooCommerce integration included. The only thing you need to do to make this work is make sure our WooCommerce plugin is activated and checkout some of the theme’s options to set it up as you’d like.

You can turn on and off the cart link in the header, as well as set a custom placeholder for products without images. You can set your shop page to be full width as well as set how many product columns, and even the amount of products per page.

Finally you have the option to show or disable both the product tabs and related products.

Definition WooCommerce Settings
Definition WooCommerce Settings

Setting Up The Features

Definition is the first of our themes to have integration with our new “Features by WooThemes” plugin. If activated, the plugin will show up automatically on the default homepage.
[insert name=”docs-features-plugin”]

Setting Up The Testimonials

Definition is, as well, the first of our themes to have integration with our new “Testimonials by WooThemes” plugin too. If activated, the plugin will show up automatically on the default homepage.
[insert name=”docs-testimonials-plugin”]

Customised Login Screen

Definition comes bundled with a custom login screen to compliment the theme’s design.

"Definition" login screen

It’s possible to customise the logo via the “Branding” section of the “Framework Settings” admin screen, or using WooDojo‘s Login Branding feature.

All styling for the login screen can be found in the “css/login.css” file.


Custom Definition Widgets

The theme includes 7 custom widgets that you can add to any of your widgetized regions. Definition also includes styling for many of our WooDojo widgets.

The custom Woo widgets included are:

[insert name=”adding-widgets”]

Page Templates

[insert name=”page-templates”]