NAV

Static store pages

Static store page endpoints allow you to generate an HTML snapshot of Ecwid store home page or specific category/product pages.

You can use that snapshot to display a lightweight starting page for the site visitors, while loading a full-functioning Ecwid store in background. This significantly speeds up store loading.

Learn more about these endpoints: Static store pages

Get store home page

Get store home page’s static HTML to utilize fast load of store home page on your website pages. Learn more

Request example

GET https://storefront.ecwid.com/home-page/1003/static-code?lang=en&tplvar_ec.storefront.product_list_show_frame=true HTTP/1.1
Host: app.ecwid.com
Cache-Control: no-cache

GET https://storefront.ecwid.com/home-page/{storeId}/static-code?lang={lang}&clean_urls={clean_urls}&base_url={base_url}&tplvar_*{tplvar_*}

NameTypeDescription
storeIdnumberEcwid store ID
langstringSet the languages for text labels. If absent, the default store languages are used
clean_urlsbooleanEnable/disable SEO-friendly URLs format in the product links
base_urlstringSets the base URL for clean URLs. Pass it if you set cleanUrls as true
tplvar_*variedUse this to pass any ec.storefront.* appearance option so that the storefront will be generated according to your design settings. Learn more

Response

Response example (JSON)

{
    "cssFiles": [
        "https://d3j0zfs7paavns.cloudfront.net/css/new?hc=1402327525&ownerid=1003&frontendV2=true"
    ],
    "htmlCode": "<div class=\"static-content\">\n<script>\n\tvar Grid = function() {\n\t\tvar params = {\n\t\t\tproductListImageSize : \"MEDIUM\",\n\t\t\tcategoryImageSize : \"LARGE\",\n\t\t\tproductCellSpacing : \"\",\n\t\t\tcategoryCellSpacing : \"\"\n\t\t};\n\t\tvar settings = {\n\t\t\tproductBreakpoints: {\n\t\t\t\tLARGE : [0, 680, 1060, 1440, 10000],\n\t\t\t\tMEDIUM : [0, 260, 680, 1060, 1370, 1700, 10000],\n\t\t\t\tSMALL : [0, 260, 520, 680, 870, 1060, 1280, 1450, 1750, 10000]\n\t\t\t},\n\t\t\tcategoryBreakpoints: {\n\t\t\t\tLARGE : [0, 680, 1060, 1440, 10000],\n\t\t\t\tMEDIUM : [0, 480, 680, 1060, 1370, 1700, 10000],\n\t\t\t\tSMALL : [0, 390, 520, 680, 870, 1060, 1280, 1450, 1750, 10000]\n\t\t\t}\n\t\t};\n\t\tvar state = {\n\t\t\tproductsColumnCount: 0,\n\t\t\tcategoriesColumnCount: 0\n\t\t};\n\n\t\tvar gridProduct = document.querySelectorAll('.grid__products')[0];\n\t\tvar gridCategories = document.querySelectorAll('.grid__categories')[0];\n\n\t\tfunction checkLayout() {\n\t\t\tvar w = gridProduct.offsetWidth;\n\t\t\tfor (var i = 1; i <= settings.categoryBreakpoints[params.categoryImageSize].length; i++) {\n\t\t\t\tif (w < Math.ceil(settings.categoryBreakpoints[params.categoryImageSize][i])) {\n\t\t\t\t\tif (gridCategories && i != state.categoriesColumnCount) {\n\t\t\t\t\t\tstate.categoriesColumnCount = i;\n\t\t\t\t\t\tgridCategories.setAttribute('data-cols', i);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfor (var i = 1; i <= settings.productBreakpoints[params.productListImageSize].length; i++) {\n\t\t\t\tif (w < Math.ceil(settings.productBreakpoints[params.productListImageSize][i])) {\n\t\t\t\t\tif (i != state.productsColumnCount) {\n\t\t\t\t\t\tstate.productsColumnCount = i;\n\t\t\t\t\t\tgridProduct.setAttribute('data-cols', i);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tfunction setCellInterval(p, c) {\n\t\t\tvar style = document.getElementById('customCss') || document.createElement('div');\n\t\t\tstyle.id = 'customCss';\n\t\t\tdocument.body.appendChild(style);\n\n\t\t\tvar css = '';\n\t\t\tif (+p == p && p != \"\" ) {\n\t\t\t\tp = +p;\n\t\t\t\tcss += '.ec-size .ec-store .grid__products { margin-left: -' + Math.max(0, p/2 - .4) + 'px; margin-right: -' + p/2 + 'px; }';\n\t\t\t\tcss += '.ec-size .ec-store .grid__products .grid-product__wrap { padding: ' + p/2 + 'px; }';\n\n\t\t\t\tcss += '.ec-size:not(.ec-size--s) .ec-store .grid__products { margin-left: -' + Math.max(0, Math.min(16, p) / 2 - .4) + 'px; margin-right: -' + Math.min(16, p) / 2 + 'px; }';\n\t\t\t\tcss += '.ec-size:not(.ec-size--s) .ec-store .grid__products .grid-product__wrap { padding: ' + Math.min(16, p) / 2 + 'px; }';\n\t\t\t}\n\n\t\t\tif (+c == c && c != \"\") {\n\t\t\t\tc = +c;\n\t\t\t\tcss += '.ec-size .ec-store .grid__categories { margin-left: -' + Math.max(0, c/2 - .4) + 'px; margin-right: -' + c/2 + 'px; }';\n\t\t\t\tcss += '.ec-size .ec-store .grid-category__wrap { padding: ' + c/2 + 'px; }';\n\n\t\t\t\tcss += '.ec-size:not(.ec-size--s) .ec-store .grid__categories { margin-left: -' + Math.max(0, Math.min(16, c) / 2 - .4) + 'px; margin-right: -' + Math.min(16, c) / 2 + 'px; }';\n\t\t\t\tcss += '.ec-size:not(.ec-size--s) .ec-store .grid__categories .grid-category__wrap { padding: ' + Math.min(16, c) / 2 + 'px; }';\n\t\t\t}\n\n\t\t\tstyle.innerHTML = '<style>' + css + '</style>';\n\t\t}\n\n\t\tfunction init() {\n\t\t\tsetCellInterval(params.productCellSpacing, params.categoryCellSpacing);\n\t\t\tcheckLayout();\n\t\t\twindow.addEventListener('resize', function() {\n\t\t\t\tcheckLayout();\n\t\t\t});\n\t\t}\n\n\t\tinit();\n\t};\n</script>\n\n<style>\n\t.container {\n        padding: 0 10px 20px;\n\t}\n</style>\n\n<div class=\"container\">\n\t<div class=\"ecwid ec-size\">\n\t\t<div class=\"ec-store ec-store__category-page ec-store__category-page--0 ec-store--medium-product-images\">\n\t\t\t<div class=\"ec-store__content-wrapper ec-store__content-wrapper--wide\">\n\t\t\t\t<div class=\"ec-grid\">\n\n<div class=\"grid__categories grid__categories--advanced grid__categories--large-items grid__categories--aspect-ratio-1 \"\n\t data-items=\"3\" data-cols=\"0\">\n\t\t<div class=\"grid-category grid-category--id-20671017 grid-category--mixed  grid-category--has-shadow\">\n\t\t\t<div class=\"grid-category__wrap\">\n\t\t\t\t<div class=\"grid-category__wrap-inner\">\n\t\t\t\t\t<div class=\"grid-category__card\">\n\t\t\t\t\t\t\t<a class=\"grid-category__image\" href=\"https://www.ecwid.com/demo/Surfboards-c20671017\" data-category-id=\"20671017\">\n\t\t\t\t\t\t\t\t<div class=\"grid-category__bg\">\n\t\t\t\t\t\t\t\t\t<div class=\"grid-category__bg-color\" style=\"background-color: rgba(165,198,217,255);\"></div>\n\t\t\t\t\t\t\t\t\t<div class=\"grid-category__bg-image\"\n\t\t\t\t\t\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496619.jpg');\"></div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"grid-category__image-wrap\">\n\t\t\t\t\t\t\t\t\t<div class=\"grid-category__image-spacer\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"grid-category__image-spacer-inner\"></div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"grid-category__picture\"\n\t\t\t\t\t\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496619.jpg');\"></div>\n\t\t\t\t\t\t\t\t\t<div class=\"grid__clearfix\"></div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"grid-category__shadow\">\n\t\t\t\t\t\t\t\t\t<div class=\"grid-category__shadow-inner\">Surfboards</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</a>\n\t<a class=\"grid-category__title\" href=\"https://www.ecwid.com/demo/Surfboards-c20671017\" data-category-id=\"20671017\">\n\t\t<div class=\"grid-category__title-inner\">Surfboards</div>\n\t</a>\n\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"grid-category__spacer\">\n\t\t\t\t\t\t\t<div class=\"grid-category__spacer-inner\"></div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"grid__clearfix\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-category grid-category--id-20671018 grid-category--mixed grid-category--dark grid-category--has-shadow\">\n\t\t\t<div class=\"grid-category__wrap\">\n\t\t\t\t<div class=\"grid-category__wrap-inner\">\n\t\t\t\t\t<div class=\"grid-category__card\">\n\t\t\t\t\t\t\t<a class=\"grid-category__image\" href=\"https://www.ecwid.com/demo/Mens-Apparel-c20671018\" data-category-id=\"20671018\">\n\t\t\t\t\t\t\t\t<div class=\"grid-category__bg\">\n\t\t\t\t\t\t\t\t\t<div class=\"grid-category__bg-color\" style=\"background-color: rgba(134,125,121,255);\"></div>\n\t\t\t\t\t\t\t\t\t<div class=\"grid-category__bg-image\"\n\t\t\t\t\t\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/627902790.jpg');\"></div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"grid-category__image-wrap\">\n\t\t\t\t\t\t\t\t\t<div class=\"grid-category__image-spacer\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"grid-category__image-spacer-inner\"></div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"grid-category__picture\"\n\t\t\t\t\t\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/627902790.jpg');\"></div>\n\t\t\t\t\t\t\t\t\t<div class=\"grid__clearfix\"></div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"grid-category__shadow\">\n\t\t\t\t\t\t\t\t\t<div class=\"grid-category__shadow-inner\">Mens Apparel</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</a>\n\t<a class=\"grid-category__title\" href=\"https://www.ecwid.com/demo/Mens-Apparel-c20671018\" data-category-id=\"20671018\">\n\t\t<div class=\"grid-category__title-inner\">Mens Apparel</div>\n\t</a>\n\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"grid-category__spacer\">\n\t\t\t\t\t\t\t<div class=\"grid-category__spacer-inner\"></div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"grid__clearfix\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-category grid-category--id-20671019 grid-category--mixed grid-category--dark grid-category--has-shadow\">\n\t\t\t<div class=\"grid-category__wrap\">\n\t\t\t\t<div class=\"grid-category__wrap-inner\">\n\t\t\t\t\t<div class=\"grid-category__card\">\n\t\t\t\t\t\t\t<a class=\"grid-category__image\" href=\"https://www.ecwid.com/demo/Womens-Apparel-c20671019\" data-category-id=\"20671019\">\n\t\t\t\t\t\t\t\t<div class=\"grid-category__bg\">\n\t\t\t\t\t\t\t\t\t<div class=\"grid-category__bg-color\" style=\"background-color: rgba(88,71,87,255);\"></div>\n\t\t\t\t\t\t\t\t\t<div class=\"grid-category__bg-image\"\n\t\t\t\t\t\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496434.jpg');\"></div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"grid-category__image-wrap\">\n\t\t\t\t\t\t\t\t\t<div class=\"grid-category__image-spacer\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"grid-category__image-spacer-inner\"></div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"grid-category__picture\"\n\t\t\t\t\t\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496434.jpg');\"></div>\n\t\t\t\t\t\t\t\t\t<div class=\"grid__clearfix\"></div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"grid-category__shadow\">\n\t\t\t\t\t\t\t\t\t<div class=\"grid-category__shadow-inner\">Womens Apparel</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</a>\n\t<a class=\"grid-category__title\" href=\"https://www.ecwid.com/demo/Womens-Apparel-c20671019\" data-category-id=\"20671019\">\n\t\t<div class=\"grid-category__title-inner\">Womens Apparel</div>\n\t</a>\n\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"grid-category__spacer\">\n\t\t\t\t\t\t\t<div class=\"grid-category__spacer-inner\"></div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"grid__clearfix\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\t\t\t\t\t\t<div class=\"ec-page-title\">\n\t\t\t\t\t\t\t<h1 class=\"page-title__name\">Featured Products</h1>\n\t\t\t\t\t\t</div>\n\n<div class=\"grid__products grid__products--medium-items grid__products--aspect-ratio-1 grid__products--appearance-frame grid__products--layout-center \" data-items=\"8\" data-cols=\"0\">\n\t\t<div class=\"grid-product grid-product--id-109736045  grid-product--has-shadow grid-product--has-additional-image \">\n\t\t\t<div class=\"grid-product__wrap\">\n\t\t\t\t<div class=\"grid-product__wrap-inner\">\n\t<a class=\"grid-product__image\" href=\"https://www.ecwid.com/demo/Black-Tank-p109736045\" data-product-id=\"109736045\">\n\t\t<div class=\"grid-product__spacer\">\n\t\t\t<div class=\"grid-product__spacer-inner\"></div>\n\t\t</div>\n\t\t\t<div class=\"grid-product__bg\" style=\"background-color: rgba(222,219,219,255);\"></div>\n\t\t<div class=\"grid-product__image-wrap\">\n\n\t\t\t\t<img class=\"grid-product__picture\" src=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496375.jpg\" style=\"width:100%;height:100%\">\n\t\t\t\t<div class=\"grid-product__picture-additional grid-product__picture-additional--simple \"\n\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496472.jpg');\n\t\t\t\t\t background-color: rgb(255, 255, 255);\">\n\t\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product__shadow\">\n\t\t\t<div class=\"grid-product__shadow-inner\">Black Tank</div>\n\t\t</div>\n\t\t<div class=\"grid-product__hover-wrap\">\n\t\t</div>\n\t\t<div class=\"grid__clearfix\"></div>\n\t</a>\n\n\t<a class=\"grid-product__title\" href=\"https://www.ecwid.com/demo/Black-Tank-p109736045\" data-product-id=\"109736045\">\n\t\t<div class=\"grid-product__title-inner\">Black Tank</div>\n\t</a>\n\t<div class=\"grid-product__price\">\n\t\t<div class=\"grid-product__price-amount\">$19.95</div>\n\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product grid-product--id-109736047  grid-product--has-shadow grid-product--has-additional-image \">\n\t\t\t<div class=\"grid-product__wrap\">\n\t\t\t\t<div class=\"grid-product__wrap-inner\">\n\t<a class=\"grid-product__image\" href=\"https://www.ecwid.com/demo/Boardshorts-p109736047\" data-product-id=\"109736047\">\n\t\t<div class=\"grid-product__spacer\">\n\t\t\t<div class=\"grid-product__spacer-inner\"></div>\n\t\t</div>\n\t\t\t<div class=\"grid-product__bg\" style=\"background-color: rgba(216,212,213,255);\"></div>\n\t\t<div class=\"grid-product__image-wrap\">\n\n\t\t\t\t<img class=\"grid-product__picture\" src=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496377.jpg\" style=\"width:100%;height:100%\">\n\t\t\t\t<div class=\"grid-product__picture-additional grid-product__picture-additional--simple \"\n\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496492.jpg');\n\t\t\t\t\t background-color: rgb(255, 255, 255);\">\n\t\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product__shadow\">\n\t\t\t<div class=\"grid-product__shadow-inner\">Boardshorts</div>\n\t\t</div>\n\t\t<div class=\"grid-product__hover-wrap\">\n\t\t</div>\n\t\t<div class=\"grid__clearfix\"></div>\n\t</a>\n\n\t<a class=\"grid-product__title\" href=\"https://www.ecwid.com/demo/Boardshorts-p109736047\" data-product-id=\"109736047\">\n\t\t<div class=\"grid-product__title-inner\">Boardshorts</div>\n\t</a>\n\t<div class=\"grid-product__price\">\n\t\t<div class=\"grid-product__price-amount\">$49.95</div>\n\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product grid-product--id-109736049  grid-product--has-shadow grid-product--has-additional-image \">\n\t\t\t<div class=\"grid-product__wrap\">\n\t\t\t\t<div class=\"grid-product__wrap-inner\">\n\t<a class=\"grid-product__image\" href=\"https://www.ecwid.com/demo/Jade-Tank-p109736049\" data-product-id=\"109736049\">\n\t\t<div class=\"grid-product__spacer\">\n\t\t\t<div class=\"grid-product__spacer-inner\"></div>\n\t\t</div>\n\t\t\t<div class=\"grid-product__bg\" style=\"background-color: rgba(200,199,200,255);\"></div>\n\t\t<div class=\"grid-product__image-wrap\">\n\n\t\t\t\t<img class=\"grid-product__picture\" src=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496361.jpg\" style=\"width:100%;height:100%\">\n\t\t\t\t<div class=\"grid-product__picture-additional grid-product__picture-additional--simple \"\n\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496507.jpg');\n\t\t\t\t\t background-color: rgb(255, 255, 255);\">\n\t\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product__shadow\">\n\t\t\t<div class=\"grid-product__shadow-inner\">Jade Tank</div>\n\t\t</div>\n\t\t<div class=\"grid-product__hover-wrap\">\n\t\t</div>\n\t\t<div class=\"grid__clearfix\"></div>\n\t</a>\n\n\t<a class=\"grid-product__title\" href=\"https://www.ecwid.com/demo/Jade-Tank-p109736049\" data-product-id=\"109736049\">\n\t\t<div class=\"grid-product__title-inner\">Jade Tank</div>\n\t</a>\n\t<div class=\"grid-product__price\">\n\t\t<div class=\"grid-product__price-amount\">$19.95</div>\n\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product grid-product--id-109736046  grid-product--has-shadow grid-product--has-additional-image grid-product--dark\">\n\t\t\t<div class=\"grid-product__wrap\">\n\t\t\t\t<div class=\"grid-product__wrap-inner\">\n\t<a class=\"grid-product__image\" href=\"https://www.ecwid.com/demo/Blue-Flannel-p109736046\" data-product-id=\"109736046\">\n\t\t<div class=\"grid-product__spacer\">\n\t\t\t<div class=\"grid-product__spacer-inner\"></div>\n\t\t</div>\n\t\t\t<div class=\"grid-product__bg\" style=\"background-color: rgba(166,176,184,255);\"></div>\n\t\t<div class=\"grid-product__image-wrap\">\n\n\t\t\t\t<img class=\"grid-product__picture\" src=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496378.jpg\" style=\"width:100%;height:100%\">\n\t\t\t\t<div class=\"grid-product__picture-additional grid-product__picture-additional--mixed \"\n\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496482.jpg');\n\t\t\t\t\t background-color: rgb(255, 255, 255);\">\n\t\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product__shadow\">\n\t\t\t<div class=\"grid-product__shadow-inner\">Blue Flannel</div>\n\t\t</div>\n\t\t<div class=\"grid-product__hover-wrap\">\n\t\t</div>\n\t\t<div class=\"grid__clearfix\"></div>\n\t</a>\n\n\t<a class=\"grid-product__title\" href=\"https://www.ecwid.com/demo/Blue-Flannel-p109736046\" data-product-id=\"109736046\">\n\t\t<div class=\"grid-product__title-inner\">Blue Flannel</div>\n\t</a>\n\t<div class=\"grid-product__price\">\n\t\t<div class=\"grid-product__price-amount\">$29.95</div>\n\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product grid-product--id-109736052  grid-product--has-shadow grid-product--has-additional-image \">\n\t\t\t<div class=\"grid-product__wrap\">\n\t\t\t\t<div class=\"grid-product__wrap-inner\">\n\t<a class=\"grid-product__image\" href=\"https://www.ecwid.com/demo/White-Tank-p109736052\" data-product-id=\"109736052\">\n\t\t<div class=\"grid-product__spacer\">\n\t\t\t<div class=\"grid-product__spacer-inner\"></div>\n\t\t</div>\n\t\t\t<div class=\"grid-product__bg\" style=\"background-color: rgba(196,189,185,255);\"></div>\n\t\t<div class=\"grid-product__image-wrap\">\n\n\t\t\t\t<img class=\"grid-product__picture\" src=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496360.jpg\" style=\"width:100%;height:100%\">\n\t\t\t\t<div class=\"grid-product__picture-additional grid-product__picture-additional--simple \"\n\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496532.jpg');\n\t\t\t\t\t background-color: rgb(255, 255, 255);\">\n\t\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product__shadow\">\n\t\t\t<div class=\"grid-product__shadow-inner\">White Tank</div>\n\t\t</div>\n\t\t<div class=\"grid-product__hover-wrap\">\n\t\t</div>\n\t\t<div class=\"grid__clearfix\"></div>\n\t</a>\n\n\t<a class=\"grid-product__title\" href=\"https://www.ecwid.com/demo/White-Tank-p109736052\" data-product-id=\"109736052\">\n\t\t<div class=\"grid-product__title-inner\">White Tank</div>\n\t</a>\n\t<div class=\"grid-product__price\">\n\t\t<div class=\"grid-product__price-amount\">$39.95</div>\n\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product grid-product--id-109736048  grid-product--has-shadow grid-product--has-additional-image grid-product--dark\">\n\t\t\t<div class=\"grid-product__wrap\">\n\t\t\t\t<div class=\"grid-product__wrap-inner\">\n\t<a class=\"grid-product__image\" href=\"https://www.ecwid.com/demo/Flower-Woven-p109736048\" data-product-id=\"109736048\">\n\t\t<div class=\"grid-product__spacer\">\n\t\t\t<div class=\"grid-product__spacer-inner\"></div>\n\t\t</div>\n\t\t\t<div class=\"grid-product__bg\" style=\"background-color: rgba(155,153,148,255);\"></div>\n\t\t<div class=\"grid-product__image-wrap\">\n\n\t\t\t\t<img class=\"grid-product__picture\" src=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496376.jpg\" style=\"width:100%;height:100%\">\n\t\t\t\t<div class=\"grid-product__picture-additional grid-product__picture-additional--simple \"\n\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496502.jpg');\n\t\t\t\t\t background-color: rgb(255, 255, 255);\">\n\t\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product__shadow\">\n\t\t\t<div class=\"grid-product__shadow-inner\">Flower Woven</div>\n\t\t</div>\n\t\t<div class=\"grid-product__hover-wrap\">\n\t\t</div>\n\t\t<div class=\"grid__clearfix\"></div>\n\t</a>\n\n\t<a class=\"grid-product__title\" href=\"https://www.ecwid.com/demo/Flower-Woven-p109736048\" data-product-id=\"109736048\">\n\t\t<div class=\"grid-product__title-inner\">Flower Woven</div>\n\t</a>\n\t<div class=\"grid-product__price\">\n\t\t<div class=\"grid-product__price-amount\">$49.95</div>\n\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product grid-product--id-109736044  grid-product--has-shadow grid-product--has-additional-image \">\n\t\t\t<div class=\"grid-product__wrap\">\n\t\t\t\t<div class=\"grid-product__wrap-inner\">\n\t<a class=\"grid-product__image\" href=\"https://www.ecwid.com/demo/Black-Dress-p109736044\" data-product-id=\"109736044\">\n\t\t<div class=\"grid-product__spacer\">\n\t\t\t<div class=\"grid-product__spacer-inner\"></div>\n\t\t</div>\n\t\t\t<div class=\"grid-product__bg\" style=\"background-color: rgba(227,229,232,255);\"></div>\n\t\t<div class=\"grid-product__image-wrap\">\n\n\t\t\t\t<img class=\"grid-product__picture\" src=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496372.jpg\" style=\"width:100%;height:100%\">\n\t\t\t\t<div class=\"grid-product__picture-additional grid-product__picture-additional--simple \"\n\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496454.jpg');\n\t\t\t\t\t background-color: rgb(255, 255, 255);\">\n\t\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product__shadow\">\n\t\t\t<div class=\"grid-product__shadow-inner\">Black Dress</div>\n\t\t</div>\n\t\t<div class=\"grid-product__hover-wrap\">\n\t\t</div>\n\t\t<div class=\"grid__clearfix\"></div>\n\t</a>\n\n\t<a class=\"grid-product__title\" href=\"https://www.ecwid.com/demo/Black-Dress-p109736044\" data-product-id=\"109736044\">\n\t\t<div class=\"grid-product__title-inner\">Black Dress</div>\n\t</a>\n\t<div class=\"grid-product__price\">\n\t\t<div class=\"grid-product__price-amount\">$44.95</div>\n\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product grid-product--id-109736050  grid-product--has-shadow grid-product--has-additional-image \">\n\t\t\t<div class=\"grid-product__wrap\">\n\t\t\t\t<div class=\"grid-product__wrap-inner\">\n\t<a class=\"grid-product__image\" href=\"https://www.ecwid.com/demo/Rimini-Romper-p109736050\" data-product-id=\"109736050\">\n\t\t<div class=\"grid-product__spacer\">\n\t\t\t<div class=\"grid-product__spacer-inner\"></div>\n\t\t</div>\n\t\t\t<div class=\"grid-product__bg\" style=\"background-color: rgba(213,208,203,255);\"></div>\n\t\t<div class=\"grid-product__image-wrap\">\n\n\t\t\t\t<img class=\"grid-product__picture\" src=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496363.jpg\" style=\"width:100%;height:100%\">\n\t\t\t\t<div class=\"grid-product__picture-additional grid-product__picture-additional--simple \"\n\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496519.jpg');\n\t\t\t\t\t background-color: rgb(255, 255, 255);\">\n\t\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product__shadow\">\n\t\t\t<div class=\"grid-product__shadow-inner\">Rimini Romper</div>\n\t\t</div>\n\t\t<div class=\"grid-product__hover-wrap\">\n\t\t</div>\n\t\t<div class=\"grid__clearfix\"></div>\n\t</a>\n\n\t<a class=\"grid-product__title\" href=\"https://www.ecwid.com/demo/Rimini-Romper-p109736050\" data-product-id=\"109736050\">\n\t\t<div class=\"grid-product__title-inner\">Rimini Romper</div>\n\t</a>\n\t<div class=\"grid-product__price\">\n\t\t<div class=\"grid-product__price-amount\">$159.95</div>\n\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\t\t\t\t</div>\n\n<div class=\"ec-footer\">\n\t<ul data-items=\"4\">\n\t\t\t<li>\n\t\t\t\t<a class=\"ec-link link--icon-top footer__link--track-order\" href=\"/account/orders\">\n\t\t\t\t\t<span class=\"svg-icon\">\n\t\t\t\t\t\t<svg width=\"16\" height=\"18\" viewBox=\"0 0 16 18\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t<g fill-rule=\"nonzero\" fill=\"currentColor\">\n\t\t\t\t\t\t\t\t<path d=\"M1 5.414V17h14V1H5.414L1 5.414zM15 0c.552 0 1 .445 1 .993v16.014c0 .548-.445.993-1 .993H1c-.552 0-1-.445-1-.993V5l5-5h10z\"></path>\n\t\t\t\t\t\t\t\t<path d=\"M5.108 9.832c-.19-.2-.508-.205-.707-.013-.198.19-.204.507-.012.706l2.823 2.93c.216.225.58.2.765-.05l5.153-7.04c.164-.223.115-.536-.108-.7-.222-.162-.535-.114-.698.11l-4.803 6.56L5.107 9.83zM0 5v1h6V0H5v5\"></path>\n\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</span>\nTrack Orders\t\t\t\t</a>\n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t<a class=\"ec-link link--icon-top footer__link--shopping-favorites\" href=\"/account/favorites\">\n\t\t\t\t\t<span class=\"svg-icon\">\n\t\t\t\t\t\t<svg width=\"18\" height=\"16\" viewBox=\"0 0 18 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9 16c-.16 0-.32-.063-.442-.188L2.29 9.543C2.21 9.47 0 7.375 0 4.875 0 1.823 1.798 0 4.8 0 6.56 0 8.207 1.438 9 2.25 9.794 1.437 11.44 0 13.2 0 16.2 0 18 1.823 18 4.875c0 2.5-2.21 4.594-2.3 4.688l-6.258 6.25c-.12.124-.28.187-.442.187zm5.98-7.132c.105-.103.215-.216.356-.375.235-.264.467-.56.684-.88.618-.914.98-1.85.98-2.738C17 2.373 15.647 1 13.2 1c-1.098 0-2.358.795-3.485 1.95L9 3.68l-.715-.73C7.158 1.794 5.898 1 4.8 1 2.354 1 1 2.373 1 4.875 1 6.4 2.043 7.967 2.997 8.835L9 14.84l5.98-5.972z\" fill-rule=\"nonzero\" fill=\"currentColor\"></path></svg>\n\t\t\t\t\t</span>\nFavorites\t\t\t\t</a>\n\t\t\t</li>\n\t\t<li>\n\t\t\t<a class=\"ec-link link--icon-top footer__link--shopping-cart footer__link--empty\" href=\"/cart\">\n\t\t\t\t<span class=\"svg-icon\">\n\t\t\t\t\t<svg width=\"16\" height=\"20\" viewBox=\"0 0 16 20\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M1 5v13.006c0 .548.446.994.994.994h12.012c.548 0 .994-.446.994-.994V5H1zm15-1v14.006c0 1.1-.895 1.994-1.994 1.994H1.994C.894 20 0 19.105 0 18.006V4h16z\"  fill=\"currentColor\" fill-rule=\"nonzero\"></path>\n\t\t\t\t\t\t\t<path d=\"M5 7s-.005.5-.504.5C3.996 7.5 4 7 4 7V4c0-2.21 1.79-4 4-4s4 1.79 4 4v3s-.002.5-.5.5S11 7 11 7V4c0-1.657-1.343-3-3-3S5 2.343 5 4v3z\" fill=\"currentColor\"></path>\n\t\t\t\t\t\t</g>\n\t\t\t\t\t</svg>\n\t\t\t\t</span>\nShopping Bag\t\t\t</a>\n\t\t</li>\n\t\t\t<li>\n\t\t\t\t<a class=\"ec-link link--icon-top footer__link--sigin-in\" href=\"/signIn\">\n\t\t\t\t\t<span class=\"svg-icon\">\n\t\t\t\t\t\t<svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t<g fill-rule=\"nonzero\" fill=\"currentColor\">\n\t\t\t\t\t\t\t\t<path d=\"M11 21c5.523 0 10-4.477 10-10S16.523 1 11 1 1 5.477 1 11s4.477 10 10 10zm0 1C4.925 22 0 17.075 0 11S4.925 0 11 0s11 4.925 11 11-4.925 11-11 11z\"></path>\n\t\t\t\t\t\t\t\t<path d=\"M18.08 18.854c-.502-.617-1.156-1.143-1.974-1.612-.168-.096-.46-.248-.902-.47-.358-.18-.97-.483-.94-.466-.543-.295-.927-.56-1.117-.782l-.155-.824c1.625-.848 2.563-2.847 2.563-5.24 0-2.96-1.872-5.04-4.555-5.04S6.446 6.5 6.446 9.46c0 2.42.945 4.427 2.588 5.26l-.135.725c-.16.214-.7.595-1.188.865.032-.018-.567.28-.973.485-.4.2-.69.353-.856.45-.81.463-1.457.986-1.956 1.595.092.29.512.498.81.588.426-.507.973-.932 1.644-1.317.407-.233 1.794-.914 1.814-.925.352-.195 1.17-.694 1.504-1.143l.14-.186.315-1.69-.67-.34c-1.25-.633-2.04-2.272-2.04-4.365 0-2.472 1.49-4.04 3.555-4.04 2.067 0 3.555 1.568 3.555 4.04 0 2.07-.784 3.705-2.026 4.353l-.657.343.34 1.816.175.204c.33.385.884.73 1.4 1.01.024.01 1.413.69 1.82.924.697.398 1.26.838 1.69 1.368.468-.186.663-.403.782-.624z\"></path>\n\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</span>\nSign In\t\t\t\t</a>\n\t\t\t</li>\n\t</ul>\n</div>\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n\n<script>\n\t//ec-size классы\n\t(function() {\n\t\tvar ecwidContainer = document.querySelector('.ec-store');\n\t\tvar breakpoints = {\n\t\t\t320: 'ec-size--xxs',\n\t\t\t414: 'ec-size--xs',\n\t\t\t480: 'ec-size--s',\n\t\t\t768: 'ec-size--m',\n\t\t\t1024: 'ec-size--l',\n\t\t\t1100: 'ec-size--xl',\n\t\t\t1440: 'ec-size--xxl'\n\t\t};\n\n\t\tfunction onResize() {\n\t\t\tvar w = ecwidContainer.offsetWidth;\n\t\t\tfor (var i in breakpoints) {\n\t\t\t\tif (w >= i) {\n\t\t\t\t\tecwidContainer.parentNode.classList.add(breakpoints[i]);\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tecwidContainer.parentNode.classList.remove(breakpoints[i]);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tonResize();\n\t\twindow.addEventListener('load', onResize);\n\t\twindow.addEventListener('resize', onResize);\n\n\t})();\n\n\tvar grid = new Grid();\n</script></div>",
    "metaDescriptionHtml": "<title>Ecwid Demo Store</title>\n",
    "canonicalUrl": "",
    "ogTagsHtml": "",
    "jsonLDHtml": ""
}

