Front Matter Reference

customer:                         
  returns: true                     # show product return requests for this customer
  wishlists:     
    limit: 10                       # limit the number of wishlists to 10
  orders:
    limit: 10                       # limit the number of orders displayed to 10
  recently_viewed_products: true    # display recently viewed products

products:
  featured:
    limit: 5   #limits the number of featured products to 5
  new:
    limit: 5   #limits the number of new products to 5
  top_sellers: 
    limit: 5   # limits the number of top sellers to 5

carousel: true    # displays carousel on the storefront unless set to null

blog:	
  recent_posts:
    limit: 5    # limits recent blog posts to 5
  summary: 100  # displays 100 character summary of blog post

cart: true    # show cart data

categories: true      # displays category tree
  description: true   # displays category description

shop_by_brand: true   # displays brand list
  limit: 10           # limits brands to 10 

category:	
  shop_by_price: true   # displays shop by price controls
  products: 10          # displays 10 products per page for this category 
    limit:  10          # limits products per page for this category to 10

blog: 
  posts:
    limit: 10        # limits number of blog posts to 10
    pages: 5        # displays 5 pages in pagination links
    summary: 250    # displays 250 character summary of blog post

product:
  videos:
    limit: 5           # limits videos to 5
  images:
    limit: 5           # limits images to 5
  reviews:
    limit: 250         # limits reviews to 250
  related_products:
    limit: 10          # limits related products by name to 10
  similar_by_views:
      limit: 10        # limits similar products by views to 10

# Fetch product reviews for a product
query reviewsByProductId(
  $productId: Int!
  $cursor: String
  # Use GraphQL Query Variables to inject your product ID
) {
  site {
    product(entityId: $productId) {
      reviews(first:250, after:$cursor) {
        pageInfo {
          endCursor
          hasNextPage
        }
        edges {
          node {
            rating
            title
            text
            createdAt {
              utc
              }
            }
          }
        }
      }
    }
  }

brand:
  products:
    limit: 50   # limits products displayed for this brand to 50

brands:
  limit: 50   # limits number of brands displayed in the list to 50

search: 
  product_results:
    limit: 16   # limits product results to 16

product:
 videos:
     limit: {{theme_settings.productpage_videos_count}}
 reviews:
     limit: {{theme_settings.productpage_reviews_count}}
 related_products:
     limit: {{theme_settings.productpage_related_products_count}}
 similar_by_views:
     limit: {{theme_settings.productpage_similar_by_views_count}}
gql: "query productById($productId: Int!) {
 site {
   product(entityId: $productId) {
     variants(first: 25) {
       edges {
         node {
           sku
           defaultImage {
             url(width: 1000)
           }
         }
       }
     }
   }
 }
}"

{{#if gql.data.site.product}}
{{#each gql.data.site.product.variants.edges}}
  {{#with node}}
    {{sku}} {{! - - sku code from each variant from GQL response}}
  {{/with}}
{{/each}}
{{/if}}

{
  "gql": {
    "errors": [
      {
        "locations": [
          {
            "column": 1,
            "line": 1
          }
        ],
        "message": "Syntax error while parsing GraphQL query."
      }
    ]
  }
}

gql: "query CategoryTree3LevelsDeep {
  site {
    categoryTree {
      ...CategoryFields
      children {
        ...CategoryFields
        children {
          ...CategoryFields
        }
      }
    }
  }
}
 
fragment CategoryFields on CategoryTreeItem {
  name
  path
  entityId
}"

{
  "data": {
    "site": {
      "categoryTree": [
        {
          "name": "Apparel",
          "path": "/apparel/",
          "entityId": 25,
          "children": [
            {
              "name": "Shirts",
              "path": "/apparel/shirts/",
              "entityId": 27,
              "children": []
            },
            {
              "name": "Hoodies",
              "path": "/hoodies/",
              "entityId": 28,
              "children": []
            },
            {
              "name": "Caps",
              "path": "/caps/",
              "entityId": 29,
              "children": []
            }
          ]
        }
      ]
    }
  }
}