1. Documentation
  2. Themes
  3. Definition

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!

Note: This product has been retired and is not for sale. Documentation is no longer being updated.

Setting Up Definition ↑ Back to top

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.

Installing your Theme ↑ Back to top

To learn how to install your theme please reference our documentation here: Installing a Theme

Checking your theme version ↑ Back to top

You can confirm your theme and WooFramework version by going to: Definition > Framework

Activate your Theme Key ↑ Back to top

After you install your theme, be sure to activate your theme key by downloading and installing the WooCommerce Helper plugin. This will verify your site when contacting support and will enable 2-click updates for quick theme upgrades down the road.

Updating your theme

It is very important to ensure you have the latest version of your theme at all times. This is the best way to proactively troubleshoot issues on your site.

Please reference the WooCommerce Helper Documentation to learn more.

Setting Up The Search Bar ↑ Back to top

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.

Go to: Definition > Settings > Layout > Header

Screenshot on 2014-07-01 at 15-32-51

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 ↑ Back to top

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

Go to: Definition > Settings > Featured Slider > Slider Content

Screenshot on 2014-07-01 at 15-35-31

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.

Go to: Definition > Settings > Featured Slider > Slider Settings

Screenshot on 2014-07-01 at 15-39-43

 

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 ↑ Back to top

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 go to:  Definition > Settings > Homepage > Content and select how you would like your homepage to be set up.

Screenshot on 2014-07-01 at 15-49-47

Setting Up The Features ↑ Back to top

To enable the Features homepage content:

  1. Download, install and activate the Features plugin.
  2. Go to: Definition > Theme Options > Homepage > Homepage Setup
  3. Select Enable Features.
  4. Save all Changes.
  5. Go to: Features > Add New.
  6. Add a Featured Image.
  7. Publish.
  8. Repeat to add a minimum of 3 Features to properly fill the homepage region.

Setting Up The Testimonials ↑ Back to top

To enable the Testimonials homepage content:

  1. Download, install and activate the Testimonials plugin.
  2. Go to: Definition > Theme Options > Homepage > Homepage Setup
  3. Select Enable Testimonials.
  4. Save all Changes.
  5. Go to: Testimonials > Add New.
  6. Add a Featured Image or email linked to a Gravatar email account. Featured image will override the Gravatar image.
  7. Publish.
  8. Repeat to add a minimum of 2 Testimonials to properly fill the homepage region.

Screenshot on 2014-07-01 at 15-46-21

 

Setting Up The Featured Products Area ↑ Back to top

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.

Go to: Definition > Settings > WooCommerce:

Screenshot on 2014-07-01 at 15-56-57

Customized Login Screen ↑ Back to top

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

“Definition” login screen

With the WooFramework Branding plugin installed and active, It’s possible to customise the logo via the “Branding” section of the “Framework Settings” admin screen.

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

Widgets ↑ Back to top

Custom Definition Widgets ↑ Back to top

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

The custom Woo widgets included are:

  • Woo – Adspace
  • Woo – Search
  • Woo – Flickr
  • Woo – Blog Author Info
  • Woo – Embed/Video
  • Woo – Subscribe/Connect
  • Woo – Component

WooCommerce - the most customizable eCommerce platform for building your online business.

  • 30 day money back guarantee
  • Support teams across the world
  • Safe & Secure online payment