Fur

E-commerce template for Jekyll. Browse through a live demo.

Fur was made by CloudCannon, the Cloud CMS for Jekyll.

Find more templates, themes and Jekyll tutorials at CloudCannon Academy.

Features

• List product with multiple colours and sizes
• Take payment online using SnipCart
• Contact form
• Optimised for editing in CloudCannon
• RSS/Atom feed
• SEO tags
• Google Analytics

Setup

1. Add your site and author details in _config.yml.
2. Add your Google Analytics, Google Maps API key and SnipCart key to _config.yml.
3. Get a workflow going to see your site's output (with CloudCannon or Jekyll locally).

Develop

Fur was built with Jekyll version 4.2.1, but should support newer versions as well.

Install the dependencies with Bundler:

$ bundle install

Run jekyll commands through Bundler to ensure you're using the right versions:

$ bundle exec jekyll serve

Editing

Fur is already optimised for adding, updating and removing products and editing the navigation and footer in CloudCannon.

Navigation

• Exposed as a data file to give clients better access.
• Set in the Data / Navigation section.

Footer

• Exposed as a data file to give clients better access.
• Set in the Data / Footer section.

Fur

E-commerce template for Hugo. Browse through a live demo.

Fur was made by CloudCannon, a JAMStack platform for the whole team.

Find more templates, themes and Jekyll tutorials at CloudCannon Academy.

Features

• List product with multiple colours and sizes
• Take payment online using SnipCart
• Contact form
• Optimised for editing in CloudCannon
• RSS/Atom feed
• SEO tags
• Google Analytics

Setup

1. Add your site and author details in config.toml.
2. Add your Google Analytics, Google Maps API key and SnipCart key to config.toml.
3. Get a workflow going to see your site's output (with CloudCannon or Hugo locally).

Develop

Fur was built with Hugo version 0.86, but should support newer versions as well.

Run the standalone executable hugo to serve the site locally:

$ hugo server

Editing

Fur is already optimised for adding, updating and removing products and editing the navigation and footer in CloudCannon.

Products

• Add, update or remove a product in the products section.
• Change the defaults when new products are created in content/products/_defaults.md.

Contact Form

• Preconfigured to work with CloudCannon, but easily changed to another provider (e.g. FormSpree).
• Sends email to the address listed in author details.

Social Media

• Add, update or remove social media links using the data editor.