Skip to content

Instantly share code, notes, and snippets.

@dpetersen
Created September 23, 2011 17:10
Show Gist options
  • Save dpetersen/1237910 to your computer and use it in GitHub Desktop.
Save dpetersen/1237910 to your computer and use it in GitHub Desktop.
Product Grid JSON sample
{
"CO":[
{
"product-name":"MEN'S BETTER THAN NAKED™ JACKET",
"product-image-url":"http://images.thenorthface.com/is/image/TheNorthFace/236x204_CLR/mens-better-than-naked-jacket-AVMH_LC9_hero.png",
"header-top-right-text":"Shop All",
"header-top-left-text":"Men's",
"product-url":"http://www.thenorthface.com/catalog/sc-gear/men-39-s-better-than-naked-8482-jacket.html",
"header-top-right-url":"http://www.thenorthface.com/en_US/shop-mens/",
"product-cta-text":"Shop Now"
},
{
"product-name":"WOMEN'S BETTER THAN NAKED™ JACKET",
"product-image-url":"http://images.thenorthface.com/is/image/TheNorthFace/236x204_CLR/womens-better-than-naked-jacket-AVKL_NN4_hero.png",
"header-top-right-text":"Shop All",
"header-top-left-text":"Women's",
"product-url":"http://www.thenorthface.com/catalog/sc-gear/women-39-s-better-than-naked-8482-jacket.html",
"header-top-right-url":"http://www.thenorthface.com/en_US/shop-womens/",
"product-cta-text":"Shop Now"
},
{
"product-name":"WOMEN'S SINGLE-TRACK SHOE",
"product-image-url":"http://images.thenorthface.com/is/image/TheNorthFace/236x204_CLR/womens-single-track-shoe-ALQF_JM3_hero.png",
"header-top-right-text":"Shop All",
"header-top-left-text":"Running Shoes",
"product-url":"http://www.thenorthface.com/catalog/sc-gear/womens-single-track.html",
"header-top-right-url":"http://www.thenorthface.com/webapp/wcs/stores/servlet/TNFSearchResult?langId=-1&storeId=207&catalogId=10201&searchTerm=running%20shoes",
"product-cta-text":"Shop Now"
},
{
"product-name":"Enduro Boa® Hydration Pack",
"product-image-url":"http://images.thenorthface.com/is/image/TheNorthFace/236x204_CLR/enduro-boa-hydration-pack-AJQZ_JK3_hero.png",
"header-top-right-text":"Shop All",
"header-top-left-text":"Equipment",
"product-url":"http://www.thenorthface.com/catalog/sc-gear/enduro-boa.html",
"header-top-right-url":"http://www.thenorthface.com/en_US/shop-equipment/",
"product-cta-text":"Shop Now"
}
],
"WI":[
{
"product-name":"MEN'S BETTER THAN NAKED™ JACKET",
"product-image-url":"http://images.thenorthface.com/is/image/TheNorthFace/236x204_CLR/mens-better-than-naked-jacket-AVMH_LC9_hero.png",
"header-top-right-text":"Shop All",
"header-top-left-text":"Men's",
"product-url":"http://www.thenorthface.com/catalog/sc-gear/men-39-s-better-than-naked-8482-jacket.html",
"header-top-right-url":"http://www.thenorthface.com/en_US/shop-mens/",
"product-cta-text":"Shop Now"
},
{
"product-name":"WOMEN'S BETTER THAN NAKED™ JACKET",
"product-image-url":"http://images.thenorthface.com/is/image/TheNorthFace/236x204_CLR/womens-better-than-naked-jacket-AVKL_NN4_hero.png",
"header-top-right-text":"Shop All",
"header-top-left-text":"Women's",
"product-url":"http://www.thenorthface.com/catalog/sc-gear/women-39-s-better-than-naked-8482-jacket.html",
"header-top-right-url":"http://www.thenorthface.com/en_US/shop-womens/",
"product-cta-text":"Shop Now"
},
{
"product-name":"WOMEN'S SINGLE-TRACK SHOE",
"product-image-url":"http://images.thenorthface.com/is/image/TheNorthFace/236x204_CLR/womens-single-track-shoe-ALQF_JM3_hero.png",
"header-top-right-text":"Shop All",
"header-top-left-text":"Running Shoes",
"product-url":"http://www.thenorthface.com/catalog/sc-gear/womens-single-track.html",
"header-top-right-url":"http://www.thenorthface.com/webapp/wcs/stores/servlet/TNFSearchResult?langId=-1&storeId=207&catalogId=10201&searchTerm=running%20shoes",
"product-cta-text":"Shop Now"
},
{
"product-name":"Enduro Boa® Hydration Pack",
"product-image-url":"http://images.thenorthface.com/is/image/TheNorthFace/236x204_CLR/enduro-boa-hydration-pack-AJQZ_JK3_hero.png",
"header-top-right-text":"Shop All",
"header-top-left-text":"Equipment",
"product-url":"http://www.thenorthface.com/catalog/sc-gear/enduro-boa.html",
"header-top-right-url":"http://www.thenorthface.com/en_US/shop-equipment/",
"product-cta-text":"Shop Now"
}
]
}
<div class="products-grid">
<!-- Beginning of what is rendered by the SSI -->
<div class="products-grid-wrapper" data-location-specific-grids="JSON DATA HERE">
Fallback Product Grid HTML here.
</div>
<!-- End of SSI HTML -->
</div>
@JobGetabu
Copy link

wonderful json product sample for grids

@emmanuelal
Copy link

The file lacks a product description and price

@kagion
Copy link

kagion commented Apr 1, 2020

nice

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment