Skip to content
An example submission for the Gatsby Theme Jam.
JavaScript
Branch: master
Clone or download
Pull request Compare This branch is 13 commits ahead of jlengstorf:master.
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.
demo
theme
.gitignore
README.md Adding readme, missing netlify link Jul 31, 2019
netlify.toml
package.json Adding reducers Jul 30, 2019
yarn.lock

README.md

Gatsby Theme Shopify

See the live demo

Installation

To use this theme in your Gatsby sites, just follow these instructions:

  1. Install theme
  npm install @plukke/gatsby-theme-shopify

or

    yarn add @plukke/gatsby-theme-shopify
  1. Add the theme to your gatsby-config.js

    module.exports = {
        plugins: [
            { 
            resolve: 'gatsby-theme-shopify',
            options: {
              shopName: "graphql", // Required
              accessToken: 'dd4d4dc146542ba7763305d71d1b3d38',  // Required
              imagesPath: 'src/images', // Required
              contentPath: 'data', // Required
              email: '',
              socialMedia: {
                facebook: '',
                instagram: '',
                twitter: ''
              },
              apiData: {
                url: '',
                baseURL: '',
                auth: {
                  username: '',
                  password: ''
                }
              }
            }
          }
        ]
    }
  2. Create you data for each section of the pages, in the case of the header image it is necessary that you named "logo".

        data 
            - sections.json
                [
                    {
                		"id": "1",
                		"path": "/",
                		"title": "",
                		"description": ""
                    }
                ]
  3. Start the demo site.

    gatsby develop

Features

- Index products in alogolia for search
- More Customaizable pages
- Add pages dinamically

The demo will start at http://localhost:8000
You can’t perform that action at this time.