Skip to content
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
deepThreads
gatsby-theme-shopify-redux
.gitignore
README.md
package.json
yarn-error.log
yarn.lock

README.md

Gatsby Theme Shopify Redux (wip)

This project is currently in alpha

things may change, many features unimplemented however basic cart functionality and page gen is up and running.

probably a lot of optimizing to do in package.json (esp peer deps)

More docs coming soon...

Why this theme

  • simple & predictable state management with redux
  • automated product pages
  • easy collection page creation with simple yml config
  • optional support for product reviews & maybe discourse (wip)
  • & more!

Custom ShopifyThemeCollection

  • example in gatsby-theme-shopify-redux/shopifyCustomization/collections.yml

ideas:

  • sales yml
  • promotions
  • mailchimp
  • google adword sheet export

Quick Start

requires env variables

SHOP_NAME=name

SHOPIFY_ACCESS_TOKEN=token

mkdir my-site
cd my-site
yarn init
# install gatsby-theme-shopify-redux and it's dependencies
yarn add gatsby react react-dom gatsby-theme-shopify-redux

Then add the theme to your gatsby-config.js. We'll use the long form here for education purposes.

module.exports = {
  plugins: [
    {
      resolve: "gatsby-theme-shopify-redux",
      options: {},
    },
  ],
}

That's it, you can now run your gatsby site using

yarn gatsby develop
You can’t perform that action at this time.