https://github.com/snipcart/stackbit-theme-planty

Planty is an e-commerce ready theme for Stackbit, powered by Snipcart.
https://github.com/snipcart/stackbit-theme-planty

ecommerce jamstack snipcart static-site-generator theme

Last synced: 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/snipcart/stackbit-theme-planty
• Owner: snipcart
• License: mit
• Created: 2019-07-05T21:44:11.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-07-12T12:40:10.000Z (over 2 years ago)
• Last Synced: 2024-09-29T14:01:55.312Z (2 months ago)
• Topics: ecommerce, jamstack, snipcart, static-site-generator, theme
• Language: SCSS
• Homepage: https://stackbit-theme-planty.netlify.com
• Size: 16.6 MB
• Stars: 286
• Watchers: 11
• Forks: 204
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred - snipcart/stackbit-theme-planty - Planty is an e-commerce ready theme for Stackbit, powered by Snipcart. (others)

README

        
![logo](https://og-website.snipcart.com/media/204485/logo.svg)

# Planty Stackbit theme

[![Create with Stackbit](https://assets.stackbit.com/badge/create-with-stackbit.svg)](https://app.stackbit.com/create?theme=https://github.com/snipcart/stackbit-theme-planty&ssg=jekyll)

Planty is an e-commerce ready custom theme for Stackbit created by [Snipcart](http://bit.ly/2YB7AUL).

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](https://stackbit-theme-planty.netlify.com).

> To learn more about Stackbit and its custom themes feature, [read this post](http://bit.ly/2YAvGix).

## 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](https://og-website.snipcart.com/media/204516/config_api_key.png)

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](https://og-website.snipcart.com/media/204518/config_logos.png)

### 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](https://og-website.snipcart.com/media/204508/config_styles.png)

You can also configure background images in there.

![background-images](https://og-website.snipcart.com/media/204517/config_backgroundimages.png)

### Categories

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

![categories](https://og-website.snipcart.com/media/204510/list_categories.png)

### Products

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

![products](https://og-website.snipcart.com/media/204511/list_products.png)

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](https://og-website.snipcart.com/media/204514/product_details.png)

### 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](https://og-website.snipcart.com/media/204504/components_promotion.png)

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

![promotion-cta](https://og-website.snipcart.com/media/204505/components_promotion_cta.png)

### Testimonials

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

![testimonials](https://og-website.snipcart.com/media/204506/components_testimonials.png)

### About

Manage the content of the About section here.

![about](https://og-website.snipcart.com/media/204512/pages_about.png)

### FAQ

Manage your FAQ entries in this section.

![faq](https://og-website.snipcart.com/media/204513/pages_faq.png)