A JSON object of type ‘Page’ with the following fields:

Page

NameTypeDescription
cssFilesArray of stringsList of CSS URLs for the page design to display properly
htmlCodestringHTML code for the static page
metaDescriptionHtmlstringHTML code for the meta title and description
canonicalUrlstringCanonical URL for this page
ogTagsHtmlstringHTML code for Open Graph tags
jsonLDHtmlstringHTML code for JSON-LD product description

Get category page

Get static page contents for specific category in your store to utilize fast load of store pages on your website. Learn more

Request example

GET https://storefront.ecwid.com/category-page/1003/20671017/static-code?lang=en&tplvar_ec.storefront.product_list_show_frame=true HTTP/1.1
Host: app.ecwid.com
Cache-Control: no-cache

GET https://storefront.ecwid.com/category-page/{storeId}/{categoryId}/static-code?lang={lang}&clean_urls={clean_urls}&base_url={base_url}&tplvar_*{tplvar_*}

NameTypeDescription
storeIdnumberEcwid store ID
categoryIdnumberCategory ID
langstringSet the languages for text labels. If absent, the default store languages are used
clean_urlsbooleanEnable/disable SEO-friendly URLs format in the product links
base_urlstringSets the base URL for clean URLs. Pass it if you set cleanUrls as true
tplvar_*variedUse this to pass any ec.storefront.* appearance option so that the storefront will be generated according to your design settings. Learn more

