How To

Setting up the homepage

After activating Artificer you will no doubt notice that your homepage looks a little bleak. This section explains how to populate your homepage with content.

The intro copy

First of all you’ll want to set the intro copy.

The main headline is actually your site title which you can set at Settings > General. The line of copy beneath is set in your theme options so navigate to the Capital theme options. Click the Homepage tab and you’ll see a textarea to input the stand-first.

Other homepage content

There are a couple of other options on this tab which should be self explanatory. First you can specify your store information (phone number, email address) and whether you want to display that on the homepage or not (it will appear in the sidebar). Secondly you can define whether to display your latest tweet or not. This will also appear in the sidebar and your Twitter ID is specified in the contact details tab.

Products on the homepage

The products on your homepage are simply the 7 most recent featured products ordered chronologically. To make a product featured navigate to the edit product page and check the following setting:

The fourth most recent product will appear larger than the rest, so remember to re-order the products to suit.

WooCommerce Options

Beneath the Homepage settings you’ll find the WooCommerce Options. Here there are a few options regarding your products, and the layout of your WooCommerce pages.

Products

Here you can specify how many products to display per page, on product archive pages.

Layout

Here you can specify whether or not to display a sidebar on the shop archive pages. If so you can populate that sidebar with widgets as usual. However if you choose not to display a sidebar here the product container will simply expand to fill the full width of the theme wrapper.

Custom Shortcodes

There are three custom shortcodes built into Artificer which you can use throughout your web site.

Mini Features

The mini features shortcode allows you to to easily display short snippets of content in columns of 3 alongside icons, as displayed in the screenshot above.

This shortcode should be laid out like so;

[mini-feature-wrap]
[mini-feature icon=”http://path.to/image.png” title=”Feature 1″]
Feature Description.
[/mini-feature]
[mini-feature icon=”http://path.to/image.png” title=”Feature 2″]
Feature Description.
[/mini-feature]
[mini-feature icon=”http://path.to/image.png” title=”Feature 3″]
Feature Description.
[/mini-feature]
[/mini-feature-wrap]

Take note that features will most effectively be displayed in multiples of three as the CSS automatically sorts the mini features in to rows of 3. Also note than the mini features must be wrapped inside the [mini-feature-wrap].

[sale]

The [sale] shortcode allows you to easily display a sale banner anywhere on your site. This tandems nicely with our sale page template.

To use the [sale] shortcode simply wrap your sale banner content within [sale] tags like so;

[sale]Sale now on, up to 50% off all stock![/sale]

[sticky]

The [sticky] shortcode allows you to easily display notices on your site which are styled to appear as post-it notes. This is perfect if you want to make a short piece of content stand out somewhere on your site. It can be aligned to the right or the left of your content and be given a custom class.

To use the [sticky] shortcode simply wrap your message within [sticky] tags like so;

[sticky]This is a sticky note, awesome![/sticky]

As you would expect, you can attach any class name you like to the sticky shortcode, just incase you want to add any further custom styles to a particular sticky.

Widgets

[insert name=”adding-widgets”]

Page Templates

[insert name=”page-templates”]