1. Documentation
  2. Themes
  3. Swatch

Swatch

Important: This theme was retired in February 2014. Documentation is no longer being updated.

Home page layout ↑ Back to top

The screenshot shows the Swatch home page with each of its modules explained.

The home page of Swatch is largely widget based, with three regions available for placement of custom Woo widgets below the mini-features module, and 0-4 regions in the footer.

The featured slider can be enabled/disabled under “Homepage Slider” theme options.

The Swatch theme supports two menus. The Primary Menu is located below the theme header. The Top Menu appears in a strip across the top of the site.

Setting up the Featured Slider ↑ Back to top

The unique home page featured slider can be used to display noteworthy content and has its own custom post type called Slides. The slider uses custom post images for the background image, and then shows the the title and content in a caption.

Swatch ‹ WooLocal — WordPress

The home page slider pulls the custom Slides post type. The number of slides, animation speed, effect, auto start and interval are set in the “Homepage Slider” theme options panel.

Adding a slide

  1. Go to Slides > Add New.
  2. Enter a title and the body content.
  3. Add an “Image” in the Custom Settings panel if you wish it to appear as the background image. Alternatively, add it in the content if you wish it to appear within text content.
  4. Publish.
Adding a slide.
Adding a slide.

Setting up the Portfolio ↑ Back to top

This theme includes a portfolio module that showcases your work or products on the home page and on a dedicated portfolio page of your site.

Add the Portfolio link to navigation ↑ Back to top

  1. Go to: Page > Add New.
  2. Enter a title, i.e., “Portfolio”.
  3. Select the Portfolio page template in the Attributes panel on the right.
  4. Publish.
Setup a portfolio page template.
Setup a portfolio page template.

Change the size of portfolio images on the archive page under the “Portfolio Settings” theme options panel. You also have control over whether portfolio items appear in your site’s search results.

Adding portfolio items ↑ Back to top

The portfolio uses a custom post type called Portfolio.

  1. Go to: Portfolio > Add New.
  2. Enter a title.
  3. Add a tag to the post if you wish to categorize (e.g. “Web” or “Print”).
  4. Add text in the content as a description.
  5. Choose whether you want your portfolio page to have a sidebar, or appear full-width, under layout.
  6. Upload a Portfolio image in the Custom Settings area.
  7. Publish.
Add New Portfolio Item ‹ WooLocal — WordPress
Adding a portfolio item.

Upload multiple images per portfolio item

To have multiple images under the portfolio item, enter the rest of images in the post body by selecting Add Media > Create Gallery and which pictures you want to add.

Screenshot on 2014-05-07 at 17-01-12
Using multiple images for a portfolio item.

Setting up the Blog ↑ Back to top

To create a dedicated blog page you need to create a new page and then assign the Blog page template to it. It need not have any content.

Then go to Appearance > Menus page and add a menu item to your navigation so visitors can easily access it.

Setting up Mini-Features ↑ Back to top

Mini-Features can be used to highlight your business or website’s key features. They will then appear under your home page slider as seen on our demo.

To add Mini-Features, go to Mini-Features > Add New. Give your mini-feature a title, add content to be displayed if a user navigates directly to the mini-feature page, a mini-feature excerpt and icon (optional).

Adding a mini-feature for the homepage.
Adding a mini-feature for the homepage.

Widgets ↑ Back to top

There are 10 custom widgets you can add to widgetized areas. Go to Appearance > Widgets to add them.

The custom Woo widgets are:

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

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