Response

Response example (JSON)

{
    "cssFiles": [
        "https://d3j0zfs7paavns.cloudfront.net/css/new?hc=1397290867&ownerid=1003&frontendV2=true"
    ],
    "htmlCode": "<div class=\"static-content\">\n<script>\n\tvar Grid = function() {\n\t\tvar params = {\n\t\t\tproductListImageSize : \"MEDIUM\",\n\t\t\tcategoryImageSize : \"LARGE\",\n\t\t\tproductCellSpacing : \"\",\n\t\t\tcategoryCellSpacing : \"\"\n\t\t};\n\t\tvar settings = {\n\t\t\tproductBreakpoints: {\n\t\t\t\tLARGE : [0, 680, 1060, 1440, 10000],\n\t\t\t\tMEDIUM : [0, 260, 680, 1060, 1370, 1700, 10000],\n\t\t\t\tSMALL : [0, 260, 520, 680, 870, 1060, 1280, 1450, 1750, 10000]\n\t\t\t},\n\t\t\tcategoryBreakpoints: {\n\t\t\t\tLARGE : [0, 680, 1060, 1440, 10000],\n\t\t\t\tMEDIUM : [0, 480, 680, 1060, 1370, 1700, 10000],\n\t\t\t\tSMALL : [0, 390, 520, 680, 870, 1060, 1280, 1450, 1750, 10000]\n\t\t\t}\n\t\t};\n\t\tvar state = {\n\t\t\tproductsColumnCount: 0,\n\t\t\tcategoriesColumnCount: 0\n\t\t};\n\n\t\tvar gridProduct = document.querySelectorAll('.grid__products')[0];\n\t\tvar gridCategories = document.querySelectorAll('.grid__categories')[0];\n\n\t\tfunction checkLayout() {\n\t\t\tvar w = gridProduct.offsetWidth;\n\t\t\tfor (var i = 1; i <= settings.categoryBreakpoints[params.categoryImageSize].length; i++) {\n\t\t\t\tif (w < Math.ceil(settings.categoryBreakpoints[params.categoryImageSize][i])) {\n\t\t\t\t\tif (gridCategories && i != state.categoriesColumnCount) {\n\t\t\t\t\t\tstate.categoriesColumnCount = i;\n\t\t\t\t\t\tgridCategories.setAttribute('data-cols', i);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfor (var i = 1; i <= settings.productBreakpoints[params.productListImageSize].length; i++) {\n\t\t\t\tif (w < Math.ceil(settings.productBreakpoints[params.productListImageSize][i])) {\n\t\t\t\t\tif (i != state.productsColumnCount) {\n\t\t\t\t\t\tstate.productsColumnCount = i;\n\t\t\t\t\t\tgridProduct.setAttribute('data-cols', i);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tfunction setCellInterval(p, c) {\n\t\t\tvar style = document.getElementById('customCss') || document.createElement('div');\n\t\t\tstyle.id = 'customCss';\n\t\t\tdocument.body.appendChild(style);\n\n\t\t\tvar css = '';\n\t\t\tif (+p == p && p != \"\" ) {\n\t\t\t\tp = +p;\n\t\t\t\tcss += '.ec-size .ec-store .grid__products { margin-left: -' + Math.max(0, p/2 - .4) + 'px; margin-right: -' + p/2 + 'px; }';\n\t\t\t\tcss += '.ec-size .ec-store .grid__products .grid-product__wrap { padding: ' + p/2 + 'px; }';\n\n\t\t\t\tcss += '.ec-size:not(.ec-size--s) .ec-store .grid__products { margin-left: -' + Math.max(0, Math.min(16, p) / 2 - .4) + 'px; margin-right: -' + Math.min(16, p) / 2 + 'px; }';\n\t\t\t\tcss += '.ec-size:not(.ec-size--s) .ec-store .grid__products .grid-product__wrap { padding: ' + Math.min(16, p) / 2 + 'px; }';\n\t\t\t}\n\n\t\t\tif (+c == c && c != \"\") {\n\t\t\t\tc = +c;\n\t\t\t\tcss += '.ec-size .ec-store .grid__categories { margin-left: -' + Math.max(0, c/2 - .4) + 'px; margin-right: -' + c/2 + 'px; }';\n\t\t\t\tcss += '.ec-size .ec-store .grid-category__wrap { padding: ' + c/2 + 'px; }';\n\n\t\t\t\tcss += '.ec-size:not(.ec-size--s) .ec-store .grid__categories { margin-left: -' + Math.max(0, Math.min(16, c) / 2 - .4) + 'px; margin-right: -' + Math.min(16, c) / 2 + 'px; }';\n\t\t\t\tcss += '.ec-size:not(.ec-size--s) .ec-store .grid__categories .grid-category__wrap { padding: ' + Math.min(16, c) / 2 + 'px; }';\n\t\t\t}\n\n\t\t\tstyle.innerHTML = '<style>' + css + '</style>';\n\t\t}\n\n\t\tfunction init() {\n\t\t\tsetCellInterval(params.productCellSpacing, params.categoryCellSpacing);\n\t\t\tcheckLayout();\n\t\t\twindow.addEventListener('resize', function() {\n\t\t\t\tcheckLayout();\n\t\t\t});\n\t\t}\n\n\t\tinit();\n\t};\n</script>\n\n<style>\n\t.container {\n        padding: 0 10px 20px;\n\t}\n</style>\n\n<div class=\"container\">\n\t<div class=\"ecwid ec-size\">\n\t\t<div class=\"ec-store ec-store__category-page ec-store__category-page--0 ec-store--medium-product-images\">\n\t\t\t<div class=\"ec-store__content-wrapper ec-store__content-wrapper--wide\">\n\t\t\t\t<div class=\"ec-grid\">\n<div class=\"grid__description\">\n\t<div class=\"grid__description-inner\">\n\t\t<p><img src=\"https://s3.amazonaws.com/images.ecwid.com/images/wysiwyg/category/1003/20671017/1472057318778604431600/Surfboard_Header__1__jpg\"></p>\n\t</div>\n</div>\n<div class=\"grid__categories grid__categories--advanced grid__categories--large-items grid__categories--aspect-ratio-1 \"\n\t data-items=\"0\" data-cols=\"0\">\n</div>\n<div class=\"grid__products grid__products--medium-items grid__products--aspect-ratio-1  grid__products--layout-center \" data-items=\"6\" data-cols=\"0\">\n\t\t<div class=\"grid-product grid-product--id-70178253  grid-product--has-shadow grid-product--has-additional-image \">\n\t\t\t<div class=\"grid-product__wrap\">\n\t\t\t\t<div class=\"grid-product__wrap-inner\">\n\t<a class=\"grid-product__image\" href=\"https://mdemo.ecwid.com/Channel-Islands-New-Flyer-62-Surfboard-p70178253\" data-product-id=\"70178253\">\n\t\t<div class=\"grid-product__spacer\">\n\t\t\t<div class=\"grid-product__spacer-inner\"></div>\n\t\t</div>\n\t\t\t<div class=\"grid-product__bg\" style=\"background-color: rgba(255,255,255,255);\"></div>\n\t\t<div class=\"grid-product__image-wrap\">\n\n\t\t\t\t<img class=\"grid-product__picture\" src=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/524043499.jpg\" style=\"width:100%;height:100%\">\n\t\t\t\t<div class=\"grid-product__picture-additional grid-product__picture-additional--simple grid-product__picture-additional--opaque\"\n\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414486997.jpg');\n\t\t\t\t\t background-color: rgb(255, 255, 255);\">\n\t\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product__shadow\">\n\t\t\t<div class=\"grid-product__shadow-inner\">Channel Islands New Flyer 6'2 Surfboard</div>\n\t\t</div>\n\t\t<div class=\"grid-product__hover-wrap\">\n\t\t</div>\n\t\t<div class=\"grid__clearfix\"></div>\n\t</a>\n\n\t<a class=\"grid-product__title\" href=\"https://mdemo.ecwid.com/Channel-Islands-New-Flyer-62-Surfboard-p70178253\" data-product-id=\"70178253\">\n\t\t<div class=\"grid-product__title-inner\">Channel Islands New Flyer 6'2 Surfboard</div>\n\t</a>\n\t<div class=\"grid-product__price\">\n\t\t<div class=\"grid-product__price-amount\">$775.00</div>\n\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product grid-product--id-70178249  grid-product--has-shadow grid-product--has-additional-image \">\n\t\t\t<div class=\"grid-product__wrap\">\n\t\t\t\t<div class=\"grid-product__wrap-inner\">\n\t<a class=\"grid-product__image\" href=\"https://mdemo.ecwid.com/PYZEL-Amigo-62-Surfboard-p70178249\" data-product-id=\"70178249\">\n\t\t<div class=\"grid-product__spacer\">\n\t\t\t<div class=\"grid-product__spacer-inner\"></div>\n\t\t</div>\n\t\t\t<div class=\"grid-product__bg\" style=\"background-color: rgba(255,255,255,255);\"></div>\n\t\t<div class=\"grid-product__image-wrap\">\n\n\t\t\t\t<img class=\"grid-product__picture\" src=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/524043487.jpg\" style=\"width:100%;height:100%\">\n\t\t\t\t<div class=\"grid-product__picture-additional grid-product__picture-additional--simple grid-product__picture-additional--opaque\"\n\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476274.jpg');\n\t\t\t\t\t background-color: rgb(255, 255, 255);\">\n\t\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product__shadow\">\n\t\t\t<div class=\"grid-product__shadow-inner\">PYZEL Amigo 6'2 Surfboard</div>\n\t\t</div>\n\t\t<div class=\"grid-product__hover-wrap\">\n\t\t</div>\n\t\t<div class=\"grid__clearfix\"></div>\n\t</a>\n\n\t<a class=\"grid-product__title\" href=\"https://mdemo.ecwid.com/PYZEL-Amigo-62-Surfboard-p70178249\" data-product-id=\"70178249\">\n\t\t<div class=\"grid-product__title-inner\">PYZEL Amigo 6'2 Surfboard</div>\n\t</a>\n\t<div class=\"grid-product__price\">\n\t\t<div class=\"grid-product__price-amount\">$650.00</div>\n\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product grid-product--id-70178254  grid-product--has-shadow grid-product--has-additional-image \">\n\t\t\t<div class=\"grid-product__wrap\">\n\t\t\t\t<div class=\"grid-product__wrap-inner\">\n\t<a class=\"grid-product__image\" href=\"https://mdemo.ecwid.com/JS-Monsta-Box-61-Surfboard-p70178254\" data-product-id=\"70178254\">\n\t\t<div class=\"grid-product__spacer\">\n\t\t\t<div class=\"grid-product__spacer-inner\"></div>\n\t\t</div>\n\t\t\t<div class=\"grid-product__bg\" style=\"background-color: rgba(255,255,255,255);\"></div>\n\t\t<div class=\"grid-product__image-wrap\">\n\n\t\t\t\t<img class=\"grid-product__picture\" src=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/524043502.jpg\" style=\"width:100%;height:100%\">\n\t\t\t\t<div class=\"grid-product__picture-additional grid-product__picture-additional--simple grid-product__picture-additional--opaque\"\n\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414490036.jpg');\n\t\t\t\t\t background-color: rgb(255, 255, 255);\">\n\t\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product__shadow\">\n\t\t\t<div class=\"grid-product__shadow-inner\">JS Monsta Box 6'1 Surfboard</div>\n\t\t</div>\n\t\t<div class=\"grid-product__hover-wrap\">\n\t\t</div>\n\t\t<div class=\"grid__clearfix\"></div>\n\t</a>\n\n\t<a class=\"grid-product__title\" href=\"https://mdemo.ecwid.com/JS-Monsta-Box-61-Surfboard-p70178254\" data-product-id=\"70178254\">\n\t\t<div class=\"grid-product__title-inner\">JS Monsta Box 6'1 Surfboard</div>\n\t</a>\n\t<div class=\"grid-product__price\">\n\t\t<div class=\"grid-product__price-amount\">$665.00</div>\n\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product grid-product--id-70178255  grid-product--has-shadow grid-product--has-additional-image \">\n\t\t\t<div class=\"grid-product__wrap\">\n\t\t\t\t<div class=\"grid-product__wrap-inner\">\n\t<a class=\"grid-product__image\" href=\"https://mdemo.ecwid.com/JS-Psycho-Nitro-59-Surfboard-p70178255\" data-product-id=\"70178255\">\n\t\t<div class=\"grid-product__spacer\">\n\t\t\t<div class=\"grid-product__spacer-inner\"></div>\n\t\t</div>\n\t\t\t<div class=\"grid-product__bg\" style=\"background-color: rgba(255,255,255,255);\"></div>\n\t\t<div class=\"grid-product__image-wrap\">\n\n\t\t\t\t<img class=\"grid-product__picture\" src=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/524043505.jpg\" style=\"width:100%;height:100%\">\n\t\t\t\t<div class=\"grid-product__picture-additional grid-product__picture-additional--simple grid-product__picture-additional--opaque\"\n\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414490134.jpg');\n\t\t\t\t\t background-color: rgb(255, 255, 255);\">\n\t\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product__shadow\">\n\t\t\t<div class=\"grid-product__shadow-inner\">JS Psycho Nitro 5'9 Surfboard</div>\n\t\t</div>\n\t\t<div class=\"grid-product__hover-wrap\">\n\t\t</div>\n\t\t<div class=\"grid__clearfix\"></div>\n\t</a>\n\n\t<a class=\"grid-product__title\" href=\"https://mdemo.ecwid.com/JS-Psycho-Nitro-59-Surfboard-p70178255\" data-product-id=\"70178255\">\n\t\t<div class=\"grid-product__title-inner\">JS Psycho Nitro 5'9 Surfboard</div>\n\t</a>\n\t<div class=\"grid-product__price\">\n\t\t<div class=\"grid-product__price-amount\">$665.00</div>\n\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product grid-product--id-70178258  grid-product--has-shadow grid-product--has-additional-image \">\n\t\t\t<div class=\"grid-product__wrap\">\n\t\t\t\t<div class=\"grid-product__wrap-inner\">\n\t<a class=\"grid-product__image\" href=\"https://mdemo.ecwid.com/PYZEL-Bastard-60-Surfboard-p70178258\" data-product-id=\"70178258\">\n\t\t<div class=\"grid-product__spacer\">\n\t\t\t<div class=\"grid-product__spacer-inner\"></div>\n\t\t</div>\n\t\t\t<div class=\"grid-product__bg\" style=\"background-color: rgba(255,255,255,255);\"></div>\n\t\t<div class=\"grid-product__image-wrap\">\n\n\t\t\t\t<img class=\"grid-product__picture\" src=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/524043514.jpg\" style=\"width:100%;height:100%\">\n\t\t\t\t<div class=\"grid-product__picture-additional grid-product__picture-additional--simple grid-product__picture-additional--opaque\"\n\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414486911.jpg');\n\t\t\t\t\t background-color: rgb(255, 255, 255);\">\n\t\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product__shadow\">\n\t\t\t<div class=\"grid-product__shadow-inner\">PYZEL Bastard 6'0 Surfboard</div>\n\t\t</div>\n\t\t<div class=\"grid-product__hover-wrap\">\n\t\t</div>\n\t\t<div class=\"grid__clearfix\"></div>\n\t</a>\n\n\t<a class=\"grid-product__title\" href=\"https://mdemo.ecwid.com/PYZEL-Bastard-60-Surfboard-p70178258\" data-product-id=\"70178258\">\n\t\t<div class=\"grid-product__title-inner\">PYZEL Bastard 6'0 Surfboard</div>\n\t</a>\n\t<div class=\"grid-product__price\">\n\t\t<div class=\"grid-product__price-amount\">$610.00</div>\n\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product grid-product--id-70178259  grid-product--has-shadow grid-product--has-additional-image \">\n\t\t\t<div class=\"grid-product__wrap\">\n\t\t\t\t<div class=\"grid-product__wrap-inner\">\n\t<a class=\"grid-product__image\" href=\"https://mdemo.ecwid.com/PYZEL-Bastard-61-Surfboard-p70178259\" data-product-id=\"70178259\">\n\t\t<div class=\"grid-product__spacer\">\n\t\t\t<div class=\"grid-product__spacer-inner\"></div>\n\t\t</div>\n\t\t\t<div class=\"grid-product__bg\" style=\"background-color: rgba(255,255,255,255);\"></div>\n\t\t<div class=\"grid-product__image-wrap\">\n\n\t\t\t\t<img class=\"grid-product__picture\" src=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/524043517.jpg\" style=\"width:100%;height:100%\">\n\t\t\t\t<div class=\"grid-product__picture-additional grid-product__picture-additional--simple grid-product__picture-additional--opaque\"\n\t\t\t\t\t style=\"background-image: url('https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414486947.jpg');\n\t\t\t\t\t background-color: rgb(255, 255, 255);\">\n\t\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"grid-product__shadow\">\n\t\t\t<div class=\"grid-product__shadow-inner\">PYZEL Bastard 6'1 Surfboard</div>\n\t\t</div>\n\t\t<div class=\"grid-product__hover-wrap\">\n\t\t</div>\n\t\t<div class=\"grid__clearfix\"></div>\n\t</a>\n\n\t<a class=\"grid-product__title\" href=\"https://mdemo.ecwid.com/PYZEL-Bastard-61-Surfboard-p70178259\" data-product-id=\"70178259\">\n\t\t<div class=\"grid-product__title-inner\">PYZEL Bastard 6'1 Surfboard</div>\n\t</a>\n\t<div class=\"grid-product__price\">\n\t\t<div class=\"grid-product__price-amount\">$750.00</div>\n\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\t\t\t\t</div>\n\n<div class=\"ec-footer\">\n\t<ul data-items=\"4\">\n\t\t\t<li>\n\t\t\t\t<a class=\"ec-link link--icon-top footer__link--track-order\" href=\"https://mdemo.ecwid.com/account/orders\">\n\t\t\t\t\t<span class=\"svg-icon\">\n\t\t\t\t\t\t<svg width=\"16\" height=\"18\" viewBox=\"0 0 16 18\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t<g fill-rule=\"nonzero\" fill=\"currentColor\">\n\t\t\t\t\t\t\t\t<path d=\"M1 5.414V17h14V1H5.414L1 5.414zM15 0c.552 0 1 .445 1 .993v16.014c0 .548-.445.993-1 .993H1c-.552 0-1-.445-1-.993V5l5-5h10z\"></path>\n\t\t\t\t\t\t\t\t<path d=\"M5.108 9.832c-.19-.2-.508-.205-.707-.013-.198.19-.204.507-.012.706l2.823 2.93c.216.225.58.2.765-.05l5.153-7.04c.164-.223.115-.536-.108-.7-.222-.162-.535-.114-.698.11l-4.803 6.56L5.107 9.83zM0 5v1h6V0H5v5\"></path>\n\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</span>\nTrack Orders\t\t\t\t</a>\n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t<a class=\"ec-link link--icon-top footer__link--shopping-favorites\" href=\"https://mdemo.ecwid.com/account/favorites\">\n\t\t\t\t\t<span class=\"svg-icon\">\n\t\t\t\t\t\t<svg width=\"18\" height=\"16\" viewBox=\"0 0 18 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9 16c-.16 0-.32-.063-.442-.188L2.29 9.543C2.21 9.47 0 7.375 0 4.875 0 1.823 1.798 0 4.8 0 6.56 0 8.207 1.438 9 2.25 9.794 1.437 11.44 0 13.2 0 16.2 0 18 1.823 18 4.875c0 2.5-2.21 4.594-2.3 4.688l-6.258 6.25c-.12.124-.28.187-.442.187zm5.98-7.132c.105-.103.215-.216.356-.375.235-.264.467-.56.684-.88.618-.914.98-1.85.98-2.738C17 2.373 15.647 1 13.2 1c-1.098 0-2.358.795-3.485 1.95L9 3.68l-.715-.73C7.158 1.794 5.898 1 4.8 1 2.354 1 1 2.373 1 4.875 1 6.4 2.043 7.967 2.997 8.835L9 14.84l5.98-5.972z\" fill-rule=\"nonzero\" fill=\"currentColor\"></path></svg>\n\t\t\t\t\t</span>\nFavorites\t\t\t\t</a>\n\t\t\t</li>\n\t\t<li>\n\t\t\t<a class=\"ec-link link--icon-top footer__link--shopping-cart footer__link--empty\" href=\"https://mdemo.ecwid.com/cart\">\n\t\t\t\t<span class=\"svg-icon\">\n\t\t\t\t\t<svg width=\"16\" height=\"20\" viewBox=\"0 0 16 20\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M1 5v13.006c0 .548.446.994.994.994h12.012c.548 0 .994-.446.994-.994V5H1zm15-1v14.006c0 1.1-.895 1.994-1.994 1.994H1.994C.894 20 0 19.105 0 18.006V4h16z\"  fill=\"currentColor\" fill-rule=\"nonzero\"></path>\n\t\t\t\t\t\t\t<path d=\"M5 7s-.005.5-.504.5C3.996 7.5 4 7 4 7V4c0-2.21 1.79-4 4-4s4 1.79 4 4v3s-.002.5-.5.5S11 7 11 7V4c0-1.657-1.343-3-3-3S5 2.343 5 4v3z\" fill=\"currentColor\"></path>\n\t\t\t\t\t\t</g>\n\t\t\t\t\t</svg>\n\t\t\t\t</span>\nShopping Bag\t\t\t</a>\n\t\t</li>\n\t\t\t<li>\n\t\t\t\t<a class=\"ec-link link--icon-top footer__link--sigin-in\" href=\"https://mdemo.ecwid.com/signIn\">\n\t\t\t\t\t<span class=\"svg-icon\">\n\t\t\t\t\t\t<svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t<g fill-rule=\"nonzero\" fill=\"currentColor\">\n\t\t\t\t\t\t\t\t<path d=\"M11 21c5.523 0 10-4.477 10-10S16.523 1 11 1 1 5.477 1 11s4.477 10 10 10zm0 1C4.925 22 0 17.075 0 11S4.925 0 11 0s11 4.925 11 11-4.925 11-11 11z\"></path>\n\t\t\t\t\t\t\t\t<path d=\"M18.08 18.854c-.502-.617-1.156-1.143-1.974-1.612-.168-.096-.46-.248-.902-.47-.358-.18-.97-.483-.94-.466-.543-.295-.927-.56-1.117-.782l-.155-.824c1.625-.848 2.563-2.847 2.563-5.24 0-2.96-1.872-5.04-4.555-5.04S6.446 6.5 6.446 9.46c0 2.42.945 4.427 2.588 5.26l-.135.725c-.16.214-.7.595-1.188.865.032-.018-.567.28-.973.485-.4.2-.69.353-.856.45-.81.463-1.457.986-1.956 1.595.092.29.512.498.81.588.426-.507.973-.932 1.644-1.317.407-.233 1.794-.914 1.814-.925.352-.195 1.17-.694 1.504-1.143l.14-.186.315-1.69-.67-.34c-1.25-.633-2.04-2.272-2.04-4.365 0-2.472 1.49-4.04 3.555-4.04 2.067 0 3.555 1.568 3.555 4.04 0 2.07-.784 3.705-2.026 4.353l-.657.343.34 1.816.175.204c.33.385.884.73 1.4 1.01.024.01 1.413.69 1.82.924.697.398 1.26.838 1.69 1.368.468-.186.663-.403.782-.624z\"></path>\n\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</span>\nSign In\t\t\t\t</a>\n\t\t\t</li>\n\t</ul>\n</div>\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n\n<script>\n\t//ec-size классы\n\t(function() {\n\t\tvar ecwidContainer = document.querySelector('.ec-store');\n\t\tvar breakpoints = {\n\t\t\t320: 'ec-size--xxs',\n\t\t\t414: 'ec-size--xs',\n\t\t\t480: 'ec-size--s',\n\t\t\t768: 'ec-size--m',\n\t\t\t1024: 'ec-size--l',\n\t\t\t1100: 'ec-size--xl',\n\t\t\t1440: 'ec-size--xxl'\n\t\t};\n\n\t\tfunction onResize() {\n\t\t\tvar w = ecwidContainer.offsetWidth;\n\t\t\tfor (var i in breakpoints) {\n\t\t\t\tif (w >= i) {\n\t\t\t\t\tecwidContainer.parentNode.classList.add(breakpoints[i]);\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tecwidContainer.parentNode.classList.remove(breakpoints[i]);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tonResize();\n\t\twindow.addEventListener('load', onResize);\n\t\twindow.addEventListener('resize', onResize);\n\n\t})();\n\n\tvar grid = new Grid();\n</script></div>",
    "metaDescriptionHtml": "        <title>Surfboards</title>\n",
    "canonicalUrl": "https://mdemo.ecwid.com/Surfboards-c20671017",
    "ogTagsHtml": "    <meta property=\"og:title\" content=\"Surfboards\" />\n    <meta property=\"og:url\" content=\"https://mdemo.ecwid.com/Surfboards-c20671017\" />\n    <meta property=\"og:image\" content='https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496617.jpg' />\n    <meta property=\"og:site_name\" content=\"Ecwid Demo Store\" />\n    <meta property=\"og:description\" content=\"&lt;p&gt;&lt;img src=&quot;https://s3.amazonaws.com/images.ecwid.com/images/wysiwyg/category/1003/20671017/1472057318778604431600/Surfboard_Header__1__jpg&quot;&gt;&lt;/p&gt;\" />\n    <meta property=\"og:type\" content=\"website\" />\n\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:title\" content=\"Surfboards\">\n        <meta name=\"twitter:description\" content=\"&lt;p&gt;&lt;img src=&quot;https://s3.amazonaws.com/images.ecwid.com/images/wysiwyg/category/1003/20671017/1472057318778604431600/Surfboard_Header__1__jpg&quot;&gt;&lt;/p&gt;\">\n    <meta name=\"twitter:image\" content=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/850496617.jpg\">\n",
    "jsonLDHtml": ""
}

