change product detail slug to /store from /products

Author: outlandnish

gatsby-config.js

@@ -23,10 +23,6 @@ module.exports = {
         link: `/#mixer`
       },
 			{
-        name: `Subscribe`,
-        link: `/#subscribe`
-			},
-			{
 				name: `Shop Now`,
 				link: `/store`
 			}

gatsby-node.js

@@ -38,7 +38,7 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
 
     collection.node.products.forEach(product => {
       createPage({
-        path: `/products/${product.sku}`,
+        path: `/store/${product.sku}`,
         component: productTemplate,
         context: {
           sku: product.sku

src/components/product-list-item/index.js

@@ -21,7 +21,7 @@ const ProductListItem = ({ product, compact }) => {
   return (
     <div className={`column ${size}`} key={`product-${product.name}-sku-${product.sku}`}>
       <div className="card">
-        <Link to={`/products/${product.sku}`} title={product.name}>
+        <Link to={`/store/${product.sku}`} title={product.name}>
           <Img fluid={product.images[0].fluid} fadeIn={true} />
         </Link>
         <div className="card-content">
@@ -32,7 +32,7 @@ const ProductListItem = ({ product, compact }) => {
           </div>
         </div>
         <div className="card-footer">
-          <Link className="card-footer-item is-outlined list-item-details" to={`/products/${product.sku}`} title={product.name}>
+          <Link className="card-footer-item is-outlined list-item-details" to={`/store/${product.sku}`} title={product.name}>
             <span>Learn More</span>
           </Link>
           <a className="card-footer-item is-primary bold list-item-cta" onClick={(evt) => addToCart(evt)}>

src/templates/collection.js

@@ -20,7 +20,7 @@ export default ({ data }) => {
       return {
         "@type": "ListItem",
         "position": index + 1,
-        "url": `${siteUrl}/products/${product.sku}`
+        "url": `${siteUrl}/store/${product.sku}`
       }
     })
   }

src/templates/product.js

@@ -23,7 +23,7 @@ export default ({ data }) => {
       "description": description,
       "url": siteUrl
     },
-    "url": `${siteUrl}/products/${product.name}`,
+    "url": `${siteUrl}/store/${product.name}`,
     "name": product.name,
     "description": product.shortDescription,
     "sku": product.sku,
@@ -35,7 +35,7 @@ export default ({ data }) => {
     "image": product.images.map(i => i.file.url),
     "offers": {
       "@type": "Offer",
-      "url": `${siteUrl}/products/${product.name}`,
+      "url": `${siteUrl}/store/${product.name}`,
       "priceCurrency": "USD",
       "price": product.price,
       "itemCondition": "https://schema.org/NewCondition",
@@ -76,7 +76,7 @@ export default ({ data }) => {
         {/* Open Graph */}
         <meta property="og:title" content={`${product.name} | ${title}`} />
         <meta property="og:type" content="website" />
-        <meta property="og:url" content={`${siteUrl}/products/${product.sku}`} />
+        <meta property="og:url" content={`${siteUrl}/store/${product.sku}`} />
         <meta property="og:image" content={`https:${product.images[0].file.url}`} />
         <meta property="og:description" content={product.shortDescription} />
         <meta property="og:site_name" content={title} />