Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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


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

Last synced: 10 days ago
JSON representation

Awesome Lists containing this project

README 

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



# Planty Stackbit theme



This theme is deprecated and will no longer be maintained by Stackbit. 

Stackbit launched a new major version that brings a superior developer experience and visual editing capabilities.



Click the button below to create a new website using the new version of Stackbit.



[![Create with Stackbit](https://assets.stackbit.com/badge/create-with-stackbit.svg)](https://app.stackbit.com/create?utm_source=theme-readme&utm_medium=referral&utm_campaign=stackbit_themes)



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://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://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://snipcart.com/media/204508/config_styles.png)



You can also configure background images in there.



![background-images](https://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://snipcart.com/media/204510/list_categories.png)



### Products



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



![products](https://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://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://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://snipcart.com/media/204505/components_promotion_cta.png)



### Testimonials



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



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



### About



Manage the content of the About section here.



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



### FAQ



Manage your FAQ entries in this section.



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