","clientJsUrl":"https://d2vgjz314jo6a7.cloudfront.net/infiniteapps-velo/0.0.757/example-header/client/client.js","cssUrl":"https://d2vgjz314jo6a7.cloudfront.net/infiniteapps-velo/0.0.757/example-header/assets/client.css"}],"slots":[{"state":{"context":{"appClientId":"infiniteapps-velo","version":"0.0.757","imageBuckets":{"au-syd":"https://dfvc2y3mjtc8v.cloudfront.net","us-vir":"https://dhgf5mcbrms62.cloudfront.net","eu-fra":"https://d2gt4h1eeousrn.cloudfront.net"},"globalDesign":"{\"color\":{\"title\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"body\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"button\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"link\":{\"raw\":\"#1A7AC4\",\"hex\":\"#1a7ac4ff\",\"hsl\":{\"h\":206,\"s\":0.76576576577,\"l\":0.43529411765,\"a\":1},\"rgba\":{\"r\":26,\"g\":122,\"b\":196,\"a\":1},\"auto\":false},\"background\":{\"raw\":\"#FFFFFF\",\"hex\":\"#FFFFFF\",\"hsl\":{\"h\":14.999999999998122,\"s\":0,\"l\":1,\"a\":1},\"rgba\":{\"r\":255,\"g\":255,\"b\":255,\"a\":1}}},\"fontFamily\":{\"title\":\"dm_sans\",\"body\":\"dm_sans\"},\"textSize\":{\"title\":48,\"subtitle\":24,\"body\":18},\"buttonSize\":{\"small\":14,\"medium\":16,\"large\":20},\"layout\":{\"maxWidth\":\"1120\",\"tileMargin\":100,\"appearanceEffect\":\"none\"},\"customCss\":\".velo-header {\\n border-bottom: 35px solid green ; /* Adjust thickness and color */\\n}\\n\\n\\n\\n\\n\\nfooter {\\n border-top: 35px solid green; /* Adjust thickness and color */\\n}\\n\\n/*Button color*/\\n.ec-size .ec-store .form-control--primary .form-control__button \\n{ background-color: #006400; }\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .form-control--primary .form-control__button: hover {\\nbackground: #a9a9a9;\\n}\\n\\n/*Text color*/\\n.ec-size .ec-store .form-control--primary .form-control__button {\\ncolor: white;\\n}\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .form-control--primary .form-control__button: hover {\\ncolor: black;\\n}\\n\\n\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button {\\nbackground: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button: hover {\\nbackground: #a9a9a9;\\n}\\n\\n/*Text color*/\\n.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button {\\ncolor: #ffffff;\\n}\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button: hover {\\ncolor: #000000;\\n}\\n\\n\\n\\n\\n.ec-size .ec-store .grid-product__buy-now .form-control__button { \\n background: #006400;\\n color: #ffffff; \\n}\\n\\n\\n\\n.ecsp .ecwid-btn--primary,\\n.ecwid .ecwid-btn--primary {background-color:#006400;}\\n.ecsp .ecwid-btn--primary: hover,\\n.ecwid .ecwid-btn--primary: hover {background-color:#a9a9a9;}\\n\\n\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button {\\nbackground-color: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button: hover {\\nbackground-color: #a9a9a9;\\n}\\n\\n/*Text color*/\\n.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button {\\ncolor: #ffffff;\\n}\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button: hover {\\ncolor: #000000;\\n}\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .ec-form__row--continue .form-control__button {\\n background-color: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .ec-form__row--continue .form-control__button: hover {\\n background: #a9a9a9;\\n}\\n\\n\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .ec-form__row--continue .form-control__button: hover {\\n color: #000000\\n}\\n\\n\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .details-product-purchase__controls .form-control__button {\\nbackground-color: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .details-product-purchase__controls .form-control__button: hover {\\nbackground-color: #a9a9a9;\\n}\\n\\n\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .details-product-purchase__controls .form-control__button: hover {\\ncolor: #000000;\\n}\\n\\n\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .ec-confirmation__continue .form-control__button {\\nbackground-color: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .ec-confirmation__continue .form-control__button: hover {\\nbackground-color: #a9a9a9;\\n}\\n\\n/*Text color*/\\n.ec-size .ec-store .ec-confirmation__continue .form-control__button {\\ncolor: #ffffff;\\n}\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .ec-confirmation__continue .form-control__button: hover {\\ncolor: #000000;\\n}\\n\\n\\n\\n.details-product-attribute__value\\n{ /* Target the element */\\n color: #F30F00; /* Set the text color */\\n }\\n\\n\\n.p-2 {\\nbackground-color: #2e3192;\\n}\\n\\n\",\"sanitizeHash\":\"6a5825a57e7e0baf198c9e77dd135f88\",\"sanitizedCustomCss\":\".velo-header {\\n border-bottom: 35px solid green ; /* Adjust thickness and color */\\n}\\n\\n\\n\\n\\n\\nfooter {\\n border-top: 35px solid green; /* Adjust thickness and color */\\n}\\n\\n/*Button color*/\\n.ec-size .ec-store .form-control--primary .form-control__button \\n{ background-color: #006400; }\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .form-control--primary .form-control__button: hover {\\nbackground: #a9a9a9;\\n}\\n\\n/*Text color*/\\n.ec-size .ec-store .form-control--primary .form-control__button {\\ncolor: white;\\n}\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .form-control--primary .form-control__button: hover {\\ncolor: black;\\n}\\n\\n\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button {\\nbackground: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button: hover {\\nbackground: #a9a9a9;\\n}\\n\\n/*Text color*/\\n.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button {\\ncolor: #ffffff;\\n}\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button: hover {\\ncolor: #000000;\\n}\\n\\n\\n\\n\\n.ec-size .ec-store .grid-product__buy-now .form-control__button { \\n background: #006400;\\n color: #ffffff; \\n}\\n\\n\\n\\n.ecsp .ecwid-btn--primary,\\n.ecwid .ecwid-btn--primary {background-color:#006400;}\\n.ecsp .ecwid-btn--primary: hover,\\n.ecwid .ecwid-btn--primary: hover {background-color:#a9a9a9;}\\n\\n\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button {\\nbackground-color: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button: hover {\\nbackground-color: #a9a9a9;\\n}\\n\\n/*Text color*/\\n.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button {\\ncolor: #ffffff;\\n}\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button: hover {\\ncolor: #000000;\\n}\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .ec-form__row--continue .form-control__button {\\n background-color: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .ec-form__row--continue .form-control__button: hover {\\n background: #a9a9a9;\\n}\\n\\n\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .ec-form__row--continue .form-control__button: hover {\\n color: #000000\\n}\\n\\n\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .details-product-purchase__controls .form-control__button {\\nbackground-color: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .details-product-purchase__controls .form-control__button: hover {\\nbackground-color: #a9a9a9;\\n}\\n\\n\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .details-product-purchase__controls .form-control__button: hover {\\ncolor: #000000;\\n}\\n\\n\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .ec-confirmation__continue .form-control__button {\\nbackground-color: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .ec-confirmation__continue .form-control__button: hover {\\nbackground-color: #a9a9a9;\\n}\\n\\n/*Text color*/\\n.ec-size .ec-store .ec-confirmation__continue .form-control__button {\\ncolor: #ffffff;\\n}\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .ec-confirmation__continue .form-control__button: hover {\\ncolor: #000000;\\n}\\n\\n\\n\\n.details-product-attribute__value\\n{ /* Target the element */\\n color: #F30F00; /* Set the text color */\\n }\\n\\n\\n.p-2 {\\nbackground-color: #2e3192;\\n}\\n\\n\"}","compressionEnabled":true,"externalizationEnabled":true,"vueVersion":"^3.4.0","blockId":"catalog","layoutId":"example-catalog","slotId":"custom-bottom-bar"},"data":{"content":"{}","design":"{}","defaults":"null","slotId":"custom-bottom-bar"}},"id":"custom-bottom-bar","html":"