A JSON object of type 'Page’ with the following fields:

Page

NameTypeDescription
cssFilesArray of stringsList of CSS URLs for the page design to display properly
htmlCodestringHTML code for the static page
metaDescriptionHtmlstringHTML code for the meta title and description
canonicalUrlstringCanonical URL for this page
ogTagsHtmlstringHTML code for Open Graph tags
jsonLDHtmlstringHTML code for JSON-LD product description

Get product page

Get static page contents for product category in your store to utilize fast load of store pages on your website. Learn more

Request example

GET https://storefront.ecwid.com/product-page/1003/70178249/static-code?lang=en&tplvar_ec.storefront.product_list_show_frame=true HTTP/1.1
Host: app.ecwid.com
Cache-Control: no-cache

GET https://storefront.ecwid.com/product-page/{storeId}/{productId}/static-code?lang={lang}&clean_urls={clean_urls}&base_url={base_url}&tplvar_*{tplvar_*}

NameTypeDescription
storeIdnumberEcwid store ID
productIdnumberProduct ID
langstringSet the languages for text labels. If absent, the default store languages are used
clean_urlsbooleanEnable/disable SEO-friendly URLs format in the product links
base_urlstringSets the base URL for clean URLs. Pass it if you set cleanUrls as true
tplvar_*variedUse this to pass any ec.storefront.* appearance option so that the storefront will be generated according to your design settings. Learn more

