How To

Set up Function

Welcome to Function. A clean and modern theme that lends itself to many scenarios. It includes WooCommerce support, support for our Features and Testimonials plugins, and of course has a portfolio page, blog page, and much more! Let’s go over Function’s features shall we?

A note on using Woo Custom Typography: To keep the typographical rhythm and modular scale consistent Emporium’s entire layout is constructed based upon your based font size. In our demo that size is the equivalent of 15px. This means that if you choose to use our Custom Typography panel and change the body font size to 12px your layout will shrink to match the new copy size. If you’d like to override this behaviour you can set a max width for the wrapper in your custom.css file like so;

.wrapper {max-width: x;}

Where x is your preferred width for the main content area. This can be defined in pixels or ems.

Menus

There are three menu areas included in Function. To setup your menus go to Appearance > Menus. If you need help creating menus, please see our Menus video here.

Primary Menu – This is the menu that sits below your logo.

Top Menu – This is the smaller menu area at the very top of the theme.

Footer Menu – This menu resides in the bottom right of the footer.

Set up The Header

There are a few options you have for your header in Function. First of all is uploading your logo. We provide an easy way to upload your own logo to every one of our themes. You can also enable a search bar and have the cart shown in the header. Both of these appear to the right of your logo.

functions-header
Set up the Functions Header Logo, Search and Cart
Custom Logo

To set a custom logo image go to:
Function > Theme Options > General Settings > Quick Start > Custom Logo

  1. Upload your logo image by clicking on the Upload button.
  2. Upload your logo file. Usually a .png or .jpg
  3. Select the Use this Image button.
  4. Then Save All Changes in your theme options.
Search Bar

To enable the search bar go to:
Function > Theme Options > Layout Options > Header

  1. Enable or disable to suit your preference.
  2. Choose what content to include in the search scope.
  3. Save All Changes in your theme options.
WooCommerce Cart

To enable the WooCommerce cart go to:
Function > Theme Options > WooCommerce > General

  1. Enable or disable the cart to suite your preference.
  2. Save All Changes in your theme options.

Set up The Slider

Function has a built in featured slider that uses post tags to drive content. To set post tags and adjust slider settings go to:
Function > Theme Options > Featured Slider > Slider Content

  1. Enable or disable the slider at the top.
  2. Choose the number of slides you want to show.
  3. Choose the slider tag you want to use.
  4. Save All Changes in your theme options.

To view additional featured slider settings go to:
Function > Theme Options > Featured Slider > Slider Settings

After you have reviewed your slider setting options you will need to create a new post for the slider. To do this go to:
Posts > Add New

Create a new post to add to your homepage featured slider by adding the featured slider tag and image or video.
  1. Be sure to use the ‘featured slider tag’ you set in your Theme Options > Featured Slider > Tag Option settings.
  2. Set a featured image by following the tutorial here.
  3. To set a featured video paste your embed code in the Function Custom Settings Panel as shown below. If you do not see the Function Custom Settings Panel, please review your screen options in the top right corner of your Post > Edit page.
Paste video embed code in the Function Custom Settings Panel for the featured slider.

Set up The Homepage

In the homepage options you will find settings to control the introductory message, blog posts, promotion area and featured products, if you’re running WooCommerce. Function also supports the Features and Testimonial plugins.

To enable or disable what you want to show on the homepage go to:
Function > Theme Options > Homepage > Configure.

Introductory Message

You can write a short and sweet introductory message that will appear under the featured slider (if enabled). To set your introductory message go to:
Function > Theme Options > Homepage > Introductory Message

function-intro-message
Example of the Function Intro Message

Blog Posts

To include your blog posts on the homepage go to:
Function > Theme Options > Homepage > Blog Posts

  1. Select the number of posts to display.
  2. Enter the title of your Blog Area section.
  3. Optionally select a category of posts to display if the content type is set to “Blog Posts”.
  4. Save All Changes in your theme options.

Promotion

This is an easy way to create a short promotional message and add a link to it on your homepage. You could use this for a giveaway on your blog or to show off your latest portfolio post or announce the newest products you’ve added to your store.

This is an example of a promotional message on the homepage

To enable the promotion message go to:
Function > Theme Options > Homepage > Promotion

  1. Write a title for the promotion.
  2. Write a little about the promotion.
  3. Label the button.
  4. Paste the URL that the button should link to.
  5. Save All Changes in your theme options.

Featured Products

Lastly, under these options you can enable featured products on your homepage. It may help your customers find some of your favorite products faster. To enable go to:
Function > Theme Options > Homepage > Featured Products

  1. Choose the number of products you want to show.
  2. Title the featured product section for your homepage.
  3. Save All Changes in your theme options.

Set up The Portfolio

Functions includes our standard portfolio options, allowing you to easily add and show off your work. This can be anything from photography, videography, design work, etc… There are a few settings we need to go over first though before adding any portfolio posts.

First, create a new page and select the ‘portfolio’ page template.

Create new page > Set 'portfolio' page template
  1. Go to Pages and choose Add New.
  2. Title your portfolio page as you’d like.
  3. Under Page Attributes select the Portfolio page template.
  4. Publish your page.

If you want to use Portfolio Galleries go to: Portfolio > Portfolio Galleries Here you can add galleries, which are essentially categories for your portfolio posts.

To setup options for your portfolio go to:
Function > Theme Options > Portfolio

  1. Set your portfolio items base URL, then go to > Permalinks and Save
  2. Optionally choose a gallery to be featured in your portfolio template.
  3. Exclude galleries with gallery category slugs.
  4. Exclude the portfolio posts from the site search.
  5. Choose to link portfolio items to the post or the lightbox.
  6. Enable or disable pagination on the portfolio page.
  7. Save All Changes in your theme options.

Set up The Features

[insert name=”docs-features-plugin”]

Set up The Testimonials

[insert name=”docs-testimonials-plugin”]

Widgets

Custom Function Widgets

The theme includes 7 custom widgets that you can add to any of your widgetized regions. Function 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”]