","clientJsUrl":"https://d2vgjz314jo6a7.cloudfront.net/infiniteapps-velo/0.0.757/catalog/example-catalog/slots/custom-bottom-bar/client/client.js","cssUrl":"https://d2vgjz314jo6a7.cloudfront.net/infiniteapps-velo/0.0.757/catalog/example-catalog/slots/custom-bottom-bar/assets/client.css"},{"state":{"context":{"appClientId":"infiniteapps-velo","version":"0.0.757","imageBuckets":{"au-syd":"https://dfvc2y3mjtc8v.cloudfront.net","us-vir":"https://dhgf5mcbrms62.cloudfront.net","eu-fra":"https://d2gt4h1eeousrn.cloudfront.net"},"globalDesign":"{\"color\":{\"title\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"body\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"button\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"link\":{\"raw\":\"#1A7AC4\",\"hex\":\"#1a7ac4ff\",\"hsl\":{\"h\":206,\"s\":0.76576576577,\"l\":0.43529411765,\"a\":1},\"rgba\":{\"r\":26,\"g\":122,\"b\":196,\"a\":1},\"auto\":false},\"background\":{\"raw\":\"#FFFFFF\",\"hex\":\"#FFFFFF\",\"hsl\":{\"h\":14.999999999998122,\"s\":0,\"l\":1,\"a\":1},\"rgba\":{\"r\":255,\"g\":255,\"b\":255,\"a\":1}}},\"fontFamily\":{\"title\":\"dm_sans\",\"body\":\"dm_sans\"},\"textSize\":{\"title\":48,\"subtitle\":24,\"body\":18},\"buttonSize\":{\"small\":14,\"medium\":16,\"large\":20},\"layout\":{\"maxWidth\":\"1120\",\"tileMargin\":100,\"appearanceEffect\":\"none\"},\"customCss\":\".velo-header {\\n border-bottom: 35px solid green ; /* Adjust thickness and color */\\n}\\n\\n\\n\\n\\n\\nfooter {\\n border-top: 35px solid green; /* Adjust thickness and color */\\n}\\n\\n/*Button color*/\\n.ec-size .ec-store .form-control--primary .form-control__button \\n{ background-color: #006400; }\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .form-control--primary .form-control__button: hover {\\nbackground: #a9a9a9;\\n}\\n\\n/*Text color*/\\n.ec-size .ec-store .form-control--primary .form-control__button {\\ncolor: white;\\n}\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .form-control--primary .form-control__button: hover {\\ncolor: black;\\n}\\n\\n\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button {\\nbackground: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button: hover {\\nbackground: #a9a9a9;\\n}\\n\\n/*Text color*/\\n.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button {\\ncolor: #ffffff;\\n}\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button: hover {\\ncolor: #000000;\\n}\\n\\n\\n\\n\\n.ec-size .ec-store .grid-product__buy-now .form-control__button { \\n background: #006400;\\n color: #ffffff; \\n}\\n\\n\\n\\n.ecsp .ecwid-btn--primary,\\n.ecwid .ecwid-btn--primary {background-color:#006400;}\\n.ecsp .ecwid-btn--primary: hover,\\n.ecwid .ecwid-btn--primary: hover {background-color:#a9a9a9;}\\n\\n\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button {\\nbackground-color: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button: hover {\\nbackground-color: #a9a9a9;\\n}\\n\\n/*Text color*/\\n.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button {\\ncolor: #ffffff;\\n}\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button: hover {\\ncolor: #000000;\\n}\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .ec-form__row--continue .form-control__button {\\n background-color: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .ec-form__row--continue .form-control__button: hover {\\n background: #a9a9a9;\\n}\\n\\n\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .ec-form__row--continue .form-control__button: hover {\\n color: #000000\\n}\\n\\n\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .details-product-purchase__controls .form-control__button {\\nbackground-color: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .details-product-purchase__controls .form-control__button: hover {\\nbackground-color: #a9a9a9;\\n}\\n\\n\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .details-product-purchase__controls .form-control__button: hover {\\ncolor: #000000;\\n}\\n\\n\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .ec-confirmation__continue .form-control__button {\\nbackground-color: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .ec-confirmation__continue .form-control__button: hover {\\nbackground-color: #a9a9a9;\\n}\\n\\n/*Text color*/\\n.ec-size .ec-store .ec-confirmation__continue .form-control__button {\\ncolor: #ffffff;\\n}\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .ec-confirmation__continue .form-control__button: hover {\\ncolor: #000000;\\n}\\n\\n\\n\\n.details-product-attribute__value\\n{ /* Target the element */\\n color: #F30F00; /* Set the text color */\\n }\\n\\n\\n.p-2 {\\nbackground-color: #2e3192;\\n}\\n\\n\",\"sanitizeHash\":\"6a5825a57e7e0baf198c9e77dd135f88\",\"sanitizedCustomCss\":\".velo-header {\\n border-bottom: 35px solid green ; /* Adjust thickness and color */\\n}\\n\\n\\n\\n\\n\\nfooter {\\n border-top: 35px solid green; /* Adjust thickness and color */\\n}\\n\\n/*Button color*/\\n.ec-size .ec-store .form-control--primary .form-control__button \\n{ background-color: #006400; }\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .form-control--primary .form-control__button: hover {\\nbackground: #a9a9a9;\\n}\\n\\n/*Text color*/\\n.ec-size .ec-store .form-control--primary .form-control__button {\\ncolor: white;\\n}\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .form-control--primary .form-control__button: hover {\\ncolor: black;\\n}\\n\\n\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button {\\nbackground: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button: hover {\\nbackground: #a9a9a9;\\n}\\n\\n/*Text color*/\\n.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button {\\ncolor: #ffffff;\\n}\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button: hover {\\ncolor: #000000;\\n}\\n\\n\\n\\n\\n.ec-size .ec-store .grid-product__buy-now .form-control__button { \\n background: #006400;\\n color: #ffffff; \\n}\\n\\n\\n\\n.ecsp .ecwid-btn--primary,\\n.ecwid .ecwid-btn--primary {background-color:#006400;}\\n.ecsp .ecwid-btn--primary: hover,\\n.ecwid .ecwid-btn--primary: hover {background-color:#a9a9a9;}\\n\\n\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button {\\nbackground-color: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button: hover {\\nbackground-color: #a9a9a9;\\n}\\n\\n/*Text color*/\\n.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button {\\ncolor: #ffffff;\\n}\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button: hover {\\ncolor: #000000;\\n}\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .ec-form__row--continue .form-control__button {\\n background-color: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .ec-form__row--continue .form-control__button: hover {\\n background: #a9a9a9;\\n}\\n\\n\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .ec-form__row--continue .form-control__button: hover {\\n color: #000000\\n}\\n\\n\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .details-product-purchase__controls .form-control__button {\\nbackground-color: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .details-product-purchase__controls .form-control__button: hover {\\nbackground-color: #a9a9a9;\\n}\\n\\n\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .details-product-purchase__controls .form-control__button: hover {\\ncolor: #000000;\\n}\\n\\n\\n\\n\\n/*Button color*/\\n.ec-size .ec-store .ec-confirmation__continue .form-control__button {\\nbackground-color: #006400;\\n}\\n\\n/*Button color on hover*/\\n.ec-size .ec-store .ec-confirmation__continue .form-control__button: hover {\\nbackground-color: #a9a9a9;\\n}\\n\\n/*Text color*/\\n.ec-size .ec-store .ec-confirmation__continue .form-control__button {\\ncolor: #ffffff;\\n}\\n\\n/*Text color on hover*/\\n.ec-size .ec-store .ec-confirmation__continue .form-control__button: hover {\\ncolor: #000000;\\n}\\n\\n\\n\\n.details-product-attribute__value\\n{ /* Target the element */\\n color: #F30F00; /* Set the text color */\\n }\\n\\n\\n.p-2 {\\nbackground-color: #2e3192;\\n}\\n\\n\"}","compressionEnabled":true,"externalizationEnabled":true,"vueVersion":"^3.4.0","blockId":"product","layoutId":"example-product","slotId":"custom-bottom-bar"},"data":{"content":"{}","design":"{}","defaults":"null","slotId":"custom-bottom-bar"}},"id":"custom-bottom-bar","html":"

","clientJsUrl":"https://d2vgjz314jo6a7.cloudfront.net/infiniteapps-velo/0.0.757/product/example-product/slots/custom-bottom-bar/client/client.js","cssUrl":"https://d2vgjz314jo6a7.cloudfront.net/infiniteapps-velo/0.0.757/product/example-product/slots/custom-bottom-bar/assets/client.css"}]}}