Simplicity

Important: This theme was retired in October 2015 and is not for sale. Documentation is no longer being updated.

Installing your Theme ↑ Back to top

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

Simplicity Theme Demo: demo.woothemes.com/simplicity

Checking your theme version ↑ Back to top

You can confirm your theme and WooFramework version by going to: Simplicity > 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.

Homepage Overview ↑ Back to top

Below is a screenshot of the Simplicity home page with each of it’s modules explained. More detailed documentation below.

The Simplicity home page modules explained. You have further customization options in the homepage theme settings panel. For example you can add a widgetized sidebar to your home page.

The home page of Simplicity is largely widget based, with 4 regions available for placement of custom woo widgets in the footer and 1 (optional) sidebar regions. Place widgets in this region under Appearance > Widgets, follow the documentation on placing widgets below under the corresponding documentation.

The featured slider, mini-features, portfolio and testimonial modules can easily be enabled/disabled under Simplicity > Settings > Homepage (more information in the next “How To” section).

The Simplicity theme comes with support for 2 navigational menus. The Primary Menu is located to the right of the logo in your theme header. The Top Menu (not show in the demo) will appear in a strip across the top of the site. To setup your custom menus please go to Appearance > Menus

Featured Slider ↑ Back to top

The unique home page featured slider can be used to display noteworthy content and has it’s own custom post type called “slides” designated to it. This custom post type is hugely flexible in it’s display in the slider. You can have background images for the whole slide, an image left/right aligned to the text, only text, buttons in the text, or content with a video.

simplicity-slider-settings

The Simplicity homepage slider pulls the custom “slides” post type. The number of slides is set under Simplicity > Settings > Homepage Slider. You can set the animation speed, effect, auto start and slide interval under the theme settings.

Adding a slide ↑ Back to top

To add a slide simply follow these steps:

  1. Go to Slides > Add New
  2. Type a title for the slide and complete all of the post body content.
  3. If you want an image to appear as the background to the entire slide upload an image via the Featured Image panel.
  4. Write an excerpt for the feature.
  5. Publish the slide.

 

The recommended image size for the slide background is 960x338px.

If you want the image to show up on the side of your text as in the fourth slide example on our demo, insert the image into the body of your slide like this:

Simplicity-Slide-4

Which looks like this:

Add buttons to featured slide ↑ Back to top

To add a button to a page in the featured area you can use the button shortcode. Here is an example:

[button url=”https://woocommerce.com/”]Click here to take the Tour[/button]

Add video to featured slide ↑ Back to top

To add video to a slide use the Video Embed Code field in the Custom Settings panel and paste embed code you from a video sharing site like YouTube or Vimeo.

Simplicity-Slide-Video-Embed

Mini-Features ↑ Back to top

The mini-features area of the home page can showcase your services you offer, products you sell, or little pieces of information about your company. The mini-features are custom post types just like the slides documented above, so use them exactly how you wish.

Adding the Mini-Features Module ↑ Back to top

The number of mini features depends on how many “Mini-Features” you have published. You can enable the mini-features area on the home page under Simplicity > Settings > Homepage. You can also add two pieces of content from WordPress pages to the home page if you specify the page IDs of the pages you wish to display.

To add an info box simply follow these steps:

  1. Go to Mini Features > Add New.
  2. Type a title for the Mini Features and complete all of the post body content.
  3. Add a “Mini Features Icon” in the Custom Settings panel if you want to display an icon next to the slide.
  4. Add an excerpt
  5. Publish the mini feature.

Remember to enable the mini features area in Simplicity > Settings > Homepage.

simplicity-home-settings

Portfolio ↑ Back to top

This theme includes a portfolio module which can showcase your work or products on both the home page and on a dedicated portfolio page of your site. To add the portfolio you need to follow these steps:

Add the Portfolio link to navigation ↑ Back to top

  1. Add a new Page via Page > Add New
  2. Add a title to the page e.g. “Portfolio”
  3. Select the Portfolio page template in the Attributes panel on the right
  4. Publish your page!
Create new Page > Set ‘Portfolio’ page template.
Create new Page > Set ‘Portfolio’ page template.

Adding portfolio items ↑ Back to top

The portfolio section also uses a custom post type called “Portfolio”.

  1. Add a new portfolio item via Portfolio > Add New
  2. Add a title to the portfolio item
  3. Add a tag to the post if you wish to categorize your portfolio (e.g. “Web” or “Print”)
  4. Add some text in the content to describe the portfolio item
  5. Upload the Portfolio Thumbnail (450x210px) image in the Custom Settings area
  6. Add an URL to an external image or upload a large image which your thumbnail will link to
  7. Publish the portfolio item and repeat for next portfolio item.

 

Upload multiple images per portfolio item

To have multiple images under the portfolio item, enter the rest of the images by uploading image attachments to the Portfolio Item and click Save Changes. You don’t need to click “Insert into Post”.

upload-multiple-images

Setup options ↑ Back to top

To get the latest portfolio items to display on the home page follow the three steps below:

  1. Go to Simplicity > Settings > Homepage.
  2. Enable the portfolio.
  3. Save settings and you’re done!

simplicity-home-settings

Secondary Navigation on Pages ↑ Back to top

As of Simplicity version 1.7, the optional secondary navigation is controlled using a widgetized area called “Secondary”. If no widgets are added to this widgetized area, the secondary navigation neatly hides itself.

To add a navigation menu to this secondary widget area, we’d recommend using either the “Pages”, “Categories” or “Custom Menu” widget to achieve this.

To learn more about how to add Widgets please see our tutorial here: How to Add Widgets

Custom Simplicity widgets ↑ Back to top

The theme includes 8 custom widgets that you can add to any of your 5 widgetized regions – 1 sidebar and 4 footer widgetized regions.

The custom woo widgets included are:

  • Woo – Adspace
  • Woo – Search
  • Woo – Tabs
  • Woo – Twitter Stream
  • Woo – Flickr
  • Woo – Blog Author Info
  • Woo – Embed/Video
  • Woo – Subscribe/Connect

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

Back to the top