1. Documentation
  2. Themes
  3. Canvas
  4. Jotter

Jotter: Canvas child theme

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

A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme. Child themes allow you to modify, or add to the functionality of that parent theme. —WordPress Codex: Child Themes

Welcome to Jotter, a Canvas child theme for bloggers and publishers! When customers want to customize the look of their site we like to recommend starting with a child theme to preserve customizations and make updating easier, as you do not need to worry about your customizations being lost when you update your parent theme.

In this case, we’ve taken Canvas one step further for you, updating the design and utilizing the child theme, Jotter, to it’s fullest extent!

To help set up your theme follow the documentation below and be sure to reference the Canvas theme documentation if you are not familiar with the main features/setup of Canvas.

You can read more documentation on WordPress child themes in the WordPress Codex.

Installation ↑ Back to top

To get started you will need to first purchase, download and install the Canvas theme. To learn how to install your theme please reference our documentation here: Installing a WooTheme.

Once you’ve installed the Canvas parent theme you can then follow the same steps to download, install and activate Jotter, the Canvas child theme. After you’ve activated Jotter you will notice a new style on your site, compared to the Canvas style you might be used to.

Jotter Theme Demo: demo2.woothemes.com/jotter

Checking your theme version ↑ Back to top

You can confirm your theme and WooFramework version by going to: Jotter > 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 Setup ↑ Back to top

To setup the Jotter Homepage, you’ll need to configure a few Settings.

Jotter Homepage

  1. Set your site to display Your latest posts on: Settings > Reading.
  2. Go to: Jotter > Settings > Layout and set your Main Layout to Full Width.Jotter Layout Settings
  3. Go to: Jotter > Settings > Dynamic Images and set your image size.  The Demo uses centered images that are 1000px by 1000px.Jotter Image Settings
If you would like to customize your homepage past the homepage settings, you will want to download and install the Homepage Control plugin.

Theme Settings ↑ Back to top

After you’ve installed and activated Jotter, you will notice that the side menu says Jotter:

Screen Shot 2014-10-03 at 14.26.47

This is where you will go to configure your theme settings, you will also see an option to ‘Configure Jotter’ on the welcome page.

Go to Jotter > Settings to configure your theme.

Screen Shot 2014-10-03 at 14.27.50

Take note of the links in the top right corner of the settings where you can quickly access:

  • Documentationfor the theme.
  • Changelogthis is where you see the changes/updates to the theme.
  • Helpthis is a link to our Help Desk where you can search for answers, post in the Community or open a new ticket for assistance with setup or troubleshooting your Woo products.
To learn more about theme settings please see the Canvas theme documentation.

To edit settings specific to Jotter go to: Jotter > Settings > Jotter.

Screen Shot 2014-10-03 at 14.29.06

Disable Child Theme Custom Overrides ↑ Back to top

The only additional option in Jotter allows you to enable/disable the custom child theme styling that comes with Jotter. By default the child theme overrides are enabled. This means that things like typography settings are hard coded in to the theme, and it appears in alignment with the design vision for this theme. If you’d like to customize the theme design yourself via the various Canvas typography settings, uncheck this option.

When you install Jotter the custom styling for the child theme will automatically override the Canvas theme styling. This includes:

  • Typography Settings
  • Navigation bar styling
  • Background color

To name a few.  If you want to use the typography and color settings found on the Canvas Styling & Layout Settings pages, you’ll need to disable the Child Theme Custom Overrides first.

FAQ ↑ Back to top

I can’t see featured images on the single post ↑ Back to top

Ensure the Single Post – Show Thumbnail setting is enabled.

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