/stackbit-theme-planty

Planty is an e-commerce ready theme for Stackbit, powered by Snipcart.

Primary LanguageSCSSMIT LicenseMIT

logo

Planty Stackbit theme

Create with Stackbit

Planty is an e-commerce ready custom theme for Stackbit created by Snipcart.

This theme can be used to create an e-commerce ready website through Stackbit's platform. You'll get everything you need from products listing, categorization, FAQ, etc.

You can see it in action right here.

To learn more about Stackbit and its custom themes feature, read this post.

How to get started

In Stackbit's custom themes importer, just use this repository URL. For the moment, this theme works only with Jekyll but will soon work with other static site generators supported by Stackbit.

Theme configuration

Please note that the screenshots below have been taken in Forestry, you can use Forestry as headless CMS for your project if you want, but this also work with other CMSs.

Configuring Snipcart

First thing is to enter your Snipcart API key. Open your CMS and go to Global site config.

api-key

Use your public API key in there.

Logos

Logos can be updated via the CMS as well. You'll be asked to provide a dark and a light logo.

logo

Styles configuration

Colors can be managed via the CMS as well. Under Global site config section, open Styles config. You'll see all colors used throughout the theme listed here. Adjust them for your own branding.

styles-config

You can also configure background images in there.

background-images

Categories

Each product can be associated to a category. Open the Categories section and manage them there.

categories

Products

Products can be managed directly through the CMS via the Products section.

products

Products have several properties available, both for Snipcart and for the theme. You can define its price, description, name, ID, etc.

You can also define if this is a featured product, meaning that it will show in the Best sellers section on the site. A feature product will use the Feature images set.

product-details

Promotion

The promotion is a component displayed just above the footer on some pages. You can configure what to show in that box via the CMS.

promotion

You can define a Call to action for the promotion, it's usually a link to a section of your site.

promotion-cta

Testimonials

You can manage testimonials to show on the site via this section.

testimonials

About

Manage the content of the About section here.

about

FAQ

Manage your FAQ entries in this section.

faq