Response

Response example (JSON)

{
    "cssFiles": [
        "https://d3j0zfs7paavns.cloudfront.net/css/new?hc=1401837734&ownerid=1003&frontendV2=true"
    ],
    "htmlCode": "<div class=\"static-content\">\n\n<div class=\"ecwid\">\n    <div class=\"ec-size ec-size--xxs ec-size--xs ec-size--s ec-size--m ec-size--l ec-size--xl ecwid-no-touch ecwid-supports-cssanimations ecwid-responsive\">\n        <div>\n            <div class=\"ecwid-productBrowser ecwid-productBrowser-ProductPage\">\n                <div>\n                    <div>\n                        <div>\n                            <div>\n                                <div class=\"ec-store ec-store__product-page\">\n                                    <div class=\"ec-store__content-wrapper\">\n                                        <div class=\"product-details\" itemscope=\"\" itemtype=\"http://schema.org/Product\">\n                    <div class=\"product-details__gallery details-gallery\">\n                        <div class=\"details-gallery__wrap\">\n                            <div class=\"details-gallery__wrap-inner\">\n                                <div class=\"details-gallery__images details-gallery__images--aspect-ratio-auto\">\n                                    <div class=\"details-gallery__images-container\">\n                                        <div class=\"details-gallery__images-spacer\" style=\"max-width: 574px;\">\n                                            <div class=\"details-gallery__images-spacer-inner\"\n                                                 style=\"padding-top: 106.098%;\"></div>\n                                        </div>\n                                        <div class=\"details-gallery__images-carousel\">\n                                            <div class=\"details-gallery__image details-gallery__image--aspect-ratio-1\">\n                                                <div class=\"details-gallery__image-spacer\"></div>\n                                                <div class=\"details-gallery__image-wrapper\">\n                                                    <div class=\"details-gallery__image-wrapper-inner\"><img\n                                                            src=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476268.jpg\"\n                                                            title=\"PYZEL Amigo 6'2 Surfboard\" alt=\"PYZEL Amigo 6'2 Surfboard\"\n                                                            class=\"details-gallery__picture details-gallery__photoswipe-index-0\"\n                                                            srcset=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476268.jpg 1x\"\n                                                            itemprop=\"image\"></div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"details-gallery__thumbs details-gallery__thumbs--preview details-gallery__thumbs--aspect-ratio-auto\">\n                                    <div class=\"details-gallery__thumb\">\n                                        <div class=\"details-gallery__thumb-spacer\"></div>\n                                        <div class=\"details-gallery__thumb-img-wrapper\">\n                                            <div class=\"details-gallery__thumb-img-wrapper-inner details-gallery__photoswipe-thumb-index-0\">\n                                                <a class=\"details-gallery__thumb-img\"\n                                                   style=\"background-image: url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/524043487.jpg);\n                                                           background-image: -webkit-image-set(url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/524043487.jpg) 1x, url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/524043489.jpg) 2x);\n                                                           background-image: -moz-image-set(url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/524043487.jpg) 1x, url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/524043489.jpg) 2x);\n                                                           background-image: -o-image-set(url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/524043487.jpg) 1x, url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/524043489.jpg) 2x);\n                                                           background-image: -ms-image-set(url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/524043487.jpg) 1x, url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/524043489.jpg) 2x);\">\n\n                                                </a>\n                                                <div class=\"details-gallery__thumb-shadow\"></div>\n                                                <div class=\"details-gallery__thumb-more\">+3</div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div class=\"details-gallery__thumb\">\n                                        <div class=\"details-gallery__thumb-spacer\"></div>\n                                        <div class=\"details-gallery__thumb-img-wrapper\">\n                                            <div class=\"details-gallery__thumb-img-wrapper-inner\">\n                                                <a class=\"details-gallery__thumb-img\"\n                                                   style=\"background-image: url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476386.jpg);\n                                                           background-image: -webkit-image-set(url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476386.jpg) 1x, url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476386.jpg) 2x);\n                                                           background-image: -moz-image-set(url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476386.jpg) 1x, url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476386.jpg) 2x);\n                                                           background-image: -o-image-set(url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476386.jpg) 1x, url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476386.jpg) 2x);\n                                                           background-image: -ms-image-set(url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476386.jpg) 1x, url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476386.jpg) 2x);\">\n                                                </a>\n                                                <div class=\"details-gallery__thumb-shadow\"></div>\n                                                <div class=\"details-gallery__thumb-more\"></div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div class=\"details-gallery__thumb\">\n                                        <div class=\"details-gallery__thumb-spacer\"></div>\n                                        <div class=\"details-gallery__thumb-img-wrapper\">\n                                            <div class=\"details-gallery__thumb-img-wrapper-inner\">\n                                                <a class=\"details-gallery__thumb-img\"\n                                                   style=\"background-image: url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476404.jpg);\n                                                           background-image: -webkit-image-set(url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476404.jpg) 1x, url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476404.jpg) 2x);\n                                                           background-image: -moz-image-set(url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476404.jpg) 1x, url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476404.jpg) 2x);\n                                                           background-image: -o-image-set(url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476404.jpg) 1x, url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476404.jpg) 2x);\n                                                           background-image: -ms-image-set(url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476404.jpg) 1x, url(https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476404.jpg) 2x);\">\n                                                </a>\n                                                <div class=\"details-gallery__thumb-shadow\"></div>\n                                                <div class=\"details-gallery__thumb-more\"></div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"details-gallery__scroll\">\n                            <div class=\"details-gallery__scroll-dot-container\">\n                                <div class=\"details-gallery__scroll-dot details-gallery__scroll-dot--active\"></div>\n                            </div>\n                            <div class=\"details-gallery__scroll-dot-container\">\n                                <div class=\"details-gallery__scroll-dot\"></div>\n                            </div>\n                            <div class=\"details-gallery__scroll-dot-container\">\n                                <div class=\"details-gallery__scroll-dot\"></div>\n                            </div>\n                        </div>\n                    </div>\n                                            <div class=\"product-details__sidebar\">\n                                                <h1 class=\"product-details__product-title\" itemprop=\"name\">PYZEL Amigo 6'2 Surfboard</h1>\n                                                <div class=\"product-details__product-sku\"\n                                                     itemprop=\"sku\">SKU AMGO-16404</div>\n                                                <div class=\"product-details-module product-details__product-price-row\">\n                                                    <div class=\"product-details-module__content\" itemprop=\"offers\" itemscope=\"\" itemtype=\"http://schema.org/Offer\">\n                                                            <meta itemprop=\"availability\" href=\"http://schema.org/InStock\" content=\"In stock\">\n                                                        <div class=\"product-details__product-price\" itemprop=\"price\" content=\"650\">\n                                                            <span class=\"details-product-price__value notranslate\">$650.00</span>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                                <div class=\"product-details__product-options details-product-options\"></div>\n                                                <div class=\"product-details-module product-details__action-panel details-product-purchase\">\n                                                    <div class=\"product-details-module__title details-product-purchase__place notranslate\">\n                                                        <span>In stock</span>\n                                                    </div>\n                                                    <div class=\"product-details-module__content product-details-module__content--indented\">\n                                                        <div class=\"details-product-purchase__qty\"><span\n                                                                class=\"details-product-purchase__qty-label notranslate\">Quantity:</span>\n                                                            <div class=\"form-control form-control--empty details-product-purchase__qty-field\">\n                                                                <input id=\"\" class=\"form-control__text\" name=\"number\"\n                                                                       maxlength=\"10\" min=\"1\"\n                                                                       pattern=\"\\d*\" type=\"number\">\n                                                                <div class=\"form-control__placeholder\">\n                                                                    <div class=\"form-control__placeholder-inner\">1</div>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                        <div class=\"details-product-purchase__controls\">\n                                                            <div class=\"details-product-purchase__bag-controls\">\n                                                                <div class=\"details-product-purchase__add-buttons\">\n                                                                    <div class=\"form-control form-control--button form-control--large form-control--primary form-control--flexible form-control--animated details-product-purchase__add-to-bag form-control__button--icon-center form-control--done\">\n                                                                        <button class=\"form-control__button\"\n                                                                                type=\"button\">\n                                                                            <div class=\"form-control__loader\"></div>\n                                                                            <span class=\"form-control__button-text\">Add to Bag</span><span\n                                                                                class=\"form-control__button-svg\"><span\n                                                                                class=\"svg-icon\"><svg\n                                                                                width=\"27\" height=\"23\"\n                                                                                viewBox=\"0 0 27 23\"\n                                                                                xmlns=\"http://www.w3.org/2000/svg\"><path\n                                                                                class=\"svg-line-check\"\n                                                                                d=\"M1.97 11.94L10.03 20 25.217 2\"\n                                                                                stroke=\"currentColor\"\n                                                                                stroke-width=\"3\"\n                                                                                stroke-linecap=\"round\"\n                                                                                fill=\"none\"\n                                                                                fill-rule=\"evenodd\"></path></svg></span></span>\n                                                                        </button>\n                                                                    </div>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                        <div class=\"product-details-module product-details__general-info\">\n                            <div class=\"product-details-module__title\">Product Details</div>\n                            <div class=\"product-details-module__content\">\n                                <div class=\"product-details__product-description\" id=\"productDescription\" itemprop=\"description\">\n                                    <div><h3>About PYZEL Amigo 6'2 Surfboard - AMGO-16404 in Poly/Sand/Color</h3><p>\"We made the Amigo to fit somewhere right between the Pyzalien and the Flash, as either a chunky shortboard, or a streamlined stubbie. The heart of this board is a very fast, very user friendly rocker that not only gains speed easily, but has a loose, snappy feel in all kinds of waves. The outline is full, with a nice hip leading into a wide tailblock which adds to the speed but lets it break free where you want it to. The bottom has single concave running all the way through, with just a touch of double concave between the fins. This combo gives lift to get the board planing on top of the water easily and helps maintain speed through flatter, weaker sections. If you love riding a stubbie, but you crave a more high performance feeling, the Amigo is going to be the board for you. \" - PYZEL.</p><h4>Dimensions:</h4><ul><li>Length: 6'2</li><li>Width: 20</li><li>Thickness: 2.63</li><li>Volume: L34.1</li><li>Fins System: Future</li></ul><p><em>This site is a demo site only. This product is not available for sale from us but can be purchased at <a href=\"http://surfride.com/\" target=\"_blank\">SurfRide.com</a>. The product images and descriptions have been provided by Surf Ride.</em></p></div>\n                                </div>\n                            </div>\n                        </div>\n                                                <div class=\"product-details-module product-details__product-like favorite-product\">\n                                                    <div class=\"product-details-module__title favorite-product__title\">Save this product for later</div>\n                                                    <div class=\"product-details-module__content product-details-module__content--indented\">\n                                                        <div class=\"form-control form-control--button form-control--medium form-control--secondary form-control--done favorite-product__button-add\">\n                                                            <button class=\"form-control__button form-control__button--icon-prepend\"\n                                                                    type=\"button\">\n                                                                <div class=\"form-control__loader\"></div>\n                                                                <span class=\"form-control__button-svg\"><span\n                                                                        class=\"svg-icon\"><svg width=\"12\"\n                                                                                              height=\"11\"\n                                                                                              viewBox=\"0 0 12 11\"\n                                                                                              xmlns=\"http://www.w3.org/2000/svg\"><path\n                                                                        d=\"M11.143 3.705c0-1.88-1.272-2.276-2.344-2.276-1 0-2.124 1.077-2.472 1.492-.16.194-.495.194-.656 0C5.324 2.507 4.2 1.43 3.202 1.43c-1.073 0-2.345.394-2.345 2.275 0 1.226 1.24 2.364 1.252 2.378L6 9.833 9.884 6.09c.02-.02 1.26-1.16 1.26-2.385zm.857 0c0 1.607-1.473 2.953-1.533 3.014l-4.172 4.017c-.08.08-.188.12-.295.12-.107 0-.214-.04-.295-.12L1.527 6.705C1.473 6.658 0 5.312 0 3.705 0 1.743 1.2.57 3.2.57c1.173 0 2.27.926 2.8 1.448C6.53 1.496 7.627.57 8.8.57c2 0 3.2 1.173 3.2 3.135z\"\n                                                                        fill=\"currentColor\"\n                                                                        fill-rule=\"evenodd\"></path></svg></span></span><span\n                                                                    class=\"form-control__button-text\">Favorite</span>\n                                                            </button>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"clearboth\"></div>\n                                        </div>\n\n<div class=\"ec-footer\">\n\t<ul data-items=\"4\">\n\t\t\t<li>\n\t\t\t\t<a class=\"ec-link link--icon-top footer__link--track-order\" href=\"https://mdemo.ecwid.com/account/orders\">\n\t\t\t\t\t<span class=\"svg-icon\">\n\t\t\t\t\t\t<svg width=\"16\" height=\"18\" viewBox=\"0 0 16 18\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t<g fill-rule=\"nonzero\" fill=\"currentColor\">\n\t\t\t\t\t\t\t\t<path d=\"M1 5.414V17h14V1H5.414L1 5.414zM15 0c.552 0 1 .445 1 .993v16.014c0 .548-.445.993-1 .993H1c-.552 0-1-.445-1-.993V5l5-5h10z\"></path>\n\t\t\t\t\t\t\t\t<path d=\"M5.108 9.832c-.19-.2-.508-.205-.707-.013-.198.19-.204.507-.012.706l2.823 2.93c.216.225.58.2.765-.05l5.153-7.04c.164-.223.115-.536-.108-.7-.222-.162-.535-.114-.698.11l-4.803 6.56L5.107 9.83zM0 5v1h6V0H5v5\"></path>\n\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</span>\nTrack Orders\t\t\t\t</a>\n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t<a class=\"ec-link link--icon-top footer__link--shopping-favorites\" href=\"https://mdemo.ecwid.com/account/favorites\">\n\t\t\t\t\t<span class=\"svg-icon\">\n\t\t\t\t\t\t<svg width=\"18\" height=\"16\" viewBox=\"0 0 18 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9 16c-.16 0-.32-.063-.442-.188L2.29 9.543C2.21 9.47 0 7.375 0 4.875 0 1.823 1.798 0 4.8 0 6.56 0 8.207 1.438 9 2.25 9.794 1.437 11.44 0 13.2 0 16.2 0 18 1.823 18 4.875c0 2.5-2.21 4.594-2.3 4.688l-6.258 6.25c-.12.124-.28.187-.442.187zm5.98-7.132c.105-.103.215-.216.356-.375.235-.264.467-.56.684-.88.618-.914.98-1.85.98-2.738C17 2.373 15.647 1 13.2 1c-1.098 0-2.358.795-3.485 1.95L9 3.68l-.715-.73C7.158 1.794 5.898 1 4.8 1 2.354 1 1 2.373 1 4.875 1 6.4 2.043 7.967 2.997 8.835L9 14.84l5.98-5.972z\" fill-rule=\"nonzero\" fill=\"currentColor\"></path></svg>\n\t\t\t\t\t</span>\nFavorites\t\t\t\t</a>\n\t\t\t</li>\n\t\t<li>\n\t\t\t<a class=\"ec-link link--icon-top footer__link--shopping-cart footer__link--empty\" href=\"https://mdemo.ecwid.com/cart\">\n\t\t\t\t<span class=\"svg-icon\">\n\t\t\t\t\t<svg width=\"16\" height=\"20\" viewBox=\"0 0 16 20\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M1 5v13.006c0 .548.446.994.994.994h12.012c.548 0 .994-.446.994-.994V5H1zm15-1v14.006c0 1.1-.895 1.994-1.994 1.994H1.994C.894 20 0 19.105 0 18.006V4h16z\"  fill=\"currentColor\" fill-rule=\"nonzero\"></path>\n\t\t\t\t\t\t\t<path d=\"M5 7s-.005.5-.504.5C3.996 7.5 4 7 4 7V4c0-2.21 1.79-4 4-4s4 1.79 4 4v3s-.002.5-.5.5S11 7 11 7V4c0-1.657-1.343-3-3-3S5 2.343 5 4v3z\" fill=\"currentColor\"></path>\n\t\t\t\t\t\t</g>\n\t\t\t\t\t</svg>\n\t\t\t\t</span>\nShopping Bag\t\t\t</a>\n\t\t</li>\n\t\t\t<li>\n\t\t\t\t<a class=\"ec-link link--icon-top footer__link--sigin-in\" href=\"https://mdemo.ecwid.com/signIn\">\n\t\t\t\t\t<span class=\"svg-icon\">\n\t\t\t\t\t\t<svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t<g fill-rule=\"nonzero\" fill=\"currentColor\">\n\t\t\t\t\t\t\t\t<path d=\"M11 21c5.523 0 10-4.477 10-10S16.523 1 11 1 1 5.477 1 11s4.477 10 10 10zm0 1C4.925 22 0 17.075 0 11S4.925 0 11 0s11 4.925 11 11-4.925 11-11 11z\"></path>\n\t\t\t\t\t\t\t\t<path d=\"M18.08 18.854c-.502-.617-1.156-1.143-1.974-1.612-.168-.096-.46-.248-.902-.47-.358-.18-.97-.483-.94-.466-.543-.295-.927-.56-1.117-.782l-.155-.824c1.625-.848 2.563-2.847 2.563-5.24 0-2.96-1.872-5.04-4.555-5.04S6.446 6.5 6.446 9.46c0 2.42.945 4.427 2.588 5.26l-.135.725c-.16.214-.7.595-1.188.865.032-.018-.567.28-.973.485-.4.2-.69.353-.856.45-.81.463-1.457.986-1.956 1.595.092.29.512.498.81.588.426-.507.973-.932 1.644-1.317.407-.233 1.794-.914 1.814-.925.352-.195 1.17-.694 1.504-1.143l.14-.186.315-1.69-.67-.34c-1.25-.633-2.04-2.272-2.04-4.365 0-2.472 1.49-4.04 3.555-4.04 2.067 0 3.555 1.568 3.555 4.04 0 2.07-.784 3.705-2.026 4.353l-.657.343.34 1.816.175.204c.33.385.884.73 1.4 1.01.024.01 1.413.69 1.82.924.697.398 1.26.838 1.69 1.368.468-.186.663-.403.782-.624z\"></path>\n\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</span>\nSign In\t\t\t\t</a>\n\t\t\t</li>\n\t</ul>\n</div>                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n</div>",
    "metaDescriptionHtml": "        <title>PYZEL Amigo 6'2 Surfboard</title>\n        <meta name=\"description\" content=\"About PYZEL Amigo 6'2 Surfboard - AMGO-16404 in Poly/Sand/Color &quot;We made the Amigo to fit somewhere right between the Pyzalien and the Flash, as either a chunky shortboard, or a streamlined stubbie. The heart of this board is a very fast, very user friendly rocker that not only gains speed easily, but has a loose, snappy feel in all kinds of waves. The outline is full, with a nice hip leading into\" />\n",
    "canonicalUrl": "https://mdemo.ecwid.com/PYZEL-Amigo-62-Surfboard-p70178249",
    "ogTagsHtml": "    <meta property=\"og:title\" content=\"PYZEL Amigo 6'2 Surfboard\" />\n    <meta property=\"og:url\" content=\"https://mdemo.ecwid.com/PYZEL-Amigo-62-Surfboard-p70178249\" />\n    <meta property=\"og:image\" content='https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476268.jpg' />\n    <meta property=\"og:site_name\" content=\"Ecwid Demo Store\" />\n    <meta property=\"og:description\" content=\"About PYZEL Amigo 6'2 Surfboard - AMGO-16404 in Poly/Sand/Color &quot;We made the Amigo to fit somewhere right between the Pyzalien and the Flash, as either a chunky shortboard, or a streamlined stubbie. The heart of this board is a very fast, very user friendly rocker that not only gains speed easily, but has a loose, snappy feel in all kinds of waves. The outline is full, with a nice hip leading into\" />\n    <meta property=\"og:type\" content=\"website\" />\n\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:title\" content=\"PYZEL Amigo 6'2 Surfboard\">\n        <meta name=\"twitter:description\" content=\"About PYZEL Amigo 6'2 Surfboard - AMGO-16404 in Poly/Sand/Color &quot;We made the Amigo to fit somewhere right between the Pyzalien and the Flash, as either a chunky shortboard, or a streamlined stubbie. The heart of this board is a very fast, very user friendly rocker that not only gains speed easily, but has a loose, snappy feel in all kinds of waves. The outline is full, with a nice hip leading into\">\n    <meta name=\"twitter:image\" content=\"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476268.jpg\">\n",
    "jsonLDHtml": "    <script type=\"application/ld+json\">\n    {\n      \"@context\": \"http://schema.org/\",\n      \"@type\": \"Product\",\n      \"name\": \"PYZEL Amigo 6'2 Surfboard\",\n      \"image\": [\n\t\t\t    \"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476268.jpg\",\n\t\t\t    \"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476274.jpg\",\n\t\t\t    \"https://dqzrr9k4bjpzk.cloudfront.net/images/1003/414476302.jpg\"\n\t  ]\n        \"description\": \"About PYZEL Amigo 6'2 Surfboard - AMGO-16404 in Poly/Sand/Color &quot;We made the Amigo to fit somewhere right between the Pyzalien and the Flash, as either a chunky shortboard, or a streamlined stubbie. The heart of this board is a very fast, very user friendly rocker that not only gains speed easily, but has a loose, snappy feel in all kinds of waves. The outline is full, with a nice hip leading into\",\n      \"sku\": \"AMGO-16404\",\n      \"offers\": {\n        \"@type\": \"Offer\",\n        \"priceCurrency\": \"USD\",\n        \"price\": \"650\",\n        \"url\": \"https://mdemo.ecwid.com/PYZEL-Amigo-62-Surfboard-p70178249\",\n        \"availability\": \"http://schema.org/InStock\",\n        \"seller\": {\n          \"@type\": \"Organization\",\n          \"name\": \"Ecwid Demo Store\"\n        }\n      }\n    }\n    </script>\n"
}

A JSON object of type 'Page’ with the following fields:

Page

NameTypeDescription
cssFilesArray of stringsList of CSS URLs for the page design to display properly
htmlCodestringHTML code for the static page
metaDescriptionHtmlstringHTML code for the meta title and description
canonicalUrlstringCanonical URL for this page
ogTagsHtmlstringHTML code for Open Graph tags
jsonLDHtmlstringHTML code for JSON-LD product description