Giter Club home page Giter Club logo

snipcannon's Introduction

Multilingual E-commerce Jekyll template

snipcart-static-site-ecommerce-jekyll

Read full tutorial here

See live demo here


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

This template is based on Fur by CloudCannon and we added multilingual features and customizable categories.

You can learn more about building stuff on CloudCannon at CloudCannon Academy.

Features

  • Edit your content in multiple language
  • List product by categories
  • Take payment online using SnipCart
  • Optimised for editing in CloudCannon
  • 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

This demo was built with Jekyll version 3.5.2, 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.

Posts

  • Add, update or remove a post in the Posts collection.
  • Change the defaults when new posts are created in _posts/_defaults.md.

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.

License

The code and templates are MIT licensed.

The icons are from The Noun Project.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.