Git Product home page Git Product logo

shapes-for-jekyll-and-snipcart's Introduction

Shapes Screenshot

Shapes is a simple e-commerce theme for Jekyll and Snipcart. Best used for small shops with limited inventory.

Getting Started

You'll need a Snipcart account to use this theme. All the development is set up to support adding items to your cart from the product page. Simply add your Snipcart API Key to the _config.yml file and create your products.

VIEW THE DEMO

Issues and enhancements are welcome. You can find the project board here.


Plugins

A Jekyll plugin to add metadata tags for search engines and social networks to better index and display your site's content.

Jekyll plugin to silently generate a sitemaps.org compliant sitemap for your Jekyll site.

This plugin provides simple autoprefixer support for Jekyll. To ensure compatibility with the latest version of Jekyll. I've clamped the execjs gem to version 2.7.0, per this issue


Data files

In the _data directory you'll find files to handle the following site components and features:

  • siteNavigation.yml (header navigation and footer navigation)
  • siteSocial.yml (Social sharing and Social following options)

Contact Form

A simple HTML contact form with the Netlify data attribution is added. This should work out of the box if you're using Netlify for hosting, otherwise you can replace this with your own solution.

shapes-for-jekyll-and-snipcart's People

Contributors

discoform avatar

Stargazers

 avatar

Forkers

callymanga

shapes-for-jekyll-and-snipcart's Issues

Accessibility errors found in your template

The user @carlsonsantana validate your site template "https://discoform.github.io/Shapes/" and found these accessibility errors:

  • Page https://discoform.github.io/Shapes/:
    • Issue 10f78f9d-0669-405f-a4e6-086bc5c2ab99:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
      • Message: Anchor element found with a valid href attribute, but no link content has been supplied.
      • Selector: #social > ul > li:nth-child(3) > a
      • Context: <a href="https://www.linkedin.com/in/matthew-h-49303a139/"> <i class="fa f...</a>
    • Issue df0aac55-81d4-4cc8-900d-ded069b20ec1:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
      • Message: Anchor element found with a valid href attribute, but no link content has been supplied.
      • Selector: #social > ul > li:nth-child(2) > a
      • Context: <a href="https://github.com/discoform"> <i class="fa f...</a>
    • Issue 468c1e5e-af2c-4cb6-9de5-9a4e754bf1af:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
      • Message: Anchor element found with a valid href attribute, but no link content has been supplied.
      • Selector: #social > ul > li:nth-child(1) > a
      • Context: <a href="https://twitter.com/discoform"> <i class="fa f...</a>
    • Issue b9cb5073-9f92-45ba-af81-38cfeccf6cf0:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77
      • Message: Duplicate id attribute value "share-buttons" found on the web page.
      • Selector: #share-buttons
      • Context: `

        Share this:

...`

  • Issue 2429164d-6c82-423d-a12f-994545ba3021:
    • Type: Error
    • Code: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77
    • Message: Duplicate id attribute value "share-buttons" found on the web page.
    • Selector: #share-buttons
    • Context: `

      Share this:

...`

  • Issue 34e479b4-53da-4097-bfbd-cd1d00eb2795:
    • Type: Error
    • Code: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77
    • Message: Duplicate id attribute value "share-buttons" found on the web page.
    • Selector: #share-buttons
    • Context: `

      Share this:

...`

You can check these accessibility errors using pa11y.
You can view the full validation results in our website.

add mobile / responsive navigation

Is your feature request related to a problem? Please describe.

the current navigation solution is not great for mobile. need to add something that is responsive and collapsible.

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.