{
  "timestamp": "2025-10-27T05:12:38.202Z",
  "storeHash": "ivbr30q0b6",
  "templates": [
    {
      "template_file": "",
      "snapshot": {
        "regions": [
          {
            "name": "footer_info_col_1--global",
            "children": [
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "",
                  "layoutZIndex": "auto",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "8cc96950-8a15-4f3b-8129-087aa2a78248",
                        "configuration": {
                          "htmlCode": "<article class=\"footer-info-col\">\n    <h3 class=\"footer-info-heading\">Get a Prescription</h3>\n    <ul class=\"footer-info-list\">\n        <li><a href=\"/book-an-eye-exam/\">Book an eye exam</a></li>\n        <li><a href=\"/renew-a-prescription/\">Renew a prescription</a></li>\n        <li><a href=\"/measure-your-pd/\">Measure your PD</a></li>\n    </ul>\n</article>"
                        },
                        "storefront_api_query_params": {},
                        "name": "HTML",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              }
            ]
          },
          {
            "name": "footer_info_col_2--global",
            "children": [
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "",
                  "layoutZIndex": "auto",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "8cc96950-8a15-4f3b-8129-087aa2a78248",
                        "configuration": {
                          "htmlCode": "<article class=\"footer-info-col\">\n    <h3 class=\"footer-info-heading\">Get a Prescription</h3>\n    <ul class=\"footer-info-list\">\n        <li><a href=\"/book-an-eye-exam/\">Book an eye exam</a></li>\n        <li><a href=\"/renew-a-prescription/\">Renew a prescription</a></li>\n        <li><a href=\"/measure-your-pd/\">Measure your PD</a></li>\n    </ul>\n</article>\n\n<article class=\"footer-info-col\">\n    <h3 class=\"footer-info-heading\">Visit a Store</h3>\n    <ul class=\"footer-info-list\">\n        <li><a href=\"/find-a-location/\">Find a location</a></li>\n    </ul>\n</article>"
                        },
                        "storefront_api_query_params": {},
                        "name": "HTML",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              }
            ]
          },
          {
            "name": "footer_info_col_4--global",
            "children": [
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "",
                  "layoutZIndex": "auto",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "8cc96950-8a15-4f3b-8129-087aa2a78248",
                        "configuration": {
                          "htmlCode": "<article class=\"footer-info-col\">\n    <h3 class=\"footer-info-heading\">Ways to Save</h3>\n    <ul class=\"footer-info-list\">\n        <li><a href=\"/insurance/\">Insurance</a></li>\n        <li><a href=\"/flexible-spending/\">Flexible spending</a></li>\n        <li><a href=\"/20-off-contacts/\">20% off contacts</a></li>\n        <li><a href=\"/add-a-pair-and-save/\">Add a pair and save</a></li>\n    </ul>\n</article>\n\n<article class=\"footer-info-col\">\n    <h3 class=\"footer-info-heading\">Education</h3>\n    <ul class=\"footer-info-list\">\n        <li><a href=\"/eyeglasses-lens-guide/\">Eyeglasses lens guide</a></li>\n        <li><a href=\"/sunglasses-lens-guide/\">Sunglasses lens guide</a></li>\n        <li><a href=\"/eyewear-a-to-z/\">Eyewear A to Z</a></li>\n        <li><a href=\"/how-our-glasses-are-made/\">How our glasses are made</a></li>\n    </ul>\n</article>"
                        },
                        "storefront_api_query_params": {},
                        "name": "HTML",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              }
            ]
          },
          {
            "name": "footer_support--global",
            "children": [
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "",
                  "layoutZIndex": "auto",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "8cc96950-8a15-4f3b-8129-087aa2a78248",
                        "configuration": {
                          "htmlCode": "<ul class=\"footer-contacts-callouts\">\n  <li><a href=\"/faq\"><i class=\"icon\" aria-hidden=\"true\"><svg><use href=\"#icon-comments-question-check\"></use></svg></i>FAQ</a></li>\n  <li><a href=\"#text-message\"><i class=\"icon\" aria-hidden=\"true\"><svg><use href=\"#icon-message-dots\"></use></svg></i>Text</a></li>\n  <li><a href=\"#chat\"><i class=\"icon\" aria-hidden=\"true\"><svg><use href=\"#icon-messages\"></use></svg></i>Chat</a></li>\n  <li><a href=\"mailto:contact@papathemes.com\"><i class=\"icon\" aria-hidden=\"true\"><svg><use href=\"#icon-envelope\"></use></svg></i>Email</a></li>\n</ul>"
                        },
                        "storefront_api_query_params": {},
                        "name": "HTML",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              }
            ]
          },
          {
            "name": "footer_copyright_links--global",
            "children": [
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "",
                  "layoutZIndex": "auto",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "8cc96950-8a15-4f3b-8129-087aa2a78248",
                        "configuration": {
                          "htmlCode": "<ul class=\"footer-copyright-links\">\n  <li><a href=\"/privacy-policy\">Privacy Policy</a></li>\n  <li><a href=\"/notice-of-privacy-practices\">Notice of Privacy Practices</a></li>\n  <li><a href=\"/terms-of-use\">Terms of Use</a></li>\n  <li><a href=\"/accessibility\">Accessibility</a></li>\n  <li><a href=\"/ca-transparency-act\">CA Transparency Act</a></li>\n  <li><a href=\"/do-not-sell\">Do Not Sell</a></li>\n  <li><a href=\"/ca-ab-1305-disclosure\">CA AB 1305 Disclosure</a></li>\n</ul>"
                        },
                        "storefront_api_query_params": {},
                        "name": "HTML",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              }
            ]
          },
          {
            "name": "menu_top_24--global",
            "children": [
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "",
                  "layoutZIndex": "auto",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "55b02c63-75f5-4c49-b694-2108b5a3f7fc",
                        "configuration": {
                          "padding": {
                            "desktop": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "0",
                                "type": "px"
                              },
                              "right": {
                                "value": "0",
                                "type": "px"
                              }
                            },
                            "tablet": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "16",
                                "type": "px"
                              },
                              "right": {
                                "value": "0",
                                "type": "px"
                              }
                            },
                            "mobile": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "16",
                                "type": "px"
                              },
                              "right": {
                                "value": "0",
                                "type": "px"
                              }
                            }
                          },
                          "flexNoWrap": {
                            "desktop": true,
                            "table": true,
                            "mobile": true
                          },
                          "themeName": "custom",
                          "useContainer": false,
                          "bgImgUrl": {
                            "src": ""
                          },
                          "bgImgUrlTablet": {
                            "src": ""
                          },
                          "bgImgUrlMobile": {
                            "src": ""
                          },
                          "bgFit": "cover",
                          "carousel": {
                            "visibility": "hide",
                            "slidesToShow": {
                              "value": 6,
                              "type": ""
                            },
                            "slidesToShowTablet": {
                              "value": 4,
                              "type": ""
                            },
                            "slidesToShowMobile": {
                              "value": 2,
                              "type": ""
                            },
                            "autoplay": false,
                            "autoplaySpeed": {
                              "value": 3000,
                              "type": ""
                            },
                            "arrows": true,
                            "dots": true
                          },
                          "items": [
                            {
                              "imageUrl": {
                                "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/menu-1.jpg?t=1737377715",
                                "type": "IMAGE_MANAGER",
                                "data": {
                                  "imageUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/menu-1.jpg?t=1737377715",
                                  "name": "menu-1.jpg",
                                  "thumbnailUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/menu-1.jpg?t=1737377715",
                                  "url1280wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1280w/image-manager/menu-1.jpg?t=1737377715",
                                  "url160wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/160w/image-manager/menu-1.jpg?t=1737377715",
                                  "url1920wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1920w/image-manager/menu-1.jpg?t=1737377715",
                                  "url320wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/menu-1.jpg?t=1737377715",
                                  "url640wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/640w/image-manager/menu-1.jpg?t=1737377715",
                                  "url80wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/80w/image-manager/menu-1.jpg?t=1737377715",
                                  "url960wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/960w/image-manager/menu-1.jpg?t=1737377715"
                                }
                              },
                              "width": {
                                "value": 250,
                                "type": "px"
                              },
                              "height": {
                                "value": 250,
                                "type": "px"
                              },
                              "mobileImageVisibility": "hide",
                              "mobileImageUrl": {
                                "src": "https://source.unsplash.com/piBorUFXHhU/610x610",
                                "type": "IMAGE_MANAGER"
                              },
                              "mobileWidth": {
                                "value": 610,
                                "type": "px"
                              },
                              "mobileHeight": {
                                "value": 610,
                                "type": "px"
                              },
                              "imageFit": "fill",
                              "lazyload": true,
                              "borderRadius": {
                                "value": 16,
                                "type": "px"
                              },
                              "text": "NEW IN",
                              "descriptionText": "Dinning Room & Kitchen",
                              "buttonText": "SHOW NOW",
                              "contentAlignment": {
                                "horizontal": "center",
                                "vertical": "bottom"
                              },
                              "contentPadding": {
                                "top": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "16",
                                  "type": "px"
                                }
                              },
                              "contentBgColor": "transparent",
                              "contentPaddingTablet": {
                                "top": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "16",
                                  "type": "px"
                                }
                              },
                              "contentPaddingMobile": {
                                "top": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "16",
                                  "type": "px"
                                }
                              },
                              "heading": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "description": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "button": {
                                "visibility": "show",
                                "style": "default",
                                "fontFamily": "inherit",
                                "radius": {
                                  "value": 4,
                                  "type": "px"
                                },
                                "color": "#de7bce",
                                "colorHover": "#391271",
                                "textColor": "#ffffff",
                                "textColorHover": "#ffffff",
                                "position": "bottom",
                                "size": "small"
                              },
                              "itemWidth": {
                                "type": "px",
                                "pixel": {
                                  "value": 250,
                                  "type": "px"
                                },
                                "percent": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "tabletPixel": {
                                  "value": 250,
                                  "type": "px"
                                },
                                "tabletPercent": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "mobilePixel": {
                                  "value": 250,
                                  "type": "px"
                                },
                                "mobilePercent": {
                                  "value": 20,
                                  "type": "%"
                                }
                              },
                              "padding": {
                                "desktop": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "8",
                                    "type": "px"
                                  }
                                },
                                "tablet": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "4",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "4",
                                    "type": "px"
                                  }
                                },
                                "mobile": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "4",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "4",
                                    "type": "px"
                                  }
                                }
                              },
                              "link": "/eyeglasses/"
                            },
                            {
                              "imageUrl": {
                                "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/menu-2.jpg?t=1737377759",
                                "type": "IMAGE_MANAGER",
                                "data": {
                                  "imageUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/menu-2.jpg?t=1737377759",
                                  "name": "menu-2.jpg",
                                  "thumbnailUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/menu-2.jpg?t=1737377759",
                                  "url1280wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1280w/image-manager/menu-2.jpg?t=1737377759",
                                  "url160wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/160w/image-manager/menu-2.jpg?t=1737377759",
                                  "url1920wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1920w/image-manager/menu-2.jpg?t=1737377759",
                                  "url320wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/menu-2.jpg?t=1737377759",
                                  "url640wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/640w/image-manager/menu-2.jpg?t=1737377759",
                                  "url80wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/80w/image-manager/menu-2.jpg?t=1737377759",
                                  "url960wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/960w/image-manager/menu-2.jpg?t=1737377759"
                                }
                              },
                              "width": {
                                "value": 250,
                                "type": "px"
                              },
                              "height": {
                                "value": 250,
                                "type": "px"
                              },
                              "mobileImageVisibility": "hide",
                              "mobileImageUrl": {
                                "src": "https://source.unsplash.com/piBorUFXHhU/610x610",
                                "type": "IMAGE_MANAGER"
                              },
                              "mobileWidth": {
                                "value": 610,
                                "type": "px"
                              },
                              "mobileHeight": {
                                "value": 610,
                                "type": "px"
                              },
                              "imageFit": "fill",
                              "lazyload": true,
                              "borderRadius": {
                                "value": 16,
                                "type": "px"
                              },
                              "text": "NEW IN",
                              "descriptionText": "Dinning Room & Kitchen",
                              "buttonText": "SHOW NOW",
                              "contentAlignment": {
                                "horizontal": "center",
                                "vertical": "bottom"
                              },
                              "contentPadding": {
                                "top": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "16",
                                  "type": "px"
                                }
                              },
                              "contentBgColor": "transparent",
                              "contentPaddingTablet": {
                                "top": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "16",
                                  "type": "px"
                                }
                              },
                              "contentPaddingMobile": {
                                "top": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "16",
                                  "type": "px"
                                }
                              },
                              "heading": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "description": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "button": {
                                "visibility": "show",
                                "style": "default",
                                "fontFamily": "inherit",
                                "radius": {
                                  "value": 4,
                                  "type": "px"
                                },
                                "color": "#de7bce",
                                "colorHover": "#391271",
                                "textColor": "#ffffff",
                                "textColorHover": "#ffffff",
                                "position": "bottom",
                                "size": "small"
                              },
                              "itemWidth": {
                                "type": "px",
                                "pixel": {
                                  "value": 250,
                                  "type": "px"
                                },
                                "percent": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "tabletPixel": {
                                  "value": 250,
                                  "type": "px"
                                },
                                "tabletPercent": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "mobilePixel": {
                                  "value": 250,
                                  "type": "px"
                                },
                                "mobilePercent": {
                                  "value": 20,
                                  "type": "%"
                                }
                              },
                              "padding": {
                                "desktop": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "8",
                                    "type": "px"
                                  }
                                },
                                "tablet": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "4",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "4",
                                    "type": "px"
                                  }
                                },
                                "mobile": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "4",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "4",
                                    "type": "px"
                                  }
                                }
                              },
                              "link": "/eyeglasses/"
                            }
                          ],
                          "contentOverlayMobile": true
                        },
                        "storefront_api_query_params": {},
                        "name": "Flex Banners | PapaThemes Beautify",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              }
            ]
          },
          {
            "name": "menu_top_25--global",
            "children": [
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "",
                  "layoutZIndex": "auto",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "55b02c63-75f5-4c49-b694-2108b5a3f7fc",
                        "configuration": {
                          "padding": {
                            "desktop": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "0",
                                "type": "px"
                              },
                              "right": {
                                "value": "0",
                                "type": "px"
                              }
                            },
                            "tablet": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "16",
                                "type": "px"
                              },
                              "right": {
                                "value": "0",
                                "type": "px"
                              }
                            },
                            "mobile": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "16",
                                "type": "px"
                              },
                              "right": {
                                "value": "0",
                                "type": "px"
                              }
                            }
                          },
                          "flexNoWrap": {
                            "desktop": true,
                            "table": true,
                            "mobile": true
                          },
                          "themeName": "custom",
                          "useContainer": false,
                          "bgImgUrl": {
                            "src": ""
                          },
                          "bgImgUrlTablet": {
                            "src": ""
                          },
                          "bgImgUrlMobile": {
                            "src": ""
                          },
                          "bgFit": "cover",
                          "carousel": {
                            "visibility": "hide",
                            "slidesToShow": {
                              "value": 6,
                              "type": ""
                            },
                            "slidesToShowTablet": {
                              "value": 4,
                              "type": ""
                            },
                            "slidesToShowMobile": {
                              "value": 2,
                              "type": ""
                            },
                            "autoplay": false,
                            "autoplaySpeed": {
                              "value": 3000,
                              "type": ""
                            },
                            "arrows": true,
                            "dots": true
                          },
                          "items": [
                            {
                              "imageUrl": {
                                "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/banner-women-sunglasses.png?t=1739162578",
                                "type": "IMAGE_MANAGER",
                                "data": {
                                  "imageUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/banner-women-sunglasses.png?t=1739162578",
                                  "name": "banner-women-sunglasses.png",
                                  "thumbnailUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/banner-women-sunglasses.png?t=1739162578",
                                  "url1280wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1280w/image-manager/banner-women-sunglasses.png?t=1739162578",
                                  "url160wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/160w/image-manager/banner-women-sunglasses.png?t=1739162578",
                                  "url1920wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1920w/image-manager/banner-women-sunglasses.png?t=1739162578",
                                  "url320wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/banner-women-sunglasses.png?t=1739162578",
                                  "url640wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/640w/image-manager/banner-women-sunglasses.png?t=1739162578",
                                  "url80wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/80w/image-manager/banner-women-sunglasses.png?t=1739162578",
                                  "url960wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/960w/image-manager/banner-women-sunglasses.png?t=1739162578"
                                }
                              },
                              "width": {
                                "value": 250,
                                "type": "px"
                              },
                              "height": {
                                "value": 250,
                                "type": "px"
                              },
                              "mobileImageVisibility": "hide",
                              "mobileImageUrl": {
                                "src": "https://source.unsplash.com/piBorUFXHhU/610x610",
                                "type": "IMAGE_MANAGER"
                              },
                              "mobileWidth": {
                                "value": 610,
                                "type": "px"
                              },
                              "mobileHeight": {
                                "value": 610,
                                "type": "px"
                              },
                              "imageFit": "fill",
                              "lazyload": true,
                              "borderRadius": {
                                "value": 16,
                                "type": "px"
                              },
                              "text": "NEW IN",
                              "descriptionText": "Dinning Room & Kitchen",
                              "buttonText": "SHOW NOW",
                              "contentAlignment": {
                                "horizontal": "center",
                                "vertical": "bottom"
                              },
                              "contentPadding": {
                                "top": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "16",
                                  "type": "px"
                                }
                              },
                              "contentBgColor": "transparent",
                              "contentPaddingTablet": {
                                "top": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "16",
                                  "type": "px"
                                }
                              },
                              "contentPaddingMobile": {
                                "top": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "16",
                                  "type": "px"
                                }
                              },
                              "heading": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "description": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "button": {
                                "visibility": "show",
                                "style": "default",
                                "fontFamily": "inherit",
                                "radius": {
                                  "value": 4,
                                  "type": "px"
                                },
                                "color": "#de7bce",
                                "colorHover": "#391271",
                                "textColor": "#ffffff",
                                "textColorHover": "#ffffff",
                                "position": "bottom",
                                "size": "small"
                              },
                              "itemWidth": {
                                "type": "px",
                                "pixel": {
                                  "value": 250,
                                  "type": "px"
                                },
                                "percent": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "tabletPixel": {
                                  "value": 250,
                                  "type": "px"
                                },
                                "tabletPercent": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "mobilePixel": {
                                  "value": 250,
                                  "type": "px"
                                },
                                "mobilePercent": {
                                  "value": 20,
                                  "type": "%"
                                }
                              },
                              "padding": {
                                "desktop": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "8",
                                    "type": "px"
                                  }
                                },
                                "tablet": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "4",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "4",
                                    "type": "px"
                                  }
                                },
                                "mobile": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "4",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "4",
                                    "type": "px"
                                  }
                                }
                              },
                              "link": "/eyeglasses/"
                            },
                            {
                              "imageUrl": {
                                "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/banner-men-sunglasses.png?t=1739162693",
                                "type": "IMAGE_MANAGER",
                                "data": {
                                  "imageUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/banner-men-sunglasses.png?t=1739162693",
                                  "name": "banner-men-sunglasses.png",
                                  "thumbnailUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/banner-men-sunglasses.png?t=1739162693",
                                  "url1280wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1280w/image-manager/banner-men-sunglasses.png?t=1739162693",
                                  "url160wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/160w/image-manager/banner-men-sunglasses.png?t=1739162693",
                                  "url1920wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1920w/image-manager/banner-men-sunglasses.png?t=1739162693",
                                  "url320wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/banner-men-sunglasses.png?t=1739162693",
                                  "url640wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/640w/image-manager/banner-men-sunglasses.png?t=1739162693",
                                  "url80wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/80w/image-manager/banner-men-sunglasses.png?t=1739162693",
                                  "url960wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/960w/image-manager/banner-men-sunglasses.png?t=1739162693"
                                }
                              },
                              "width": {
                                "value": 250,
                                "type": "px"
                              },
                              "height": {
                                "value": 250,
                                "type": "px"
                              },
                              "mobileImageVisibility": "hide",
                              "mobileImageUrl": {
                                "src": "https://source.unsplash.com/piBorUFXHhU/610x610",
                                "type": "IMAGE_MANAGER"
                              },
                              "mobileWidth": {
                                "value": 610,
                                "type": "px"
                              },
                              "mobileHeight": {
                                "value": 610,
                                "type": "px"
                              },
                              "imageFit": "fill",
                              "lazyload": true,
                              "borderRadius": {
                                "value": 16,
                                "type": "px"
                              },
                              "text": "NEW IN",
                              "descriptionText": "Dinning Room & Kitchen",
                              "buttonText": "SHOW NOW",
                              "contentAlignment": {
                                "horizontal": "center",
                                "vertical": "bottom"
                              },
                              "contentPadding": {
                                "top": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "16",
                                  "type": "px"
                                }
                              },
                              "contentBgColor": "transparent",
                              "contentPaddingTablet": {
                                "top": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "16",
                                  "type": "px"
                                }
                              },
                              "contentPaddingMobile": {
                                "top": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "16",
                                  "type": "px"
                                }
                              },
                              "heading": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "description": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "button": {
                                "visibility": "show",
                                "style": "default",
                                "fontFamily": "inherit",
                                "radius": {
                                  "value": 4,
                                  "type": "px"
                                },
                                "color": "#de7bce",
                                "colorHover": "#391271",
                                "textColor": "#ffffff",
                                "textColorHover": "#ffffff",
                                "position": "bottom",
                                "size": "small"
                              },
                              "itemWidth": {
                                "type": "px",
                                "pixel": {
                                  "value": 250,
                                  "type": "px"
                                },
                                "percent": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "tabletPixel": {
                                  "value": 250,
                                  "type": "px"
                                },
                                "tabletPercent": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "mobilePixel": {
                                  "value": 250,
                                  "type": "px"
                                },
                                "mobilePercent": {
                                  "value": 20,
                                  "type": "%"
                                }
                              },
                              "padding": {
                                "desktop": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "8",
                                    "type": "px"
                                  }
                                },
                                "tablet": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "4",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "4",
                                    "type": "px"
                                  }
                                },
                                "mobile": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "4",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "4",
                                    "type": "px"
                                  }
                                }
                              },
                              "link": "/eyeglasses/"
                            }
                          ],
                          "contentOverlayMobile": true
                        },
                        "storefront_api_query_params": {},
                        "name": "Flex Banners | PapaThemes Beautify",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              }
            ]
          },
          {
            "name": "header_top--global",
            "children": [
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "",
                  "layoutZIndex": "auto",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "8cc96950-8a15-4f3b-8129-087aa2a78248",
                        "configuration": {
                          "htmlCode": "<div data-banner-carousel style=\"text-align: center\">\n    <div>See Clearly, Look Stylish! ? Shop Top-Quality Eyeglasses at Unbeatable Prices – Limited Time Offers!</div>\n    <div><strong>Elevate Your Vision, Elevate Your Style!</strong> ? Discover Our Exclusive Eyeglasses Collection at Amazing Prices &ndash; Shop Now!</div>\n    <div><strong>Perfect Your Look with Precision!</strong> ?️ Browse Our Premium Eyewear Range &ndash; Exceptional Deals Await!</div>\n</div>"
                        },
                        "storefront_api_query_params": {},
                        "name": "HTML",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              }
            ]
          },
          {
            "name": "category_below_content--global",
            "children": [
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "",
                  "layoutZIndex": "auto",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "8d2829d8-0f34-475d-945c-9f58b43adf08",
                        "configuration": {
                          "spaceSize": 48,
                          "tabletSpaceSize": 32,
                          "mobileSpaceSize": 32
                        },
                        "storefront_api_query_params": {},
                        "name": "Spacer | PapaThemes Beautify",
                        "description": "",
                        "type": "widget"
                      },
                      {
                        "widget_template_uuid": "8a70c87e-ba7f-448b-9ff6-e7bbd471eef5",
                        "configuration": {
                          "textContent": "Eyeglasses FAQs",
                          "headingTag": "h2",
                          "fontFamily": "",
                          "fontWeight": "700",
                          "fontSize": {
                            "value": 36,
                            "type": "px"
                          },
                          "mobileFontSize": {
                            "value": 24,
                            "type": "px"
                          },
                          "lineHeight": "",
                          "fontColor": "#000000",
                          "textStyle": "default",
                          "alignment": {
                            "horizontal": "center",
                            "vertical": "middle"
                          },
                          "margin": {
                            "top": {
                              "value": "0",
                              "type": "px"
                            },
                            "right": {
                              "value": "0",
                              "type": "px"
                            },
                            "bottom": {
                              "value": "0",
                              "type": "px"
                            },
                            "left": {
                              "value": "0",
                              "type": "px"
                            }
                          },
                          "marginMobile": {
                            "top": {
                              "value": "0",
                              "type": "px"
                            },
                            "right": {
                              "value": "0",
                              "type": "px"
                            },
                            "bottom": {
                              "value": "0",
                              "type": "px"
                            },
                            "left": {
                              "value": "0",
                              "type": "px"
                            }
                          },
                          "padding": {
                            "top": {
                              "value": "0",
                              "type": "px"
                            },
                            "right": {
                              "value": "0",
                              "type": "px"
                            },
                            "bottom": {
                              "value": "0",
                              "type": "px"
                            },
                            "left": {
                              "value": "0",
                              "type": "px"
                            }
                          },
                          "paddingMobile": {
                            "top": {
                              "value": "0",
                              "type": "px"
                            },
                            "right": {
                              "value": "0",
                              "type": "px"
                            },
                            "bottom": {
                              "value": "0",
                              "type": "px"
                            },
                            "left": {
                              "value": "0",
                              "type": "px"
                            }
                          },
                          "backgroundColor": "transparent"
                        },
                        "storefront_api_query_params": {},
                        "name": "Section Heading | PapaThemes Beautify",
                        "description": "",
                        "type": "widget"
                      },
                      {
                        "widget_template_uuid": "da8858e3-12ba-4621-b882-5c6b2135cda3",
                        "configuration": {
                          "borderColor": "#858585",
                          "focusColor": "#0759d5",
                          "headingTag": "h4",
                          "headingStyle": {
                            "color": "#212121",
                            "bgColor": "#f7f7f7",
                            "hoverColor": "#e1edfe",
                            "typography": "default",
                            "align": {
                              "horizontal": "left"
                            }
                          },
                          "headingSize": {
                            "padding": {
                              "top": {
                                "value": "10",
                                "type": "px"
                              },
                              "right": {
                                "value": "15",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "10",
                                "type": "px"
                              },
                              "left": {
                                "value": "15",
                                "type": "px"
                              }
                            }
                          },
                          "bodyStyle": {
                            "color": "#000000",
                            "bgColor": "#ffffff",
                            "typography": "default",
                            "align": {
                              "horizontal": "left"
                            }
                          },
                          "bodySize": {
                            "padding": {
                              "top": {
                                "value": "10",
                                "type": "px"
                              },
                              "right": {
                                "value": "15",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "10",
                                "type": "px"
                              },
                              "left": {
                                "value": "15",
                                "type": "px"
                              }
                            }
                          },
                          "items": [
                            {
                              "title": "Does PapaThemes take insurance?",
                              "body": "Yes, we do! We partner (and are considered in-network) with several vision insurance providers. And even if we’re out of network, you can still save an average of $100—you’ll just have to apply for reimbursement after checkout.",
                              "isOpened": true
                            },
                            {
                              "title": "How long will it take to get your glasses?",
                              "body": "Yes, we do! We partner (and are considered in-network) with several vision insurance providers. And even if we’re out of network, you can still save an average of $100—you’ll just have to apply for reimbursement after checkout."
                            },
                            {
                              "title": "How does PapaThemes Home Try-On work?",
                              "body": "Yes, we do! We partner (and are considered in-network) with several vision insurance providers. And even if we’re out of network, you can still save an average of $100—you’ll just have to apply for reimbursement after checkout."
                            },
                            {
                              "title": "What will your glasses come with?",
                              "body": "Yes, we do! We partner (and are considered in-network) with several vision insurance providers. And even if we’re out of network, you can still save an average of $100—you’ll just have to apply for reimbursement after checkout."
                            },
                            {
                              "title": "Can you return PapaThemes eyeglasses?",
                              "body": "Yes, we do! We partner (and are considered in-network) with several vision insurance providers. And even if we’re out of network, you can still save an average of $100—you’ll just have to apply for reimbursement after checkout."
                            }
                          ]
                        },
                        "storefront_api_query_params": {},
                        "name": "Accordion | PapaThemes",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              }
            ]
          }
        ]
      }
    },
    {
      "template_file": "pages/home",
      "snapshot": {
        "regions": [
          {
            "name": "home_below_carousel",
            "children": [
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "rgba(47, 132, 95, 0.2)",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "color",
                  "layoutZIndex": "-2",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "8a70c87e-ba7f-448b-9ff6-e7bbd471eef5",
                        "configuration": {
                          "textContent": "FREE SHIPPING AND FREE 30-DAY RETURNS",
                          "fontFamily": "inherit",
                          "fontWeight": "800",
                          "fontSize": {
                            "value": 24,
                            "type": "px"
                          },
                          "mobileFontSize": {
                            "value": 16,
                            "type": "px"
                          },
                          "fontColor": "rgba(11,95,51,1)",
                          "textStyle": "custom",
                          "alignment": {
                            "horizontal": "center",
                            "vertical": "middle"
                          },
                          "margin": {
                            "top": {
                              "value": "0",
                              "type": "px"
                            },
                            "right": {
                              "value": "0",
                              "type": "px"
                            },
                            "bottom": {
                              "value": "0",
                              "type": "px"
                            },
                            "left": {
                              "value": "0",
                              "type": "px"
                            }
                          },
                          "marginMobile": {
                            "top": {
                              "value": "0",
                              "type": "px"
                            },
                            "right": {
                              "value": "0",
                              "type": "px"
                            },
                            "bottom": {
                              "value": "0",
                              "type": "px"
                            },
                            "left": {
                              "value": "0",
                              "type": "px"
                            }
                          },
                          "padding": {
                            "top": {
                              "value": "24",
                              "type": "px"
                            },
                            "right": {
                              "value": "16",
                              "type": "px"
                            },
                            "bottom": {
                              "value": "24",
                              "type": "px"
                            },
                            "left": {
                              "value": "16",
                              "type": "px"
                            }
                          },
                          "paddingMobile": {
                            "top": {
                              "value": "24",
                              "type": "px"
                            },
                            "right": {
                              "value": "16",
                              "type": "px"
                            },
                            "bottom": {
                              "value": "24",
                              "type": "px"
                            },
                            "left": {
                              "value": "16",
                              "type": "px"
                            }
                          },
                          "backgroundColor": "transparent",
                          "lineHeight": "1.6",
                          "headingTag": "p"
                        },
                        "storefront_api_query_params": {},
                        "name": "Section Heading | PapaThemes Beautify",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              }
            ]
          },
          {
            "name": "home_below_section1",
            "children": [
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "",
                  "layoutZIndex": "auto",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "ecbb51d2-a8cc-4121-a85f-fcc4040bf152",
                        "configuration": {
                          "image": {
                            "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/pick-5-pairs-from-our-home-try-on-collection.jpg?t=1737535372",
                            "type": "IMAGE_MANAGER"
                          },
                          "alt": "image alt text",
                          "width": {
                            "value": 500,
                            "type": "px"
                          },
                          "height": {
                            "value": 500,
                            "type": "px"
                          },
                          "mobileImage": {
                            "src": "",
                            "type": "IMAGE_MANAGER"
                          },
                          "mobileImageWidth": {
                            "value": 1500,
                            "type": "px"
                          },
                          "mobileImageHeight": {
                            "value": 1500,
                            "type": "px"
                          },
                          "background": "rgba(243,243,243,1)",
                          "backgroundMobile": "#ffffff",
                          "contentDirection": "row-reverse",
                          "heading": {
                            "visibility": "show",
                            "text": "Pick 5 pairs from our Home Try-On collection"
                          },
                          "text1": {
                            "visibility": "hide",
                            "text": "Start with a style quiz"
                          },
                          "text2": {
                            "visibility": "show",
                            "text": "<p><a href=\"#\">Start with a style quiz</a></p>"
                          },
                          "button1": {
                            "visibility": "show",
                            "text": "<p>Browse Women</p>",
                            "link": "",
                            "size": "small",
                            "style": "primary"
                          },
                          "button2": {
                            "visibility": "show",
                            "text": "<p>Browse Men</p>",
                            "link": "",
                            "size": "small",
                            "style": "primary"
                          },
                          "button3": {
                            "visibility": "hide",
                            "text": "Button",
                            "link": ""
                          },
                          "styleOption": "custom",
                          "baseSpacing": {
                            "value": 1,
                            "type": "rem"
                          },
                          "headingFontSizeDesktop": {
                            "value": 36,
                            "type": "px"
                          },
                          "headingFontSizeMobile": {
                            "value": 28,
                            "type": "px"
                          },
                          "textFontSizeDesktop": {
                            "value": 16,
                            "type": "px"
                          },
                          "textFontSizeMobile": {
                            "value": 14,
                            "type": "px"
                          },
                          "textColor": "#555555",
                          "imageVisibility": "show",
                          "contentDirectionMobile": "column",
                          "video": "https://storage.themeforshop.com/eyeva-demo/eyeglasses-box-h265a.mp4",
                          "showVideo": "viewport",
                          "hideVideoWhenPaused": true
                        },
                        "storefront_api_query_params": {},
                        "name": "Leaderboard | Eyeva Glasses",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              }
            ]
          },
          {
            "name": "home_below_section2",
            "children": [
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "",
                  "layoutZIndex": "auto",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "55b02c63-75f5-4c49-b694-2108b5a3f7fc",
                        "configuration": {
                          "padding": {
                            "desktop": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "32",
                                "type": "px"
                              },
                              "right": {
                                "value": "32",
                                "type": "px"
                              }
                            },
                            "tablet": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "16",
                                "type": "px"
                              },
                              "right": {
                                "value": "16",
                                "type": "px"
                              }
                            },
                            "mobile": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "16",
                                "type": "px"
                              },
                              "right": {
                                "value": "16",
                                "type": "px"
                              }
                            }
                          },
                          "flexNoWrap": {
                            "desktop": true,
                            "table": false,
                            "mobile": false
                          },
                          "themeName": "custom",
                          "useContainer": false,
                          "bgImgUrl": {
                            "src": ""
                          },
                          "bgImgUrlTablet": {
                            "src": ""
                          },
                          "bgImgUrlMobile": {
                            "src": ""
                          },
                          "bgFit": "cover",
                          "carousel": {
                            "visibility": "hide",
                            "slidesToShow": {
                              "value": 6,
                              "type": ""
                            },
                            "slidesToShowTablet": {
                              "value": 4,
                              "type": ""
                            },
                            "slidesToShowMobile": {
                              "value": 2,
                              "type": ""
                            },
                            "autoplay": false,
                            "autoplaySpeed": {
                              "value": 3000,
                              "type": ""
                            },
                            "arrows": true,
                            "dots": true
                          },
                          "items": [
                            {
                              "imageUrl": {
                                "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/wide-banner.png?t=1736562029",
                                "type": "IMAGE_MANAGER",
                                "data": {
                                  "imageUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/wide-banner.png?t=1736562029",
                                  "name": "wide-banner.png",
                                  "thumbnailUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/wide-banner.png?t=1736562029",
                                  "url1280wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1280w/image-manager/wide-banner.png?t=1736562029",
                                  "url160wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/160w/image-manager/wide-banner.png?t=1736562029",
                                  "url1920wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1920w/image-manager/wide-banner.png?t=1736562029",
                                  "url320wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/wide-banner.png?t=1736562029",
                                  "url640wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/640w/image-manager/wide-banner.png?t=1736562029",
                                  "url80wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/80w/image-manager/wide-banner.png?t=1736562029",
                                  "url960wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/960w/image-manager/wide-banner.png?t=1736562029"
                                }
                              },
                              "width": {
                                "value": 1824,
                                "type": "px"
                              },
                              "height": {
                                "value": 1200,
                                "type": "px"
                              },
                              "mobileImageVisibility": "hide",
                              "mobileImageUrl": {
                                "src": "https://source.unsplash.com/piBorUFXHhU/610x610",
                                "type": "IMAGE_MANAGER"
                              },
                              "mobileWidth": {
                                "value": 610,
                                "type": "px"
                              },
                              "mobileHeight": {
                                "value": 610,
                                "type": "px"
                              },
                              "imageFit": "fit",
                              "lazyload": true,
                              "borderRadius": {
                                "value": 0,
                                "type": "px"
                              },
                              "text": "NEW IN",
                              "descriptionText": "Dinning Room & Kitchen",
                              "buttonText": "Shop Winter 2025",
                              "contentAlignment": {
                                "horizontal": "left",
                                "vertical": "bottom"
                              },
                              "contentPadding": {
                                "top": {
                                  "value": "40",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "40",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "36",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "36",
                                  "type": "px"
                                }
                              },
                              "contentBgColor": "transparent",
                              "contentPaddingTablet": {
                                "top": {
                                  "value": "40",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "40",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "36",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "36",
                                  "type": "px"
                                }
                              },
                              "contentPaddingMobile": {
                                "top": {
                                  "value": "10",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "10",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "15",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "15",
                                  "type": "px"
                                }
                              },
                              "heading": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "description": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "button": {
                                "visibility": "show",
                                "style": "custom",
                                "fontFamily": "inherit",
                                "radius": {
                                  "value": 25,
                                  "type": "px"
                                },
                                "color": "rgba(255,255,255,1)",
                                "colorHover": "rgba(45,115,189,1)",
                                "textColor": "rgba(0,0,0,1)",
                                "textColorHover": "#ffffff",
                                "position": "bottom"
                              },
                              "itemWidth": {
                                "type": "%",
                                "pixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "percent": {
                                  "value": 50,
                                  "type": "%"
                                },
                                "tabletPixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "tabletPercent": {
                                  "value": 50,
                                  "type": "%"
                                },
                                "mobilePixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "mobilePercent": {
                                  "value": 100,
                                  "type": "%"
                                }
                              },
                              "padding": {
                                "desktop": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "16",
                                    "type": "px"
                                  }
                                },
                                "tablet": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "8",
                                    "type": "px"
                                  }
                                },
                                "mobile": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "0",
                                    "type": "px"
                                  }
                                }
                              },
                              "video": "https://storage.themeforshop.com/eyeva-demo/eyeglasses-rotating-h265.mp4",
                              "showVideo": "viewport",
                              "hideVideoWhenPaused": false
                            },
                            {
                              "imageUrl": {
                                "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/wide-banner-1-.png?t=1736562434",
                                "type": "IMAGE_MANAGER",
                                "data": {
                                  "imageUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/wide-banner-1-.png?t=1736562434",
                                  "name": "wide-banner-1-.png",
                                  "thumbnailUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/wide-banner-1-.png?t=1736562434",
                                  "url1280wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1280w/image-manager/wide-banner-1-.png?t=1736562434",
                                  "url160wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/160w/image-manager/wide-banner-1-.png?t=1736562434",
                                  "url1920wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1920w/image-manager/wide-banner-1-.png?t=1736562434",
                                  "url320wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/wide-banner-1-.png?t=1736562434",
                                  "url640wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/640w/image-manager/wide-banner-1-.png?t=1736562434",
                                  "url80wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/80w/image-manager/wide-banner-1-.png?t=1736562434",
                                  "url960wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/960w/image-manager/wide-banner-1-.png?t=1736562434"
                                }
                              },
                              "width": {
                                "value": 1824,
                                "type": "px"
                              },
                              "height": {
                                "value": 1200,
                                "type": "px"
                              },
                              "mobileImageVisibility": "hide",
                              "mobileImageUrl": {
                                "src": "https://source.unsplash.com/piBorUFXHhU/610x610",
                                "type": "IMAGE_MANAGER"
                              },
                              "mobileWidth": {
                                "value": 610,
                                "type": "px"
                              },
                              "mobileHeight": {
                                "value": 610,
                                "type": "px"
                              },
                              "imageFit": "fit",
                              "lazyload": true,
                              "borderRadius": {
                                "value": 0,
                                "type": "px"
                              },
                              "text": "NEW IN",
                              "descriptionText": "Dinning Room & Kitchen",
                              "buttonText": "Shop Emma Chamberlain",
                              "contentAlignment": {
                                "horizontal": "left",
                                "vertical": "bottom"
                              },
                              "contentPadding": {
                                "top": {
                                  "value": "40",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "40",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "36",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "36",
                                  "type": "px"
                                }
                              },
                              "contentBgColor": "transparent",
                              "contentPaddingTablet": {
                                "top": {
                                  "value": "40",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "40",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "36",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "36",
                                  "type": "px"
                                }
                              },
                              "contentPaddingMobile": {
                                "top": {
                                  "value": "10",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "10",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "15",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "15",
                                  "type": "px"
                                }
                              },
                              "heading": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "description": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "button": {
                                "visibility": "show",
                                "style": "custom",
                                "fontFamily": "inherit",
                                "radius": {
                                  "value": 25,
                                  "type": "px"
                                },
                                "color": "rgba(255,255,255,1)",
                                "colorHover": "rgba(45,115,189,1)",
                                "textColor": "rgba(0,0,0,1)",
                                "textColorHover": "#ffffff",
                                "position": "bottom"
                              },
                              "itemWidth": {
                                "type": "%",
                                "pixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "percent": {
                                  "value": 50,
                                  "type": "%"
                                },
                                "tabletPixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "tabletPercent": {
                                  "value": 50,
                                  "type": "%"
                                },
                                "mobilePixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "mobilePercent": {
                                  "value": 100,
                                  "type": "%"
                                }
                              },
                              "padding": {
                                "desktop": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "16",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "0",
                                    "type": "px"
                                  }
                                },
                                "tablet": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "0",
                                    "type": "px"
                                  }
                                },
                                "mobile": {
                                  "top": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "0",
                                    "type": "px"
                                  }
                                }
                              }
                            }
                          ],
                          "contentOverlayMobile": true
                        },
                        "storefront_api_query_params": {},
                        "name": "Flex Banners | PapaThemes Beautify",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              }
            ]
          },
          {
            "name": "home_below_section3",
            "children": [
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "",
                  "layoutZIndex": "auto",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "55b02c63-75f5-4c49-b694-2108b5a3f7fc",
                        "configuration": {
                          "padding": {
                            "desktop": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "0",
                                "type": "px"
                              },
                              "right": {
                                "value": "0",
                                "type": "px"
                              }
                            },
                            "tablet": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "0",
                                "type": "px"
                              },
                              "right": {
                                "value": "0",
                                "type": "px"
                              }
                            },
                            "mobile": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "0",
                                "type": "px"
                              },
                              "right": {
                                "value": "0",
                                "type": "px"
                              }
                            }
                          },
                          "flexNoWrap": {
                            "desktop": false,
                            "table": false,
                            "mobile": false
                          },
                          "themeName": "custom",
                          "useContainer": false,
                          "bgImgUrl": {
                            "src": ""
                          },
                          "bgImgUrlTablet": {
                            "src": ""
                          },
                          "bgImgUrlMobile": {
                            "src": ""
                          },
                          "bgFit": "cover",
                          "carousel": {
                            "visibility": "hide",
                            "slidesToShow": {
                              "value": 6,
                              "type": ""
                            },
                            "slidesToShowTablet": {
                              "value": 4,
                              "type": ""
                            },
                            "slidesToShowMobile": {
                              "value": 2,
                              "type": ""
                            },
                            "autoplay": false,
                            "autoplaySpeed": {
                              "value": 3000,
                              "type": ""
                            },
                            "arrows": true,
                            "dots": true
                          },
                          "items": [
                            {
                              "imageUrl": {
                                "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/eb6407e750a3b761316fe5bb2fd9dc69.jpeg?t=1736753510",
                                "type": "IMAGE_MANAGER",
                                "data": {
                                  "imageUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/eb6407e750a3b761316fe5bb2fd9dc69.jpeg?t=1736753510",
                                  "name": "eb6407e750a3b761316fe5bb2fd9dc69.jpeg",
                                  "thumbnailUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/eb6407e750a3b761316fe5bb2fd9dc69.jpeg?t=1736753510",
                                  "url1280wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1280w/image-manager/eb6407e750a3b761316fe5bb2fd9dc69.jpeg?t=1736753510",
                                  "url160wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/160w/image-manager/eb6407e750a3b761316fe5bb2fd9dc69.jpeg?t=1736753510",
                                  "url1920wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1920w/image-manager/eb6407e750a3b761316fe5bb2fd9dc69.jpeg?t=1736753510",
                                  "url320wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/eb6407e750a3b761316fe5bb2fd9dc69.jpeg?t=1736753510",
                                  "url640wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/640w/image-manager/eb6407e750a3b761316fe5bb2fd9dc69.jpeg?t=1736753510",
                                  "url80wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/80w/image-manager/eb6407e750a3b761316fe5bb2fd9dc69.jpeg?t=1736753510",
                                  "url960wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/960w/image-manager/eb6407e750a3b761316fe5bb2fd9dc69.jpeg?t=1736753510"
                                }
                              },
                              "width": {
                                "value": 3000,
                                "type": "px"
                              },
                              "height": {
                                "value": 1000,
                                "type": "px"
                              },
                              "mobileImageVisibility": "show",
                              "mobileImageUrl": {
                                "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/wide-banner-7-mobile.png?t=1736829320",
                                "type": "IMAGE_MANAGER",
                                "data": {
                                  "imageUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/wide-banner-7-mobile.png?t=1736829320",
                                  "name": "wide-banner-7-mobile.png",
                                  "thumbnailUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/wide-banner-7-mobile.png?t=1736829320",
                                  "url1280wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1280w/image-manager/wide-banner-7-mobile.png?t=1736829320",
                                  "url160wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/160w/image-manager/wide-banner-7-mobile.png?t=1736829320",
                                  "url1920wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1920w/image-manager/wide-banner-7-mobile.png?t=1736829320",
                                  "url320wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/wide-banner-7-mobile.png?t=1736829320",
                                  "url640wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/640w/image-manager/wide-banner-7-mobile.png?t=1736829320",
                                  "url80wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/80w/image-manager/wide-banner-7-mobile.png?t=1736829320",
                                  "url960wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/960w/image-manager/wide-banner-7-mobile.png?t=1736829320"
                                }
                              },
                              "mobileWidth": {
                                "value": 1000,
                                "type": "px"
                              },
                              "mobileHeight": {
                                "value": 1000,
                                "type": "px"
                              },
                              "imageFit": "fill",
                              "lazyload": true,
                              "borderRadius": {
                                "value": 0,
                                "type": "px"
                              },
                              "text": "Introducing foldable frames",
                              "descriptionText": "<p>Each pair is engineered for pocket-size portability from stainless steel and premium cellulose acetate.</p>",
                              "buttonText": "Shop now",
                              "contentAlignment": {
                                "horizontal": "left",
                                "vertical": "middle"
                              },
                              "contentPadding": {
                                "top": {
                                  "value": "40",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "40",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "128",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "320",
                                  "type": "px"
                                }
                              },
                              "contentBgColor": "transparent",
                              "contentPaddingTablet": {
                                "top": {
                                  "value": "40",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "40",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "16",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "320",
                                  "type": "px"
                                }
                              },
                              "contentPaddingMobile": {
                                "top": {
                                  "value": "10",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "10",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "15",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "15",
                                  "type": "px"
                                }
                              },
                              "heading": {
                                "visibility": "show",
                                "style": "default",
                                "fontWeight": "400",
                                "fontFamily": "Palatino, serif",
                                "fontSize": {
                                  "type": "px",
                                  "value": 36
                                }
                              },
                              "description": {
                                "visibility": "show",
                                "style": "default"
                              },
                              "button": {
                                "visibility": "show",
                                "style": "primary",
                                "fontFamily": "inherit",
                                "radius": {
                                  "value": 4,
                                  "type": "px"
                                },
                                "color": "#de7bce",
                                "colorHover": "#391271",
                                "textColor": "#ffffff",
                                "textColorHover": "#ffffff",
                                "position": "bottom"
                              },
                              "itemWidth": {
                                "type": "%",
                                "pixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "percent": {
                                  "value": 100,
                                  "type": "%"
                                },
                                "tabletPixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "tabletPercent": {
                                  "value": 100,
                                  "type": "%"
                                },
                                "mobilePixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "mobilePercent": {
                                  "value": 100,
                                  "type": "%"
                                }
                              },
                              "padding": {
                                "desktop": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "0",
                                    "type": "px"
                                  }
                                },
                                "tablet": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "0",
                                    "type": "px"
                                  }
                                },
                                "mobile": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "0",
                                    "type": "px"
                                  }
                                }
                              }
                            }
                          ]
                        },
                        "storefront_api_query_params": {},
                        "name": "Flex Banners | PapaThemes Beautify",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              }
            ]
          },
          {
            "name": "home_below_section4",
            "children": [
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "",
                  "layoutZIndex": "auto",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "ecbb51d2-a8cc-4121-a85f-fcc4040bf152",
                        "configuration": {
                          "image": {
                            "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/rectangle-5.png?t=1736835429",
                            "type": "IMAGE_MANAGER",
                            "data": {
                              "imageUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/rectangle-5.png?t=1736835429",
                              "name": "rectangle-5.png",
                              "thumbnailUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/rectangle-5.png?t=1736835429",
                              "url1280wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1280w/image-manager/rectangle-5.png?t=1736835429",
                              "url160wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/160w/image-manager/rectangle-5.png?t=1736835429",
                              "url1920wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1920w/image-manager/rectangle-5.png?t=1736835429",
                              "url320wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/rectangle-5.png?t=1736835429",
                              "url640wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/640w/image-manager/rectangle-5.png?t=1736835429",
                              "url80wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/80w/image-manager/rectangle-5.png?t=1736835429",
                              "url960wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/960w/image-manager/rectangle-5.png?t=1736835429"
                            }
                          },
                          "alt": "image alt text",
                          "width": {
                            "value": 600,
                            "type": "px"
                          },
                          "height": {
                            "value": 600,
                            "type": "px"
                          },
                          "mobileImage": {
                            "src": "",
                            "type": "IMAGE_MANAGER"
                          },
                          "mobileImageWidth": {
                            "value": 1500,
                            "type": "px"
                          },
                          "mobileImageHeight": {
                            "value": 1500,
                            "type": "px"
                          },
                          "background": "rgba(242,242,242,1)",
                          "backgroundMobile": "#ffffff",
                          "contentDirection": "row-reverse",
                          "heading": {
                            "visibility": "show",
                            "text": "Take 15% off two or more prescription pairs"
                          },
                          "text1": {
                            "visibility": "hide",
                            "text": "Start with a style quiz"
                          },
                          "text2": {
                            "visibility": "hide",
                            "text": "Start with a style quiz"
                          },
                          "button1": {
                            "visibility": "show",
                            "text": "<p>Browse Women</p>",
                            "link": "",
                            "size": "small",
                            "style": "primary"
                          },
                          "button2": {
                            "visibility": "show",
                            "text": "<p>Browse Men</p>",
                            "link": "",
                            "size": "small",
                            "style": "primary"
                          },
                          "button3": {
                            "visibility": "hide",
                            "text": "Button",
                            "link": ""
                          },
                          "styleOption": "custom",
                          "baseSpacing": {
                            "value": 1,
                            "type": "rem"
                          },
                          "headingFontSizeDesktop": {
                            "value": 36,
                            "type": "px"
                          },
                          "headingFontSizeMobile": {
                            "value": 28,
                            "type": "px"
                          },
                          "textFontSizeDesktop": {
                            "value": 16,
                            "type": "px"
                          },
                          "textFontSizeMobile": {
                            "value": 14,
                            "type": "px"
                          },
                          "textColor": "#555555",
                          "imageVisibility": "show",
                          "contentDirectionMobile": "column",
                          "video": "https://storage.themeforshop.com/eyeva-demo/girl-wearing-eyeglass-h265.mp4",
                          "showVideo": "viewport",
                          "hideVideoWhenPaused": false
                        },
                        "storefront_api_query_params": {},
                        "name": "Leaderboard | Eyeva Glasses",
                        "description": "",
                        "type": "widget"
                      },
                      {
                        "widget_template_uuid": "8d2829d8-0f34-475d-945c-9f58b43adf08",
                        "configuration": {
                          "spaceSize": 32,
                          "tabletSpaceSize": 16,
                          "mobileSpaceSize": 16
                        },
                        "storefront_api_query_params": {},
                        "name": "Spacer | PapaThemes Beautify",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              },
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "rgba(15, 65, 119, 1)",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "color",
                  "layoutZIndex": "-2",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "8d2829d8-0f34-475d-945c-9f58b43adf08",
                        "configuration": {
                          "spaceSize": 128,
                          "tabletSpaceSize": 64,
                          "mobileSpaceSize": 64
                        },
                        "storefront_api_query_params": {},
                        "name": "Spacer | PapaThemes Beautify",
                        "description": "",
                        "type": "widget"
                      },
                      {
                        "widget_template_uuid": "ecbb51d2-a8cc-4121-a85f-fcc4040bf152",
                        "configuration": {
                          "imageVisibility": "hide",
                          "image": {
                            "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/pick-5-pairs-from-our-home-try-on-collection.jpg?t=1737535372",
                            "type": "IMAGE_MANAGER"
                          },
                          "alt": "image alt text",
                          "width": {
                            "value": 500,
                            "type": "px"
                          },
                          "height": {
                            "value": 500,
                            "type": "px"
                          },
                          "mobileImage": {
                            "src": "",
                            "type": "IMAGE_MANAGER"
                          },
                          "mobileImageWidth": {
                            "value": 1500,
                            "type": "px"
                          },
                          "mobileImageHeight": {
                            "value": 1500,
                            "type": "px"
                          },
                          "contentDirection": "row-reverse",
                          "contentDirectionMobile": "column",
                          "background": "rgba(15,65,119,1)",
                          "backgroundMobile": "rgba(15,65,119,1)",
                          "heading": {
                            "visibility": "show",
                            "text": "From custom-designed acetate to ultra-lightweight titanium, we use nothing but premium materials in our frames"
                          },
                          "text1": {
                            "visibility": "show",
                            "text": "<p><a href=\"#\">Start with a style quiz</a></p>"
                          },
                          "text2": {
                            "visibility": "hide",
                            "text": "Start with a style quiz"
                          },
                          "button1": {
                            "visibility": "hide",
                            "text": "Button",
                            "link": "",
                            "size": "",
                            "style": "primary"
                          },
                          "button2": {
                            "visibility": "hide",
                            "text": "Button",
                            "link": "",
                            "size": "",
                            "style": "primary"
                          },
                          "button3": {
                            "visibility": "hide",
                            "text": "Button",
                            "link": "",
                            "size": "",
                            "style": "primary"
                          },
                          "styleOption": "custom",
                          "baseSpacing": {
                            "value": 1,
                            "type": "rem"
                          },
                          "headingFontSizeDesktop": {
                            "value": 36,
                            "type": "px"
                          },
                          "headingFontSizeMobile": {
                            "value": 28,
                            "type": "px"
                          },
                          "headingTextColor": "rgba(255,255,255,1)",
                          "textFontSizeDesktop": {
                            "value": 16,
                            "type": "px"
                          },
                          "textFontSizeMobile": {
                            "value": 14,
                            "type": "px"
                          },
                          "textColor": "rgba(255,255,255,1)"
                        },
                        "storefront_api_query_params": {},
                        "name": "Leaderboard | Eyeva Glasses",
                        "description": "",
                        "type": "widget"
                      },
                      {
                        "widget_template_uuid": "8d2829d8-0f34-475d-945c-9f58b43adf08",
                        "configuration": {
                          "spaceSize": 128,
                          "tabletSpaceSize": 64,
                          "mobileSpaceSize": 64
                        },
                        "storefront_api_query_params": {},
                        "name": "Spacer | PapaThemes Beautify",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              },
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "",
                  "layoutZIndex": "auto",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "8a70c87e-ba7f-448b-9ff6-e7bbd471eef5",
                        "configuration": {
                          "textContent": "Shop frames by lens type",
                          "headingTag": "h2",
                          "fontFamily": "",
                          "fontWeight": "700",
                          "fontSize": {
                            "value": 36,
                            "type": "px"
                          },
                          "mobileFontSize": {
                            "value": 24,
                            "type": "px"
                          },
                          "lineHeight": "",
                          "fontColor": "#000000",
                          "textStyle": "default",
                          "alignment": {
                            "horizontal": "center",
                            "vertical": "middle"
                          },
                          "margin": {
                            "top": {
                              "value": "0",
                              "type": "px"
                            },
                            "right": {
                              "value": "0",
                              "type": "px"
                            },
                            "bottom": {
                              "value": "0",
                              "type": "px"
                            },
                            "left": {
                              "value": "0",
                              "type": "px"
                            }
                          },
                          "marginMobile": {
                            "top": {
                              "value": "0",
                              "type": "px"
                            },
                            "right": {
                              "value": "0",
                              "type": "px"
                            },
                            "bottom": {
                              "value": "0",
                              "type": "px"
                            },
                            "left": {
                              "value": "0",
                              "type": "px"
                            }
                          },
                          "padding": {
                            "top": {
                              "value": "36",
                              "type": "px"
                            },
                            "right": {
                              "value": "0",
                              "type": "px"
                            },
                            "bottom": {
                              "value": "36",
                              "type": "px"
                            },
                            "left": {
                              "value": "0",
                              "type": "px"
                            }
                          },
                          "paddingMobile": {
                            "top": {
                              "value": "18",
                              "type": "px"
                            },
                            "right": {
                              "value": "0",
                              "type": "px"
                            },
                            "bottom": {
                              "value": "18",
                              "type": "px"
                            },
                            "left": {
                              "value": "0",
                              "type": "px"
                            }
                          },
                          "backgroundColor": "transparent"
                        },
                        "storefront_api_query_params": {},
                        "name": "Section Heading | PapaThemes Beautify",
                        "description": "",
                        "type": "widget"
                      },
                      {
                        "widget_template_uuid": "55b02c63-75f5-4c49-b694-2108b5a3f7fc",
                        "configuration": {
                          "padding": {
                            "desktop": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "0",
                                "type": "px"
                              },
                              "right": {
                                "value": "0",
                                "type": "px"
                              }
                            },
                            "tablet": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "0",
                                "type": "px"
                              },
                              "right": {
                                "value": "0",
                                "type": "px"
                              }
                            },
                            "mobile": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "32",
                                "type": "px"
                              },
                              "left": {
                                "value": "0",
                                "type": "px"
                              },
                              "right": {
                                "value": "0",
                                "type": "px"
                              }
                            }
                          },
                          "flexNoWrap": {
                            "desktop": false,
                            "table": true,
                            "mobile": true
                          },
                          "themeName": "custom",
                          "useContainer": false,
                          "bgImgUrl": {
                            "src": ""
                          },
                          "bgImgUrlTablet": {
                            "src": ""
                          },
                          "bgImgUrlMobile": {
                            "src": ""
                          },
                          "bgFit": "cover",
                          "carousel": {
                            "visibility": "hide",
                            "slidesToShow": {
                              "value": 4,
                              "type": ""
                            },
                            "slidesToShowTablet": {
                              "value": 4,
                              "type": ""
                            },
                            "slidesToShowMobile": {
                              "value": 1,
                              "type": ""
                            },
                            "autoplay": false,
                            "autoplaySpeed": {
                              "value": 3000,
                              "type": ""
                            },
                            "arrows": true,
                            "dots": false
                          },
                          "items": [
                            {
                              "imageUrl": {
                                "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/shop-frames-by-lens-type-1.jpg?t=1737525659",
                                "type": "IMAGE_MANAGER",
                                "data": {
                                  "imageUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/shop-frames-by-lens-type-1.jpg?t=1737525659",
                                  "name": "shop-frames-by-lens-type-1.jpg",
                                  "thumbnailUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/shop-frames-by-lens-type-1.jpg?t=1737525659",
                                  "url1280wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1280w/image-manager/shop-frames-by-lens-type-1.jpg?t=1737525659",
                                  "url160wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/160w/image-manager/shop-frames-by-lens-type-1.jpg?t=1737525659",
                                  "url1920wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1920w/image-manager/shop-frames-by-lens-type-1.jpg?t=1737525659",
                                  "url320wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/shop-frames-by-lens-type-1.jpg?t=1737525659",
                                  "url640wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/640w/image-manager/shop-frames-by-lens-type-1.jpg?t=1737525659",
                                  "url80wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/80w/image-manager/shop-frames-by-lens-type-1.jpg?t=1737525659",
                                  "url960wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/960w/image-manager/shop-frames-by-lens-type-1.jpg?t=1737525659"
                                }
                              },
                              "width": {
                                "value": 864,
                                "type": "px"
                              },
                              "height": {
                                "value": 1100,
                                "type": "px"
                              },
                              "mobileImageVisibility": "hide",
                              "mobileImageUrl": {
                                "src": "https://source.unsplash.com/piBorUFXHhU/610x610",
                                "type": "IMAGE_MANAGER"
                              },
                              "mobileWidth": {
                                "value": 610,
                                "type": "px"
                              },
                              "mobileHeight": {
                                "value": 610,
                                "type": "px"
                              },
                              "imageFit": "fill",
                              "lazyload": true,
                              "borderRadius": {
                                "value": 0,
                                "type": "px"
                              },
                              "text": "NEW IN",
                              "descriptionText": "Dinning Room & Kitchen",
                              "buttonText": "<p>Blue-light</p>",
                              "contentAlignment": {
                                "horizontal": "center",
                                "vertical": "bottom"
                              },
                              "contentPadding": {
                                "top": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "24",
                                  "type": "px"
                                }
                              },
                              "contentBgColor": "transparent",
                              "contentPaddingTablet": {
                                "top": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "24",
                                  "type": "px"
                                }
                              },
                              "contentPaddingMobile": {
                                "top": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "24",
                                  "type": "px"
                                }
                              },
                              "heading": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "description": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "button": {
                                "visibility": "show",
                                "style": "custom",
                                "fontFamily": "inherit",
                                "radius": {
                                  "value": 24,
                                  "type": "px"
                                },
                                "color": "rgba(255,255,255,1)",
                                "colorHover": "rgba(16,78,165,1)",
                                "textColor": "rgba(51,51,51,1)",
                                "textColorHover": "rgba(255,255,255,1)",
                                "position": "bottom"
                              },
                              "itemWidth": {
                                "type": "%",
                                "pixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "percent": {
                                  "value": 25,
                                  "type": "%"
                                },
                                "tabletPixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "tabletPercent": {
                                  "value": 45,
                                  "type": "%"
                                },
                                "mobilePixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "mobilePercent": {
                                  "value": 80,
                                  "type": "%"
                                }
                              },
                              "padding": {
                                "desktop": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "16",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "16",
                                    "type": "px"
                                  }
                                },
                                "tablet": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "8",
                                    "type": "px"
                                  }
                                },
                                "mobile": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "8",
                                    "type": "px"
                                  }
                                }
                              },
                              "video": "https://storage.themeforshop.com/eyeva-demo/eyeglass-with-laptop-background-h265.mp4",
                              "showVideo": "hover",
                              "hideVideoWhenPaused": true
                            },
                            {
                              "imageUrl": {
                                "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/shop-frames-by-lens-type-2.jpg?t=1737525651",
                                "type": "IMAGE_MANAGER",
                                "data": {
                                  "imageUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/shop-frames-by-lens-type-2.jpg?t=1737525651",
                                  "name": "shop-frames-by-lens-type-2.jpg",
                                  "thumbnailUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/shop-frames-by-lens-type-2.jpg?t=1737525651",
                                  "url1280wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1280w/image-manager/shop-frames-by-lens-type-2.jpg?t=1737525651",
                                  "url160wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/160w/image-manager/shop-frames-by-lens-type-2.jpg?t=1737525651",
                                  "url1920wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1920w/image-manager/shop-frames-by-lens-type-2.jpg?t=1737525651",
                                  "url320wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/shop-frames-by-lens-type-2.jpg?t=1737525651",
                                  "url640wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/640w/image-manager/shop-frames-by-lens-type-2.jpg?t=1737525651",
                                  "url80wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/80w/image-manager/shop-frames-by-lens-type-2.jpg?t=1737525651",
                                  "url960wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/960w/image-manager/shop-frames-by-lens-type-2.jpg?t=1737525651"
                                }
                              },
                              "width": {
                                "value": 864,
                                "type": "px"
                              },
                              "height": {
                                "value": 1100,
                                "type": "px"
                              },
                              "mobileImageVisibility": "hide",
                              "mobileImageUrl": {
                                "src": "https://source.unsplash.com/piBorUFXHhU/610x610",
                                "type": "IMAGE_MANAGER"
                              },
                              "mobileWidth": {
                                "value": 610,
                                "type": "px"
                              },
                              "mobileHeight": {
                                "value": 610,
                                "type": "px"
                              },
                              "imageFit": "fill",
                              "lazyload": true,
                              "borderRadius": {
                                "value": 0,
                                "type": "px"
                              },
                              "text": "NEW IN",
                              "descriptionText": "Dinning Room & Kitchen",
                              "buttonText": "<p>Progressives</p>",
                              "contentAlignment": {
                                "horizontal": "center",
                                "vertical": "bottom"
                              },
                              "contentPadding": {
                                "top": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "24",
                                  "type": "px"
                                }
                              },
                              "contentBgColor": "transparent",
                              "contentPaddingTablet": {
                                "top": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "24",
                                  "type": "px"
                                }
                              },
                              "contentPaddingMobile": {
                                "top": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "24",
                                  "type": "px"
                                }
                              },
                              "heading": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "description": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "button": {
                                "visibility": "show",
                                "style": "custom",
                                "fontFamily": "inherit",
                                "radius": {
                                  "value": 24,
                                  "type": "px"
                                },
                                "color": "rgba(255,255,255,1)",
                                "colorHover": "rgba(16,78,165,1)",
                                "textColor": "rgba(51,51,51,1)",
                                "textColorHover": "rgba(255,255,255,1)",
                                "position": "bottom"
                              },
                              "itemWidth": {
                                "type": "%",
                                "pixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "percent": {
                                  "value": 25,
                                  "type": "%"
                                },
                                "tabletPixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "tabletPercent": {
                                  "value": 45,
                                  "type": "%"
                                },
                                "mobilePixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "mobilePercent": {
                                  "value": 80,
                                  "type": "%"
                                }
                              },
                              "padding": {
                                "desktop": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "16",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "16",
                                    "type": "px"
                                  }
                                },
                                "tablet": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "8",
                                    "type": "px"
                                  }
                                },
                                "mobile": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "8",
                                    "type": "px"
                                  }
                                }
                              },
                              "video": "https://storage.themeforshop.com/eyeva-demo/girl-wearing-eyeglass-2-h265.mp4",
                              "showVideo": "hover",
                              "hideVideoWhenPaused": true
                            },
                            {
                              "imageUrl": {
                                "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/shop-frames-by-lens-type-3.jpg?t=1737526743",
                                "type": "IMAGE_MANAGER",
                                "data": {
                                  "imageUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/shop-frames-by-lens-type-3.jpg?t=1737526743",
                                  "name": "shop-frames-by-lens-type-3.jpg",
                                  "thumbnailUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/shop-frames-by-lens-type-3.jpg?t=1737526743",
                                  "url1280wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1280w/image-manager/shop-frames-by-lens-type-3.jpg?t=1737526743",
                                  "url160wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/160w/image-manager/shop-frames-by-lens-type-3.jpg?t=1737526743",
                                  "url1920wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1920w/image-manager/shop-frames-by-lens-type-3.jpg?t=1737526743",
                                  "url320wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/shop-frames-by-lens-type-3.jpg?t=1737526743",
                                  "url640wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/640w/image-manager/shop-frames-by-lens-type-3.jpg?t=1737526743",
                                  "url80wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/80w/image-manager/shop-frames-by-lens-type-3.jpg?t=1737526743",
                                  "url960wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/960w/image-manager/shop-frames-by-lens-type-3.jpg?t=1737526743"
                                }
                              },
                              "width": {
                                "value": 864,
                                "type": "px"
                              },
                              "height": {
                                "value": 1100,
                                "type": "px"
                              },
                              "mobileImageVisibility": "hide",
                              "mobileImageUrl": {
                                "src": "https://source.unsplash.com/piBorUFXHhU/610x610",
                                "type": "IMAGE_MANAGER"
                              },
                              "mobileWidth": {
                                "value": 610,
                                "type": "px"
                              },
                              "mobileHeight": {
                                "value": 610,
                                "type": "px"
                              },
                              "imageFit": "fill",
                              "lazyload": true,
                              "borderRadius": {
                                "value": 0,
                                "type": "px"
                              },
                              "text": "NEW IN",
                              "descriptionText": "Dinning Room & Kitchen",
                              "buttonText": "<p>Anti-fatigue</p>",
                              "contentAlignment": {
                                "horizontal": "center",
                                "vertical": "bottom"
                              },
                              "contentPadding": {
                                "top": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "24",
                                  "type": "px"
                                }
                              },
                              "contentBgColor": "transparent",
                              "contentPaddingTablet": {
                                "top": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "24",
                                  "type": "px"
                                }
                              },
                              "contentPaddingMobile": {
                                "top": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "24",
                                  "type": "px"
                                }
                              },
                              "heading": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "description": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "button": {
                                "visibility": "show",
                                "style": "custom",
                                "fontFamily": "inherit",
                                "radius": {
                                  "value": 24,
                                  "type": "px"
                                },
                                "color": "rgba(255,255,255,1)",
                                "colorHover": "rgba(16,78,165,1)",
                                "textColor": "rgba(51,51,51,1)",
                                "textColorHover": "rgba(255,255,255,1)",
                                "position": "bottom"
                              },
                              "itemWidth": {
                                "type": "%",
                                "pixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "percent": {
                                  "value": 25,
                                  "type": "%"
                                },
                                "tabletPixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "tabletPercent": {
                                  "value": 45,
                                  "type": "%"
                                },
                                "mobilePixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "mobilePercent": {
                                  "value": 80,
                                  "type": "%"
                                }
                              },
                              "padding": {
                                "desktop": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "16",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "16",
                                    "type": "px"
                                  }
                                },
                                "tablet": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "8",
                                    "type": "px"
                                  }
                                },
                                "mobile": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "8",
                                    "type": "px"
                                  }
                                }
                              },
                              "video": "https://storage.themeforshop.com/eyeva-demo/showcase_the_eyeglass_frame_no_loop_kling-h265.mp4",
                              "showVideo": "hover",
                              "hideVideoWhenPaused": true
                            },
                            {
                              "imageUrl": {
                                "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/shop-frames-by-lens-type-4.jpg?t=1737526755",
                                "type": "IMAGE_MANAGER",
                                "data": {
                                  "imageUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/shop-frames-by-lens-type-4.jpg?t=1737526755",
                                  "name": "shop-frames-by-lens-type-4.jpg",
                                  "thumbnailUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/shop-frames-by-lens-type-4.jpg?t=1737526755",
                                  "url1280wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1280w/image-manager/shop-frames-by-lens-type-4.jpg?t=1737526755",
                                  "url160wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/160w/image-manager/shop-frames-by-lens-type-4.jpg?t=1737526755",
                                  "url1920wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1920w/image-manager/shop-frames-by-lens-type-4.jpg?t=1737526755",
                                  "url320wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/shop-frames-by-lens-type-4.jpg?t=1737526755",
                                  "url640wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/640w/image-manager/shop-frames-by-lens-type-4.jpg?t=1737526755",
                                  "url80wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/80w/image-manager/shop-frames-by-lens-type-4.jpg?t=1737526755",
                                  "url960wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/960w/image-manager/shop-frames-by-lens-type-4.jpg?t=1737526755"
                                }
                              },
                              "width": {
                                "value": 864,
                                "type": "px"
                              },
                              "height": {
                                "value": 1100,
                                "type": "px"
                              },
                              "mobileImageVisibility": "hide",
                              "mobileImageUrl": {
                                "src": "https://source.unsplash.com/piBorUFXHhU/610x610",
                                "type": "IMAGE_MANAGER"
                              },
                              "mobileWidth": {
                                "value": 610,
                                "type": "px"
                              },
                              "mobileHeight": {
                                "value": 610,
                                "type": "px"
                              },
                              "imageFit": "fill",
                              "lazyload": true,
                              "borderRadius": {
                                "value": 0,
                                "type": "px"
                              },
                              "text": "NEW IN",
                              "descriptionText": "Dinning Room & Kitchen",
                              "buttonText": "<p>Light-responsive</p>",
                              "contentAlignment": {
                                "horizontal": "center",
                                "vertical": "bottom"
                              },
                              "contentPadding": {
                                "top": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "24",
                                  "type": "px"
                                }
                              },
                              "contentBgColor": "transparent",
                              "contentPaddingTablet": {
                                "top": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "24",
                                  "type": "px"
                                }
                              },
                              "contentPaddingMobile": {
                                "top": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "bottom": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "left": {
                                  "value": "24",
                                  "type": "px"
                                },
                                "right": {
                                  "value": "24",
                                  "type": "px"
                                }
                              },
                              "heading": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "description": {
                                "visibility": "hide",
                                "style": "default"
                              },
                              "button": {
                                "visibility": "show",
                                "style": "custom",
                                "fontFamily": "inherit",
                                "radius": {
                                  "value": 24,
                                  "type": "px"
                                },
                                "color": "rgba(255,255,255,1)",
                                "colorHover": "rgba(16,78,165,1)",
                                "textColor": "rgba(51,51,51,1)",
                                "textColorHover": "rgba(255,255,255,1)",
                                "position": "bottom"
                              },
                              "itemWidth": {
                                "type": "%",
                                "pixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "percent": {
                                  "value": 25,
                                  "type": "%"
                                },
                                "tabletPixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "tabletPercent": {
                                  "value": 45,
                                  "type": "%"
                                },
                                "mobilePixel": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "mobilePercent": {
                                  "value": 80,
                                  "type": "%"
                                }
                              },
                              "padding": {
                                "desktop": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "16",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "16",
                                    "type": "px"
                                  }
                                },
                                "tablet": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "8",
                                    "type": "px"
                                  }
                                },
                                "mobile": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "8",
                                    "type": "px"
                                  }
                                }
                              },
                              "video": "https://storage.themeforshop.com/eyeva-demo/eyeglass-men-model-kling-2-h265.mp4",
                              "showVideo": "hover",
                              "hideVideoWhenPaused": true
                            }
                          ],
                          "contentOverlayMobile": true
                        },
                        "storefront_api_query_params": {},
                        "name": "Flex Banners | PapaThemes Beautify",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              },
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "",
                  "layoutZIndex": "auto",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "8d2829d8-0f34-475d-945c-9f58b43adf08",
                        "configuration": {
                          "spaceSize": 32,
                          "tabletSpaceSize": 16,
                          "mobileSpaceSize": 16
                        },
                        "storefront_api_query_params": {},
                        "name": "Spacer | PapaThemes Beautify",
                        "description": "",
                        "type": "widget"
                      },
                      {
                        "widget_template_uuid": "ecbb51d2-a8cc-4121-a85f-fcc4040bf152",
                        "configuration": {
                          "image": {
                            "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/rectangle-5-1-.png?t=1736845829",
                            "type": "IMAGE_MANAGER",
                            "data": {
                              "imageUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/rectangle-5-1-.png?t=1736845829",
                              "name": "rectangle-5-1-.png",
                              "thumbnailUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/rectangle-5-1-.png?t=1736845829",
                              "url1280wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1280w/image-manager/rectangle-5-1-.png?t=1736845829",
                              "url160wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/160w/image-manager/rectangle-5-1-.png?t=1736845829",
                              "url1920wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1920w/image-manager/rectangle-5-1-.png?t=1736845829",
                              "url320wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/rectangle-5-1-.png?t=1736845829",
                              "url640wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/640w/image-manager/rectangle-5-1-.png?t=1736845829",
                              "url80wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/80w/image-manager/rectangle-5-1-.png?t=1736845829",
                              "url960wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/960w/image-manager/rectangle-5-1-.png?t=1736845829"
                            }
                          },
                          "alt": "image alt text",
                          "width": {
                            "value": 600,
                            "type": "px"
                          },
                          "height": {
                            "value": 600,
                            "type": "px"
                          },
                          "mobileImage": {
                            "src": "",
                            "type": "IMAGE_MANAGER"
                          },
                          "mobileImageWidth": {
                            "value": 1500,
                            "type": "px"
                          },
                          "mobileImageHeight": {
                            "value": 1500,
                            "type": "px"
                          },
                          "background": "rgba(255,255,255,1)",
                          "backgroundMobile": "#ffffff",
                          "contentDirection": "row-reverse",
                          "heading": {
                            "visibility": "show",
                            "text": "Get 20% off your first contacts order"
                          },
                          "text1": {
                            "visibility": "show",
                            "text": "<p>Restrictions apply.</p>"
                          },
                          "text2": {
                            "visibility": "hide",
                            "text": "Start with a style quiz"
                          },
                          "button1": {
                            "visibility": "show",
                            "text": "<p>Shop now</p>",
                            "link": "",
                            "size": "small",
                            "style": "primary"
                          },
                          "button2": {
                            "visibility": "hide",
                            "text": "Button",
                            "link": ""
                          },
                          "button3": {
                            "visibility": "hide",
                            "text": "Button",
                            "link": ""
                          },
                          "styleOption": "inherit",
                          "baseSpacing": {
                            "value": 1,
                            "type": "rem"
                          },
                          "headingFontSizeDesktop": {
                            "value": 36,
                            "type": "px"
                          },
                          "headingFontSizeMobile": {
                            "value": 28,
                            "type": "px"
                          },
                          "textFontSizeDesktop": {
                            "value": 16,
                            "type": "px"
                          },
                          "textFontSizeMobile": {
                            "value": 14,
                            "type": "px"
                          },
                          "textColor": "#555555",
                          "imageVisibility": "show",
                          "contentDirectionMobile": "column",
                          "video": "https://storage.themeforshop.com/eyeva-demo/eyeglass-boxes-h265.mp4",
                          "showVideo": "viewport",
                          "hideVideoWhenPaused": false
                        },
                        "storefront_api_query_params": {},
                        "name": "Leaderboard | Eyeva Glasses",
                        "description": "",
                        "type": "widget"
                      },
                      {
                        "widget_template_uuid": "8d2829d8-0f34-475d-945c-9f58b43adf08",
                        "configuration": {
                          "spaceSize": 32,
                          "tabletSpaceSize": 16,
                          "mobileSpaceSize": 16
                        },
                        "storefront_api_query_params": {},
                        "name": "Spacer | PapaThemes Beautify",
                        "description": "",
                        "type": "widget"
                      },
                      {
                        "widget_template_uuid": "ecbb51d2-a8cc-4121-a85f-fcc4040bf152",
                        "configuration": {
                          "imageVisibility": "show",
                          "image": {
                            "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/frame-56.png?t=1736907752",
                            "type": "IMAGE_MANAGER",
                            "data": {
                              "imageUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/frame-56.png?t=1736907752",
                              "name": "frame-56.png",
                              "thumbnailUrl": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/frame-56.png?t=1736907752",
                              "url1280wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1280w/image-manager/frame-56.png?t=1736907752",
                              "url160wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/160w/image-manager/frame-56.png?t=1736907752",
                              "url1920wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1920w/image-manager/frame-56.png?t=1736907752",
                              "url320wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/320w/image-manager/frame-56.png?t=1736907752",
                              "url640wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/640w/image-manager/frame-56.png?t=1736907752",
                              "url80wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/80w/image-manager/frame-56.png?t=1736907752",
                              "url960wide": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/960w/image-manager/frame-56.png?t=1736907752"
                            }
                          },
                          "alt": "image alt text",
                          "width": {
                            "value": 700,
                            "type": "px"
                          },
                          "height": {
                            "value": 700,
                            "type": "px"
                          },
                          "mobileImage": {
                            "src": "",
                            "type": "IMAGE_MANAGER"
                          },
                          "mobileImageWidth": {
                            "value": 1500,
                            "type": "px"
                          },
                          "mobileImageHeight": {
                            "value": 1500,
                            "type": "px"
                          },
                          "contentDirection": "row",
                          "contentDirectionMobile": "column",
                          "background": "rgba(226,237,238,1)",
                          "backgroundMobile": "rgba(226,237,238,1)",
                          "heading": {
                            "visibility": "show",
                            "text": "For every pair purchased, a pair of glasses is distributed to someone in need"
                          },
                          "text1": {
                            "visibility": "show",
                            "text": "<p>To date, that&rsquo;s 15 million pairs and counting.</p>"
                          },
                          "text2": {
                            "visibility": "show",
                            "text": "<p><a href=\"#\">Learn more</a></p>"
                          },
                          "button1": {
                            "visibility": "hide",
                            "text": "Button",
                            "link": "",
                            "size": "",
                            "style": "primary"
                          },
                          "button2": {
                            "visibility": "hide",
                            "text": "Button",
                            "link": "",
                            "size": "",
                            "style": "primary"
                          },
                          "button3": {
                            "visibility": "hide",
                            "text": "Button",
                            "link": "",
                            "size": "",
                            "style": "primary"
                          },
                          "styleOption": "inherit",
                          "baseSpacing": {
                            "value": 1,
                            "type": "rem"
                          },
                          "headingFontSizeDesktop": {
                            "value": 36,
                            "type": "px"
                          },
                          "headingFontSizeMobile": {
                            "value": 28,
                            "type": "px"
                          },
                          "headingTextColor": "#333333",
                          "textFontSizeDesktop": {
                            "value": 16,
                            "type": "px"
                          },
                          "textFontSizeMobile": {
                            "value": 14,
                            "type": "px"
                          },
                          "textColor": "#555555"
                        },
                        "storefront_api_query_params": {},
                        "name": "Leaderboard | Eyeva Glasses",
                        "description": "",
                        "type": "widget"
                      },
                      {
                        "widget_template_uuid": "8d2829d8-0f34-475d-945c-9f58b43adf08",
                        "configuration": {
                          "spaceSize": 32,
                          "tabletSpaceSize": 16,
                          "mobileSpaceSize": 16
                        },
                        "storefront_api_query_params": {},
                        "name": "Spacer | PapaThemes Beautify",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              }
            ]
          }
        ]
      }
    },
    {
      "template_file": "pages/cart",
      "snapshot": {
        "regions": [
          {
            "name": "cart_above_totals",
            "children": [
              {
                "layout_template_uuid": "8172221f-8dde-4776-a7ca-b0d3cac6a74e",
                "configuration": {
                  "columnWeights": [
                    "100%"
                  ],
                  "layoutBackgroundColor": "rgba(0,0,0,0)",
                  "layoutBackgroundImageAlignment": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "layoutBackgroundImageFit": "fill",
                  "layoutBackgroundImageOpacity": 100,
                  "layoutBackgroundImageUrl": "",
                  "layoutBorderColor": "#333333",
                  "layoutBorderStyle": "solid",
                  "layoutBorderThickness": 0,
                  "layoutHeight": "",
                  "layoutMargin": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "layoutPadding": {
                    "bottom": {
                      "type": "px",
                      "value": "0"
                    },
                    "left": {
                      "type": "px",
                      "value": "0"
                    },
                    "right": {
                      "type": "px",
                      "value": "0"
                    },
                    "top": {
                      "type": "px",
                      "value": "0"
                    }
                  },
                  "numberOfDropzones": 1,
                  "layoutBackgroundType": "",
                  "layoutZIndex": "auto",
                  "name": "Layout"
                },
                "name": "Layout",
                "dropzones": [
                  {
                    "configuration": {
                      "dropzoneBackgroundColor": "rgba(0,0,0,0)",
                      "dropzoneBackgroundImageAlignment": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "dropzoneBackgroundImageFit": "fill",
                      "dropzoneBackgroundImageOpacity": 100,
                      "dropzoneBackgroundImageUrl": "",
                      "dropzoneBorderColor": "#333333",
                      "dropzoneBorderStyle": "solid",
                      "dropzoneBorderThickness": 0,
                      "dropzoneHeight": "",
                      "dropzoneJustifyContent": "center",
                      "dropzoneMargin": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "0"
                        },
                        "right": {
                          "type": "px",
                          "value": "0"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzonePadding": {
                        "bottom": {
                          "type": "px",
                          "value": "0"
                        },
                        "left": {
                          "type": "px",
                          "value": "10.5"
                        },
                        "right": {
                          "type": "px",
                          "value": "10.5"
                        },
                        "top": {
                          "type": "px",
                          "value": "0"
                        }
                      },
                      "dropzoneZIndex": "auto",
                      "dropzoneBackgroundType": ""
                    },
                    "widgets": [
                      {
                        "widget_template_uuid": "8cc96950-8a15-4f3b-8129-087aa2a78248",
                        "configuration": {
                          "htmlCode": "<ul>\n  <li><svg><use href=\"#icon-check\"/></svg>$50 eyewear credit with an annual supply</li>\n  <li><svg><use href=\"#icon-check\"/></svg>Free shipping and free returns (for unopened boxes)</li>\n  <li><svg><use href=\"#icon-check\"/></svg>Verify prescription in checkout</li>\n</ul>"
                        },
                        "storefront_api_query_params": {},
                        "name": "HTML",
                        "description": "",
                        "type": "widget"
                      }
                    ]
                  }
                ],
                "type": "layout"
              }
            ]
          }
        ]
      }
    }
  ],
  "widgetTemplates": [
    {
      "uuid": "377c7631-c797-4dfd-930c-47108928623d",
      "name": "Product Tags PapaThemes Dinosaur",
      "schema": [
        {
          "type": "tab",
          "label": "Settings",
          "sections": [
            {
              "label": "General",
              "settings": [
                {
                  "type": "imageManager",
                  "label": "Image",
                  "id": "imageUrl",
                  "default": {
                    "src": "https://cdn11.bigcommerce.com/s-zio5t8azr0/images/stencil/original/image-manager/producttagbackground.png?t=1723023197",
                    "type": "IMAGE_MANAGER"
                  }
                },
                {
                  "type": "number",
                  "label": "Width",
                  "id": "width",
                  "default": {
                    "value": 1200,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "number",
                  "label": "Height",
                  "id": "height",
                  "default": {
                    "value": 600,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "boolean",
                  "label": "Display in a container DIV",
                  "id": "useContainer",
                  "default": true
                },
                {
                  "type": "select",
                  "label": "Image fit",
                  "id": "imageFit",
                  "default": "fit",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Fill to box",
                        "value": "fill"
                      },
                      {
                        "label": "Fit to box",
                        "value": "fit"
                      }
                    ]
                  }
                },
                {
                  "type": "boolean",
                  "label": "Lazyload image",
                  "id": "lazyload",
                  "default": true
                },
                {
                  "type": "color",
                  "label": "Background Color",
                  "id": "bgColor",
                  "default": "#C72E2E"
                },
                {
                  "type": "color",
                  "label": "Background Hover Color",
                  "id": "bgColorHover",
                  "default": "#D85A5A"
                },
                {
                  "type": "color",
                  "label": "Icon Color",
                  "id": "iconFill",
                  "default": "#FFFFFF"
                },
                {
                  "type": "color",
                  "label": "Icon Hover Color",
                  "id": "iconFillHover",
                  "default": "#FFFFFF"
                }
              ]
            }
          ]
        },
        {
          "type": "array",
          "label": "Products",
          "id": "items",
          "defaultCount": 1,
          "entryLabel": "Product",
          "schema": [
            {
              "type": "tab",
              "label": "Content",
              "sections": [
                {
                  "settings": [
                    {
                      "type": "input",
                      "label": "Product SKU",
                      "id": "sku",
                      "default": ""
                    },
                    {
                      "type": "select",
                      "label": "Tag Icon",
                      "id": "icon",
                      "default": "tag",
                      "typeMeta": {
                        "selectOptions": [
                          {
                            "label": "Custom HTML/SVG",
                            "value": "custom"
                          },
                          {
                            "label": "Choose Image",
                            "value": "image"
                          },
                          {
                            "label": "Tag",
                            "value": "tag"
                          },
                          {
                            "label": "Circle",
                            "value": "circle"
                          }
                        ]
                      }
                    },
                    {
                      "type": "imageManager",
                      "label": "Icon image",
                      "id": "iconImage",
                      "default": {
                        "src": "",
                        "type": "IMAGE_MANAGER"
                      },
                      "conditional": {
                        "key": "icon",
                        "operator": "IN",
                        "value": [
                          "image"
                        ]
                      }
                    },
                    {
                      "type": "number",
                      "label": "Width",
                      "id": "iconImageWidth",
                      "default": {
                        "value": 50,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      },
                      "conditional": {
                        "key": "icon",
                        "operator": "IN",
                        "value": [
                          "image"
                        ]
                      }
                    },
                    {
                      "type": "number",
                      "label": "Height",
                      "id": "iconImageHeight",
                      "default": {
                        "value": 50,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      },
                      "conditional": {
                        "key": "icon",
                        "operator": "IN",
                        "value": [
                          "image"
                        ]
                      }
                    },
                    {
                      "type": "code",
                      "label": "Icon SVG Code",
                      "id": "iconContent",
                      "default": "",
                      "typeMeta": {
                        "language": "html",
                        "placeholder": "Insert SVG code here"
                      },
                      "conditional": {
                        "key": "icon",
                        "operator": "IN",
                        "value": [
                          "custom"
                        ]
                      }
                    },
                    {
                      "type": "color",
                      "label": "Tag Icon Color",
                      "id": "iconColor",
                      "default": "#67DAC5",
                      "conditional": {
                        "key": "icon",
                        "operator": "IN",
                        "value": [
                          "tag",
                          "circle"
                        ]
                      }
                    },
                    {
                      "type": "number",
                      "label": "Position - X",
                      "id": "positionX",
                      "default": {
                        "value": 50,
                        "type": "%"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Position - Y",
                      "id": "positionY",
                      "default": {
                        "value": 50,
                        "type": "%"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <style>\n            :root {\n                --papathemes-widget-dinosaur-product-tags-color-black: #000000;\n                --papathemes-widget-dinosaur-product-tags-color-white: #FFFFFF;\n                --papathemes-widget-dinosaur-product-tags-color-text: #000000;\n                --papathemes-widget-dinosaur-product-tags-color-textLink: #C72E2E;\n                --papathemes-widget-dinosaur-product-tags-color-textLink-rgba: 199, 46, 46;\n                --papathemes-widget-dinosaur-product-tags-color-black-rgba: 0, 0, 0;\n                --papathemes-widget-dinosaur-product-tags-color-border: #DDDDDD;\n                --papathemes-widget-dinosaur-product-tags-color-nonSale-price: #A9A9A9;\n                --papathemes-widget-dinosaur-product-tags-spacing-half: 12px;\n                --papathemes-widget-dinosaur-product-tags-spacing-base: 16px;\n                --papathemes-widget-dinosaur-product-tags-spacing-single: 24px;\n                --papathemes-widget-dinosaur-product-tags-border-global: 4px;\n                --papathemes-widget-dinosaur-product-tags-fontSize-base: 16px;\n                --papathemes-widget-dinosaur-product-tags-fontSize-small: 18px;\n                --papathemes-widget-dinosaur-product-tags-hover: saturate(70%);\n                --papathemes-widget-dinosaur-product-tags-color-wave: rgba(199, 46, 46, 0.3);\n                --papathemes-widget-dinosaur-product-tags-color-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.2));\n            }\n\n            @keyframes papathemes-widget-dinosaur-product-tags-animation {\n                0% {\n                    box-shadow: 0 5px 20px 0 rgba(var(--papathemes-widget-dinosaur-product-tags-color-black-rgba), 0.15);\n                }\n\n                70% {\n                    box-shadow: 0 5px 20px 10px rgba(var(--papathemes-widget-dinosaur-product-tags-color-textLink-rgba), 0.5);\n                }\n\n                100% {\n                    box-shadow: 0 5px 20px 0 rgba(var(--papathemes-widget-dinosaur-product-tags-color-black-rgba), 0.15);\n                }\n            }\n\n            .dinosaur__productTags__wrapper {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n            }\n\n            .dinosaur__productTags-{{_.id}} ._img-box {\n                position: relative;\n                width: {{width.value}}{{width.type}};\n                max-height: {{height.value}}{{height.type}};\n            }\n\n            .dinosaur__productTags-{{_.id}} ._img-box::after {\n                content: \"\";\n                display: block;\n                height: 0;\n                width: 100%;\n                padding-bottom: {{multiply (divide height.value width.value) 100}}%;\n            }\n\n            .dinosaur__productTags-{{_.id}} ._img-box img {\n                object-fit: {{#if imageFit '==' 'fill'}}cover{{else}}contain{{/if}};\n                width: 100%;\n                height: 100%;\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                margin: auto;\n                border: 0;\n                max-height: 100%;\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-box {\n                position: absolute;\n                top: var(--papathemes-widget-dinosaur-product-tags-spacing-half);\n                padding: var(--papathemes-widget-dinosaur-product-tags-spacing-half) var(--papathemes-widget-dinosaur-product-tags-spacing-single);\n                left: 50%;\n                transform: translateX(-50%);\n                background: var(--papathemes-widget-dinosaur-product-tags-color-black);\n                border-radius: var(--papathemes-widget-dinosaur-product-tags-border-global);\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: var(--papathemes-widget-dinosaur-product-tags-spacing-half);\n                box-shadow: 0px 4px 4px 0px rgba(var(--papathemes-widget-dinosaur-product-tags-color-black-rgba), 0.25);\n                animation: papathemes-widget-dinosaur-product-tags-animation 1.5s infinite;\n                border: 1px solid var(--papathemes-widget-dinosaur-product-tags-color-black);\n                display: none;\n            }\n\n            .dinosaur__productTags-{{_.id}}[data-edit-mode] ._tag-box {\n                display: flex;\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-box:hover,\n            .dinosaur__productTags-{{_.id}} ._tag-box._active {\n                background: var(--papathemes-widget-dinosaur-product-tags-color-white);\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-box._active:hover {\n                filter: var(--papathemes-widget-dinosaur-product-tags-hover);\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-box:hover ._tag-text,\n            .dinosaur__productTags-{{_.id}} ._tag-box._active ._tag-text {\n                color: var(--papathemes-widget-dinosaur-product-tags-color-text);\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-box:hover svg,\n            .dinosaur__productTags-{{_.id}} ._tag-box._active svg {\n                stroke: var(--papathemes-widget-dinosaur-product-tags-color-black);\n                fill: var(--papathemes-widget-dinosaur-product-tags-color-black);\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-box svg {\n                width: 21px;\n                height: 21px;\n                stroke: var(--papathemes-widget-dinosaur-product-tags-color-white);\n                fill: var(--papathemes-widget-dinosaur-product-tags-color-white);\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-text {\n                color: var(--papathemes-widget-dinosaur-product-tags-color-white);\n                text-transform: uppercase;\n                font-weight: bold;\n                margin: 0;\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-icon {\n                position: absolute;\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-icon::before,\n            .dinosaur__productTags-{{_.id}} ._tag-icon::after,\n            .dinosaur__productTags-{{_.id}} ._tag-icon .wave-three {\n                position: absolute;\n                content: \"\";\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%);\n                border-radius: 50%;\n                background: var(--papathemes-widget-dinosaur-product-tags-color-wave);\n                animation: papathemes-widget-dinosaur-product-tags-wave 3s linear infinite;\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-icon::before {\n                animation-delay: 0s;\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-icon::after {\n                animation-delay: 1s;\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-icon .wave-three {\n                animation-delay: 2s;\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-icon:hover {\n                cursor: pointer;\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-icon:hover .dinosaur__productTags__product {\n                display: block;\n                z-index: 4;\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-icon svg {\n                stroke: var(--papathemes-widget-dinosaur-product-tags-color-white);\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-icon ._icon {\n                position: absolute;\n                z-index: 2;\n                width: 26px;\n                height: 26px;\n                display: flex;\n                filter: var(--papathemes-widget-dinosaur-product-tags-color-filter);\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-icon > svg {\n                width: 26px;\n                height: 26px;\n            }\n\n            .dinosaur__productTags-{{_.id}} ._tag-icon > img {\n                z-index: 2;\n                filter: var(--papathemes-widget-dinosaur-product-tags-color-filter);\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__product {\n                border: 1px solid var(--papathemes-widget-dinosaur-product-tags-color-border);\n                padding: var(--papathemes-widget-dinosaur-product-tags-spacing-base);\n                width: 300px;\n                background: var(--papathemes-widget-dinosaur-product-tags-color-white);\n                box-shadow: 4px 4px 20px 0px rgba(var(--papathemes-widget-dinosaur-product-tags-color-black-rgba), 0.15);\n                position: absolute;\n                left: 26px;\n                top: 26px;\n                display: none;\n                z-index: 3;\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__product .icon svg {\n                stroke: unset;\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__product.is-open {\n                display: block;\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-body {\n                display: grid;\n                grid-template-areas:\n                    \"title link\"\n                    \"price cart\"\n                    \"rating cart\";\n                row-gap: var(--papathemes-widget-dinosaur-product-tags-spacing-base);\n                column-gap: var(--papathemes-widget-dinosaur-product-tags-spacing-half);\n                cursor: default;\n            }\n\n            [data-sub-layout-container]:has(.dinosaur__productTags-{{_.id}}) {\n                z-index: 1;\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-title {\n                grid-area: title;\n                font-size: var(--papathemes-widget-dinosaur-product-tags-fontSize-base);\n                font-weight: 400;\n                margin: 0;\n                color: var(--papathemes-widget-dinosaur-product-tags-color-text);\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-link {\n                grid-area: link;\n                text-align: end;\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-link .icon {\n                width: 20px;\n                height: 20px;\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-link .icon svg {\n                fill: var(--papathemes-widget-dinosaur-product-tags-color-black);\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-link .icon:hover svg,\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-link .icon:focus-visible svg,\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-link .icon:focus svg,\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-link .icon:active svg {\n                fill: var(--papathemes-widget-dinosaur-product-tags-color-textLink);\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__product-price {\n                display: flex;\n                flex-wrap: wrap;\n                row-gap: var(--papathemes-widget-dinosaur-product-tags-spacing-base);\n                column-gap: var(--papathemes-widget-dinosaur-product-tags-spacing-half);\n                grid-area: price;\n                font-size: var(--papathemes-widget-dinosaur-product-tags-fontSize-small);\n                font-weight: bold;\n            }\n\n            .dinosaur__productTags-{{_.id}} .price {\n                color: var(--papathemes-widget-dinosaur-product-tags-color-text);\n            }\n\n            .dinosaur__productTags-{{_.id}} .price--non-sale {\n                color: var(--papathemes-widget-dinosaur-product-tags-color-nonSale-price);\n                font-weight: 400;\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-text--rating {\n                grid-area: rating;\n                margin: 0;\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action {\n                grid-area: cart;\n                display: flex;\n                justify-content: end;\n                margin-top: auto;\n                margin-left: auto;\n                background: {{bgColor}};\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action span svg,\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action .icon svg {\n                fill: {{iconFill}};\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:hover span svg,\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:focus span svg,\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:focus-visible span svg,\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:active span svg,\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:hover .icon svg,\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:focus .icon svg,\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:focus-visible .icon svg,\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:active .icon svg {\n                fill: {{iconFillHover}};\n            }\n\n            .dinosaur__productTags-{{_.id}} .add-to-cart-button {\n                width: 40px;\n                height: 40px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:hover,\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:focus,\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:focus-visible,\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:active {\n                background: {{bgColorHover}};\n            }\n\n            .dinosaur__productTags-{{_.id}} .add-to-cart-button svg {\n                width: 24px;\n                height: 24px;\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:has([data-emthemesmodez-cart-item-add]) {\n                position: relative;\n                width: 40px;\n                height: 40px;\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:has([data-emthemesmodez-cart-item-add]) .add-to-cart-button {\n                z-index: 1;\n                background: transparent;\n                position: absolute;\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:has([data-emthemesmodez-cart-item-add]):hover span {\n                filter: var(--papathemes-widget-dinosaur-product-tags-hover);\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:has([data-emthemesmodez-cart-item-add]) span {\n                position: absolute;\n                width: 40px;\n                height: 40px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n            }\n\n            .dinosaur__productTags-{{_.id}} .dinosaur__productTags__card-action:has([data-emthemesmodez-cart-item-add]) span svg {\n                width: 24px;\n                height: 24px;\n                stroke: unset;\n            }\n\n            @keyframes papathemes-widget-dinosaur-product-tags-wave {\n                0% {\n                    width: 0;\n                    height: 0;\n                    opacity: 1;\n                }\n                100% {\n                    width: 80px;\n                    height: 80px;\n                    opacity: 0;\n                }\n            }\n\n            {{#each items}}\n                .dinosaur__productTags-{{../_.id}} ._tag-icon[data-index=\"items.{{@index}}\"] {\n                    top: {{positionY.value}}{{positionY.type}};\n                    left: {{positionX.value}}{{positionX.type}};\n                    fill: {{iconColor}};\n                    height: 26px;\n                    width: 26px;\n\n                    {{#if icon '==' 'custom'}}\n                        max-width: 200px;\n                        width: auto;\n                        height: auto;\n                    {{else if icon '==' 'image'}}\n                        width: {{iconImageWidth.value}}{{iconImageWidth.type}};\n                        height: {{iconImageHeight.value}}{{iconImageHeight.type}};\n                    {{/if}}\n                }\n\n                .dinosaur__productTags-{{../_.id}} ._tag-icon[data-index=\"items.{{@index}}\"] ._circle {\n                    background: {{iconColor}};\n                    border: 1px solid var(--papathemes-widget-dinosaur-product-tags-color-white);\n                    border-radius: 50%;\n                    z-index: 2;\n                    width: 26px;\n                    height: 26px;\n                    display: flex;\n                    justify-content: center;\n                    position: absolute;\n                    align-items: center;\n                    filter: var(--papathemes-widget-dinosaur-product-tags-color-filter);\n                }\n\n                .dinosaur__productTags-{{../_.id}} ._tag-icon[data-index=\"items.{{@index}}\"] > img {\n                    width: {{iconImageWidth.value}}{{iconImageWidth.type}};\n                    height: {{iconImageHeight.value}}{{iconImageHeight.type}};\n                }\n            {{/each}}\n        </style>\n        <div class=\"dinosaur__productTags dinosaur__productTags-{{_.id}}\" id=\"dinosaur__productTags-{{_.id}}\">\n            {{#if useContainer}}\n                <div class=\"container\">\n            {{/if}}\n                <div class=\"dinosaur__productTags__wrapper\">\n                    <div class=\"_img-box\">\n                        <img data-papathemes-widget-dinosaur-product-tag-container\n                            {{#if lazyload}}\n                                class=\"lazyload _img\" src=\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='{{width.value}}' height='{{height.value}}'%3E%3C/svg%3E\" data-src=\"{{imageUrl.src}}\" data-sizes=\"auto\"\n                            {{else}}\n                                src=\"{{imageUrl.src}}\" class=\"_img\" alt=\"\"\n                            {{/if}}\n                        />\n                        <div class=\"_tag-box\" data-papathemes-widget-dinosaur-tag-icon-change>\n                            <svg><use xlink:href=\"#papathemes-widget-dinosaur-product-tags-icon-tag\"></use></svg>\n                            <p class=\"_tag-text\">Set tag position</p>\n                        </div>\n                        {{#each items}}\n                            <div\n                                class=\"_tag-icon\"\n                                data-index=\"items.{{@index}}\"\n                                data-papathemes-widget-dinosaur-tag-icon\n                                data-sku=\"{{sku}}\"\n                                role=\"button\"\n                                tabindex=\"0\"\n                                position-x=\"items.{{@index}}.positionX.value\"\n                                position-y=\"items.{{@index}}.positionY.value\">\n                                {{#if icon '==' 'tag'}}\n                                    <span class=\"_icon\"><svg><use xlink:href=\"#papathemes-widget-dinosaur-product-tags-icon-tag\"></use></svg></span>\n                                {{else if icon '==' 'custom'}}\n                                    {{{iconContent}}}\n                                {{else if icon '==' 'image'}}\n                                    <img src=\"{{iconImage.src}}\" alt=\"{{iconImage.alt}}\">\n                                {{else if icon '==' 'circle'}}\n                                    <span class=\"_circle\"></span>\n                                {{/if}}\n                                <div data-papathemes-widget-dinosaur-product-item></div>\n                                <div class=\"wave-three\"></div>\n                            </div>\n                        {{/each}}\n                    </div>\n                </div>\n            {{#if useContainer}}\n                </div>\n            {{/if}}\n        </div>\n        <script nonce=\"{{nonce}}\">\n        (function() {\n            if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n            window.PapaThemesDinosaurWidgetProductTags = window.PapaThemesDinosaurWidgetProductTags || [];\n            window.PapaThemesDinosaurWidgetProductTags.push({\n                elementId: 'dinosaur__productTags-{{_.id}}',\n                widgetId: '{{_.id}}',\n                data: {{{json .}}},\n            });\n        })();\n    </script>\n    <script nonce=\"{{nonce}}\" src=\"https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/dinosaur-product-tags.js\" async defer></script>\n    <!-- ###VERSION:1.0.0### -->",
      "date_created": "2025-01-11T01:33:44.066Z",
      "date_modified": "2025-04-02T08:54:01.289Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "d1c21068-ea82-4cb8-9d93-c03026683f7d",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "df53080e-d7ec-4662-9e84-c49a3d9b56af",
      "name": "Coupons | PapaThemes Dinosaur",
      "schema": [
        {
          "type": "array",
          "label": "Coupon",
          "id": "items",
          "defaultCount": 4,
          "entryLabel": "Coupon",
          "schema": [
            {
              "type": "hidden",
              "settings": [
                {
                  "id": "title",
                  "default": "Enter Your Title"
                },
                {
                  "id": "desc",
                  "default": "Enter Your Desc"
                }
              ]
            },
            {
              "type": "tab",
              "label": "Content",
              "sections": [
                {
                  "settings": [
                    {
                      "type": "color",
                      "label": "Page color",
                      "id": "pageColor",
                      "default": "#ffffff"
                    },
                    {
                      "type": "color",
                      "label": "Background color",
                      "id": "bgColor",
                      "default": "#ffffff"
                    },
                    {
                      "type": "color",
                      "label": "Border color",
                      "id": "borderColor",
                      "default": "#d9d9d9"
                    },
                    {
                      "type": "element",
                      "label": "Width",
                      "id": "width",
                      "typeMeta": {
                        "controls": {
                          "advanced": {
                            "label": "Width",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Width",
                                "id": "type",
                                "default": "px",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "%",
                                      "value": "%"
                                    },
                                    {
                                      "label": "px",
                                      "value": "px"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Desktop)",
                                "id": "pixel",
                                "default": {
                                  "value": 140,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "px"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Desktop)",
                                "id": "percent",
                                "default": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "typeMeta": {
                                  "parseType": "float"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "%"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Tablet)",
                                "id": "tabletPixel",
                                "default": {
                                  "value": 140,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "px"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Tablet)",
                                "id": "tabletPercent",
                                "default": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "typeMeta": {
                                  "parseType": "float"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "%"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Mobile)",
                                "id": "mobilePixel",
                                "default": {
                                  "value": 140,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "px"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Mobile)",
                                "id": "mobilePercent",
                                "default": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "typeMeta": {
                                  "parseType": "float"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "%"
                                  ]
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Text align",
                      "id": "align",
                      "typeMeta": {
                        "controls": {
                          "advanced": {
                            "label": "Alignment",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Desktop",
                                "id": "desktop",
                                "default": "left",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Center",
                                      "value": "center"
                                    },
                                    {
                                      "label": "Left",
                                      "value": "left"
                                    },
                                    {
                                      "label": "Right",
                                      "value": "right"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Tablet",
                                "id": "tablet",
                                "default": "left",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Center",
                                      "value": "center"
                                    },
                                    {
                                      "label": "Left",
                                      "value": "left"
                                    },
                                    {
                                      "label": "Right",
                                      "value": "right"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Mobile",
                                "id": "mobile",
                                "default": "left",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Center",
                                      "value": "center"
                                    },
                                    {
                                      "label": "Left",
                                      "value": "left"
                                    },
                                    {
                                      "label": "Right",
                                      "value": "right"
                                    }
                                  ]
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "input",
                      "label": "Coupon code",
                      "id": "couponCode",
                      "default": ""
                    },
                    {
                      "type": "input",
                      "label": "Coupon link",
                      "id": "couponLink",
                      "default": "",
                      "typeMeta": {
                        "placeholder": "https://"
                      }
                    },
                    {
                      "type": "visibility",
                      "label": "Show title",
                      "id": "titleVisibility",
                      "default": "show"
                    },
                    {
                      "type": "typography",
                      "label": "Title style",
                      "id": "titleStyle",
                      "default": "default",
                      "typeMeta": {
                        "conditionalSettings": [
                          {
                            "condition": "custom",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Font family",
                                "id": "fontFamily",
                                "default": "inherit",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Theme Default",
                                      "value": "inherit"
                                    },
                                    {
                                      "label": "Arial",
                                      "value": "Arial, sans-serif"
                                    },
                                    {
                                      "label": "Tahoma",
                                      "value": "Tahoma, sans-serif"
                                    },
                                    {
                                      "label": "Verdana",
                                      "value": "Verdana, sans-serif"
                                    },
                                    {
                                      "label": "Lucida",
                                      "value": "Lucida, sans-serif"
                                    },
                                    {
                                      "label": "Times New Roman",
                                      "value": "Times New Roman, serif"
                                    },
                                    {
                                      "label": "Courier",
                                      "value": "Courier, serif"
                                    },
                                    {
                                      "label": "Georgia",
                                      "value": "Georgia, serif"
                                    },
                                    {
                                      "label": "Palatino",
                                      "value": "Palatino, serif"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Font weight",
                                "id": "fontWeight",
                                "default": "400",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Thin",
                                      "value": "100"
                                    },
                                    {
                                      "label": "Extra Light (Ultra Light)",
                                      "value": "200"
                                    },
                                    {
                                      "label": "Light",
                                      "value": "300"
                                    },
                                    {
                                      "label": "Normal",
                                      "value": "400"
                                    },
                                    {
                                      "label": "Medium",
                                      "value": "500"
                                    },
                                    {
                                      "label": "Semi Bold (Demi Bold)",
                                      "value": "600"
                                    },
                                    {
                                      "label": "Bold",
                                      "value": "700"
                                    },
                                    {
                                      "label": "Extra Bold (Ultra Bold)",
                                      "value": "800"
                                    },
                                    {
                                      "label": "Black (Heavy)",
                                      "value": "900"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Font size",
                                "id": "fontSize",
                                "default": {
                                  "value": 16,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                }
                              },
                              {
                                "type": "number",
                                "label": "Font size (Mobile)",
                                "id": "fontSizeMobile",
                                "default": {
                                  "value": 12,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                }
                              },
                              {
                                "type": "color",
                                "label": "Text color",
                                "id": "fontColor",
                                "default": "#000000"
                              },
                              {
                                "type": "color",
                                "label": "Text color hover",
                                "id": "fontColorHover",
                                "default": "#de7bce"
                              }
                            ]
                          }
                        ]
                      },
                      "conditional": {
                        "key": "titleVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    },
                    {
                      "type": "visibility",
                      "label": "Show description",
                      "id": "descVisibility",
                      "default": "show"
                    },
                    {
                      "type": "typography",
                      "label": "Description style",
                      "id": "descStyle",
                      "default": "default",
                      "typeMeta": {
                        "conditionalSettings": [
                          {
                            "condition": "custom",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Font family",
                                "id": "descFontFamily",
                                "default": "inherit",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Theme Default",
                                      "value": "inherit"
                                    },
                                    {
                                      "label": "Arial",
                                      "value": "Arial, sans-serif"
                                    },
                                    {
                                      "label": "Tahoma",
                                      "value": "Tahoma, sans-serif"
                                    },
                                    {
                                      "label": "Verdana",
                                      "value": "Verdana, sans-serif"
                                    },
                                    {
                                      "label": "Lucida",
                                      "value": "Lucida, sans-serif"
                                    },
                                    {
                                      "label": "Times New Roman",
                                      "value": "Times New Roman, serif"
                                    },
                                    {
                                      "label": "Courier",
                                      "value": "Courier, serif"
                                    },
                                    {
                                      "label": "Georgia",
                                      "value": "Georgia, serif"
                                    },
                                    {
                                      "label": "Palatino",
                                      "value": "Palatino, serif"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Font weight",
                                "id": "descFontWeight",
                                "default": "400",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Thin",
                                      "value": "100"
                                    },
                                    {
                                      "label": "Extra Light (Ultra Light)",
                                      "value": "200"
                                    },
                                    {
                                      "label": "Light",
                                      "value": "300"
                                    },
                                    {
                                      "label": "Normal",
                                      "value": "400"
                                    },
                                    {
                                      "label": "Medium",
                                      "value": "500"
                                    },
                                    {
                                      "label": "Semi Bold (Demi Bold)",
                                      "value": "600"
                                    },
                                    {
                                      "label": "Bold",
                                      "value": "700"
                                    },
                                    {
                                      "label": "Extra Bold (Ultra Bold)",
                                      "value": "800"
                                    },
                                    {
                                      "label": "Black (Heavy)",
                                      "value": "900"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Font size",
                                "id": "descFontSize",
                                "default": {
                                  "value": 16,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                }
                              },
                              {
                                "type": "number",
                                "label": "Font size (Mobile)",
                                "id": "descFontSizeMobile",
                                "default": {
                                  "value": 12,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                }
                              },
                              {
                                "type": "color",
                                "label": "Text color",
                                "id": "descFontColor",
                                "default": "#000000"
                              },
                              {
                                "type": "color",
                                "label": "Text color hover",
                                "id": "descFontColorHover",
                                "default": "#de7bce"
                              }
                            ]
                          }
                        ]
                      },
                      "conditional": {
                        "key": "descVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <style>\n            .dinosaur__coupon-{{_.id}} ._wrapper-coupon {\n                width: 100%;\n                display: flex;\n                gap: 0.625rem;\n                -ms-overflow-style: none;\n                scrollbar-width: none;\n                flex-wrap: wrap;\n            }\n            .dinosaur__coupon-{{_.id}} ._wrapper-coupon::-webkit-scrollbar {\n                display: none;\n            }\n            .dinosaur__coupon-{{_.id}} ._wrapper-coupon ._coupon {\n                border: 1px solid;\n                padding: 0.625rem 0.625rem 0.1875rem 2.1875rem;\n                border-radius: 0.5rem;\n                position: relative;\n                flex-shrink: 0;\n                line-height: 1;\n                min-height: 3.75rem;\n                text-decoration: none;\n            }\n            .dinosaur__coupon-{{_.id}} ._coupon::before {\n                content: \"\";\n                position: absolute;\n                height: 1.25rem;\n                width: 1.25rem;\n                left: -10px;\n                top: 50%;\n                transform: translateY(-50%) rotate(-45deg);\n                border-radius: 50%;\n                border: 1px solid;\n                border-top-color: transparent;\n                border-left-color: transparent;\n            }\n            .dinosaur__coupon-{{_.id}} ._wrapper-coupon ._coupon::after {\n                content: \"\";\n                position: absolute;\n                height: 100%;\n                width: 1px;\n                border-left: 1px dashed;\n                top: 0;\n                left: 25px;\n            }\n            .dinosaur__coupon-{{_.id}} ._wrapper-coupon ._heading {\n                font-weight: 700;\n                text-transform: uppercase;\n                display: block;\n            }\n            .dinosaur__coupon-{{_.id}} ._wrapper-coupon ._desc {\n                font-size: 0.625rem;\n                line-height: 1.2;\n                display: block;\n                margin-top: 0.1875rem;\n            }\n            .dinosaur__coupon-{{_.id}} [data-link] {\n                cursor: pointer;\n            }\n            {{#each items}}\n                .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"] ._heading,\n                .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"] ._desc {\n                    text-align: {{align.mobile}};\n                }\n                .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"]::before {\n                    background-color: {{pageColor}};\n                }\n                .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"] ._heading p,\n                .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"] ._desc p {\n                    margin-bottom: 0;\n                }\n                .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"] ._heading {\n                    {{#if titleStyle '===' 'custom'}}\n                        color: {{fontColor}};\n                        font-family: {{fontFamily}};\n                        font-weight: {{fontWeight}};\n                        font-size: {{fontSize.value}}{{fontSize.type}};\n                        color: {{fontColor}};\n                    {{else}}\n                        font-size: 12px;\n                    {{/if}}\n                }\n                .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"]:hover ._heading,\n                .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"]:focus ._heading {\n                    {{#if titleStyle '===' 'custom'}}\n                        color: {{fontColorHover}};\n                    {{/if}}\n                }\n\n                .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"]:hover ._desc,\n                .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"]:focus ._desc {\n                    {{#if titleStyle '===' 'custom'}}\n                        color: {{descFontColorHover}};\n                    {{/if}}\n                }\n\n                .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"] ._desc {\n                    {{#if descStyle '===' 'custom'}}\n                        color: {{descFontColor}};\n                        font-family: {{descFontFamily}};\n                        font-weight: {{descFontWeight}};\n                        font-size: {{descFontSize.value}}{{descFontSize.type}};\n                        color: {{descFontColor}};\n                    {{else}}\n                        font-size: 10px;\n                    {{/if}}\n                }\n                .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"] {\n                    background-color: {{bgColor}};\n                    {{#if width.type '==' 'px'}}\n                        width: {{width.mobilePixel.value}}{{width.mobilePixel.type}};\n                    {{else}}\n                        width: {{width.mobilePercent.value}}{{width.mobilePercent.type}};\n                    {{/if}}\n                }\n                @media (max-width: 801px) and (min-width: 551px) {\n                    .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"] ._heading,\n                    .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"] ._desc {\n                        text-align: {{align.tablet}};\n                    }\n\n                    .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"] ._heading {\n                        {{#if titleStyle '===' 'custom'}}\n                            font-size: {{fontSizeMobile.value}}{{fontSizeMobile.type}};\n                        {{/if}}\n                    }\n\n                    .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"] ._desc {\n                        {{#if descStyle '===' 'custom'}}\n                            font-size: {{descFontSizeMobile.value}}{{descFontSizeMobile.type}};\n                        {{/if}}\n                    }\n                    .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"] {\n                        {{#if width.type '==' 'px'}}\n                            width: {{width.tabletPixel.value}}{{width.tabletPixel.type}};\n                        {{else}}\n                            width: {{width.tabletPercent.value}}{{width.tabletPercent.type}};\n                        {{/if}}\n                    }\n                }\n                @media (min-width: 801px) {\n                    .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"] ._heading,\n                    .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"] ._desc {\n                        text-align: {{align.desktop}};\n                    }\n                    .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"] {\n                        {{#if width.type '==' 'px'}}\n                            width: {{width.pixel.value}}{{width.pixel.type}};\n                        {{else}}\n                            width: {{width.percent.value}}{{width.percent.type}};\n                        {{/if}}\n                    }\n                }\n                .dinosaur__coupon-{{../_.id}} ._wrapper-coupon ._coupon[data-index=\"{{@index}}\"],\n                .dinosaur__coupon-{{../_.id}} ._wrapper-coupon ._coupon[data-index=\"{{@index}}\"]::after {\n                    border-color: {{borderColor}};\n                }\n\n                .dinosaur__coupon-{{../_.id}} ._coupon[data-index=\"{{@index}}\"]::before {\n                    border-bottom-color: {{borderColor}};\n                    border-right-color: {{borderColor}};\n                }\n\n            {{/each}}\n        </style>\n        <div class=\"dinosaur__coupon dinosaur__coupon-{{_.id}}\" id=\"dinosaur__coupon-{{_.id}}\">\n            <div class=\"_wrapper-coupon\" data-papathemes-coupon-code-list>\n                {{#each items}}\n                    <div {{#if couponLink}}data-link={{couponLink}} role=\"button\"{{/if}} class=\"_coupon\" data-index={{@index}} {{#if couponCode}}data-papathemes-coupon-code=\"{{couponCode}}\"{{/if}} tabindex=\"0\">\n                        {{#if titleVisibility '==' 'show'}}\n                            <div class=\"_heading\" data-editable-content=\"items.{{@index}}.title\">{{{title}}}</div>\n                        {{/if}}\n                        {{#if descVisibility '==' 'show'}}\n                            <div class=\"_desc\" data-editable-content=\"items.{{@index}}.desc\">{{{desc}}}</div>\n                        {{/if}}\n                    </div>\n                {{/each}}\n            </div>\n        </div>\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapaThemesDinosaurWidgetCoupons = window.PapaThemesDinosaurWidgetCoupons || [];\n                window.PapaThemesDinosaurWidgetCoupons.push({\n                    elementId: 'dinosaur__coupon-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{{json .}}}\n                });\n            })();\n        </script>\n        <script nonce=\"{{nonce}}\" src=\"https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/dinosaur-coupons.js\" async defer></script>\n    <!-- ###VERSION:1.0.0### -->",
      "date_created": "2025-01-11T01:33:46.128Z",
      "date_modified": "2025-04-02T08:54:02.312Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "e3bd7bbd-fd2e-451d-94f9-96c419dc773b",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "0a5bcd27-5143-4c65-a03f-7bcdbdcd1233",
      "name": "Customer Reviews | PapaThemes Beautify",
      "schema": [
        {
          "type": "array",
          "label": "Reviews",
          "id": "items",
          "defaultCount": 4,
          "entryLabel": "Review",
          "thumbnail": {
            "conditionKey": "avatar.type",
            "thumbnailConditions": {
              "color": {
                "type": "color",
                "valueKey": "avatar.color"
              },
              "image": {
                "type": "image",
                "valueKey": "avatar.image.src"
              }
            }
          },
          "schema": [
            {
              "type": "tab",
              "label": "Content",
              "sections": [
                {
                  "settings": [
                    {
                      "type": "element",
                      "label": "Avatar",
                      "id": "avatar",
                      "typeMeta": {
                        "controls": {
                          "advanced": {
                            "label": "Avatar",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Type",
                                "id": "type",
                                "default": "color",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Image",
                                      "value": "image"
                                    },
                                    {
                                      "label": "Color",
                                      "value": "color"
                                    },
                                    {
                                      "label": "Hide",
                                      "value": "hide"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "color",
                                "label": "Color",
                                "id": "color",
                                "default": "#e8e8e8",
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "color"
                                  ]
                                }
                              },
                              {
                                "type": "imageManager",
                                "label": "Image",
                                "id": "image",
                                "default": {
                                  "src": "",
                                  "type": "IMAGE_MANAGER"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "image"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Width",
                                "id": "width",
                                "default": {
                                  "value": 92,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "image",
                                    "color"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Height",
                                "id": "height",
                                "default": {
                                  "value": 92,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "image",
                                    "color"
                                  ]
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "input",
                      "label": "Title",
                      "id": "title",
                      "default": "Only the best!"
                    },
                    {
                      "type": "text",
                      "label": "Content",
                      "id": "content",
                      "default": "Honestly, I will never use another brand again! the pro point lashes are the BEST!! my last order was $600 and she included a free lash cleanser (which is also the best i've ever used)!"
                    },
                    {
                      "type": "select",
                      "label": "Rating",
                      "id": "rating",
                      "default": 5,
                      "typeMeta": {
                        "selectOptions": [
                          {
                            "label": "Hide",
                            "value": "hide"
                          },
                          {
                            "label": "1",
                            "value": "1"
                          },
                          {
                            "label": "2",
                            "value": "2"
                          },
                          {
                            "label": "3",
                            "value": "3"
                          },
                          {
                            "label": "4",
                            "value": "4"
                          },
                          {
                            "label": "5",
                            "value": "5"
                          }
                        ]
                      }
                    },
                    {
                      "type": "input",
                      "label": "Author",
                      "id": "author",
                      "default": "Sophie Hanan - 06/11"
                    },
                    {
                      "type": "select",
                      "label": "Style for theme",
                      "id": "themeName",
                      "default": "custom",
                      "typeMeta": {
                        "selectOptions": [
                          {
                            "label": "Beautify Grocery",
                            "value": "beautify_grocery"
                          },
                          {
                            "label": "Beautify Furniture",
                            "value": "beautify_furniture"
                          },
                          {
                            "label": "InHealth",
                            "value": "inhealth"
                          },
                          {
                            "label": "Other Themes",
                            "value": "custom"
                          }
                        ]
                      }
                    },
                    {
                      "type": "input",
                      "label": "Your theme name",
                      "id": "themeNameCustom",
                      "default": "",
                      "conditional": {
                        "key": "themeName",
                        "operator": "IN",
                        "value": [
                          "custom"
                        ]
                      }
                    },
                    {
                      "type": "boolean",
                      "label": "Display reviews in container div",
                      "id": "useContainer",
                      "default": true
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <style>\n            .beautify__customerReviews p {\n  margin-bottom: 0.75rem;\n}\n.beautify__customerReviews ._list .slick-prev,\n.beautify__customerReviews ._list .slick-next {\n  height: auto;\n}\n.beautify__customerReviews ._list .slick-prev:before,\n.beautify__customerReviews ._list .slick-next:before {\n  content: \"\";\n}\n@media (min-width: 801px) {\n  .beautify__customerReviews ._list .slick-prev {\n    left: -0.75rem;\n  }\n  .beautify__customerReviews ._list .slick-next {\n    right: -0.75rem;\n  }\n}\n@media (min-width: 1201px) {\n  .beautify__customerReviews ._list .slick-prev {\n    left: -40px;\n  }\n  .beautify__customerReviews ._list .slick-next {\n    right: -40px;\n  }\n}\n.beautify__customerReviews ._list {\n  display: flex;\n  justify-content: stretch;\n  list-style: none;\n}\n.beautify__customerReviews ._list:not(.slick-slider) {\n  overflow-x: auto;\n}\n.beautify__customerReviews ._list:not(.slick-slider) ._item {\n  flex: 1 0 auto;\n}\n.beautify__customerReviews ._item {\n  text-align: center;\n  border-radius: 10px;\n  padding: 1.5rem;\n  margin: 0 0.75rem;\n  height: auto;\n}\n.beautify__customerReviews ._avatar {\n  width: 92px;\n  height: 92px;\n  margin: 0 auto 1.5rem;\n  display: block;\n  position: relative;\n}\n.beautify__customerReviews ._heading {\n  font-size: 14px;\n  font-weight: 700;\n}\n.beautify__customerReviews ._rating .icon {\n  width: 16px;\n  height: 16px;\n}\n.beautify__customerReviews ._content {\n  font-size: 13px;\n  line-height: 1.8;\n}\n.beautify__customerReviews ._author {\n  font-size: 12px;\n  font-style: italic;\n  font-weight: 700;\n}\n.beautify__customerReviews .slick-list {\n  flex: 1;\n}\n.beautify__customerReviews .slick-track {\n  display: flex;\n  justify-content: stretch;\n  margin: 0;\n}\n.beautify__customerReviews .slick-dots {\n  position: absolute;\n}\n@media (max-width: 800px) {\n  .beautify__customerReviews {\n    padding: 0.75rem 0 1.5rem;\n  }\n  .beautify__customerReviews .container {\n    padding: 0;\n  }\n  .beautify__customerReviews ._item {\n    width: 275px;\n  }\n  .beautify__customerReviews .slick-dots {\n    bottom: -3rem;\n  }\n}\n@media (min-width: 801px) {\n  .beautify__customerReviews {\n    padding: 1.5rem 0;\n  }\n  .beautify__customerReviews ._list {\n    margin-bottom: 0;\n  }\n  .beautify__customerReviews ._item {\n    width: calc(33.3333% - 1.5rem);\n  }\n  .beautify__customerReviews .slick-dots {\n    display: none;\n  }\n  .beautify__customerReviews ._heading {\n    font-size: 18px;\n  }\n  .beautify__customerReviews ._content {\n    font-size: 14px;\n  }\n  .beautify__customerReviews ._author {\n    font-size: 14px;\n  }\n}\n            {{#any items useContainer=true}}{{else}}\n                .beautify__customerReviews ._list .slick-prev {\n                    left: 0;\n                }\n                .beautify__customerReviews ._list .slick-next {\n                    right: 0;\n                }\n            {{/any}}\n            {{#each items}}\n                .beautify__customerReviews [data-item=\"{{@index}}\"] ._avatar {\n                    width: {{avatar.width.value}}{{avatar.width.type}};\n                    height: {{avatar.height.value}}{{avatar.height.type}};\n                }\n            {{/each}}\n        </style>\n        <div class=\"beautify__section beautify__customerReviews beautify__customerReviews--{{_.id}}\" id=\"beautify__customerReviews-{{_.id}}\" data-test-theme=\"{{#if items.0.themeName '!=' 'custom'}}{{items.0.themeName}}{{else}}{{items.0.themeNameCustom}}{{/if}}\">\n            {{#any items useContainer=true}}\n                <div class=\"container\">\n            {{/any}}\n                    <div class=\"_list\" data-carousel-config='{\n                        \"arrows\": false,\n                        \"dots\": true,\n                        \"mobileFirst\": true,\n                        \"slidesToShow\": 1,\n                        \"slidesToScroll\": 1,\n                        \"initialSlide\": 1,\n                        \"variableWidth\": true,\n                        \"infinite\": true,\n                        \"centerMode\": true,\n                        \"centerPadding\": 0,\n                        \"responsive\": [{\n                            \"breakpoint\": 801,\n                            \"settings\": {\n                                \"arrows\": true,\n                                \"dots\": false,\n                                \"slidesToShow\": 3,\n                                \"slidesToScroll\": 1,\n                                \"variableWidth\": false\n                            }\n                        }]\n                    }'>\n                        {{#each items}}\n                            <div class=\"_item\" data-item=\"{{@index}}\" data-test-theme=\"{{#if themeName '!=' 'custom'}}{{themeName}}{{else}}{{themeNameCustom}}{{/if}}\">\n                                {{#if avatar.type '!==' 'hide'}}\n                                    <span class=\"_avatar\"><img data-sizes=\"auto\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt=\"{{author}}\"\n                                        {{#if avatar.type '==' 'image'}}\n                                            data-src=\"{{avatar.image.src}}\" class=\"lazyload\"\n                                        {{else}}\n                                            style=\"background-color:{{avatar.color}};width:100%;height:100%;border-radius:50%\"\n                                        {{/if}}\n                                    ></span>\n                                {{/if}}\n                                <p class=\"_heading\" data-editable-content=\"items.{{@index}}.title\">{{{title}}}</p>\n                                <p class=\"_content\" data-editable-content=\"items.{{@index}}.content\">{{{content}}}</p>\n                                <p class=\"_author\" data-editable-content=\"items.{{@index}}.author\">{{{author}}}</p>\n                                {{#if rating '!==' 'hide'}}\n                                    <p class=\"_rating\">\n                                        <span class=\"rating--small\">\n                                            {{#for 1 5}}\n                                                {{#if ../rating '>=' $index}}\n                                                    <span class=\"icon icon--ratingFull\"><svg><use xlink:href=\"#icon-star\" /></svg></span>\n                                                {{else}}\n                                                    <span class=\"icon icon--ratingEmpty\"><svg><use xlink:href=\"#icon-star\" /></svg></span>\n                                                {{/if}}\n                                            {{/for}}\n                                        </span>\n                                    </p>\n                                {{/if}}\n                            </div>\n                        {{/each}}\n                    </div>\n            {{#any items useContainer=true}}\n                </div>\n            {{/any}}\n        </div>\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapaThemesWidgetCustomerReviewsUUIDs = window.PapaThemesWidgetCustomerReviewsUUIDs || [];\n                window.PapaThemesWidgetCustomerReviewsUUIDs.push({\n                    elementId: 'beautify__customerReviews-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{{json .}}}\n                });\n            })();\n        </script>\n        <script nonce=\"{{nonce}}\" src=\"https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/customer-reviews.js\" async defer></script>\n    <!-- ###VERSION:1.0.0### -->",
      "date_created": "2025-01-11T01:33:47.578Z",
      "date_modified": "2025-04-02T08:53:51.788Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "a079174b-28f6-47fa-a439-66988de99364",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "8a70c87e-ba7f-448b-9ff6-e7bbd471eef5",
      "name": "Section Heading | PapaThemes Beautify",
      "schema": [
        {
          "type": "hidden",
          "settings": [
            {
              "id": "textContent",
              "default": "You can use this widget to input text into the page."
            }
          ]
        },
        {
          "type": "tab",
          "label": "Design",
          "sections": [
            {
              "settings": [
                {
                  "type": "select",
                  "label": "Heading tag",
                  "id": "headingTag",
                  "default": "h2",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "H1",
                        "value": "h1"
                      },
                      {
                        "label": "H2",
                        "value": "h2"
                      },
                      {
                        "label": "H3",
                        "value": "h3"
                      },
                      {
                        "label": "H4",
                        "value": "h4"
                      },
                      {
                        "label": "H5",
                        "value": "h5"
                      },
                      {
                        "label": "H6",
                        "value": "h6"
                      },
                      {
                        "label": "P",
                        "value": "p"
                      },
                      {
                        "label": "Div",
                        "value": "div"
                      }
                    ]
                  }
                },
                {
                  "type": "typography",
                  "label": "Text style",
                  "id": "textStyle",
                  "default": "default",
                  "typeMeta": {
                    "conditionalSettings": [
                      {
                        "condition": "custom",
                        "settings": [
                          {
                            "type": "select",
                            "label": "Font family",
                            "id": "fontFamily",
                            "default": "",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Theme Default",
                                  "value": ""
                                },
                                {
                                  "label": "Inherit",
                                  "value": "inherit"
                                },
                                {
                                  "label": "Arial",
                                  "value": "Arial, sans-serif"
                                },
                                {
                                  "label": "Tahoma",
                                  "value": "Tahoma, sans-serif"
                                },
                                {
                                  "label": "Verdana",
                                  "value": "Verdana, sans-serif"
                                },
                                {
                                  "label": "Lucida",
                                  "value": "Lucida, sans-serif"
                                },
                                {
                                  "label": "Times New Roman",
                                  "value": "Times New Roman, serif"
                                },
                                {
                                  "label": "Courier",
                                  "value": "Courier, serif"
                                },
                                {
                                  "label": "Georgia",
                                  "value": "Georgia, serif"
                                },
                                {
                                  "label": "Palatino",
                                  "value": "Palatino, serif"
                                }
                              ]
                            }
                          },
                          {
                            "type": "select",
                            "label": "Font weight",
                            "id": "fontWeight",
                            "default": "700",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Thin",
                                  "value": "100"
                                },
                                {
                                  "label": "Extra Light (Ultra Light)",
                                  "value": "200"
                                },
                                {
                                  "label": "Light",
                                  "value": "300"
                                },
                                {
                                  "label": "Normal",
                                  "value": "400"
                                },
                                {
                                  "label": "Medium",
                                  "value": "500"
                                },
                                {
                                  "label": "Semi Bold (Demi Bold)",
                                  "value": "600"
                                },
                                {
                                  "label": "Bold",
                                  "value": "700"
                                },
                                {
                                  "label": "Extra Bold (Ultra Bold)",
                                  "value": "800"
                                },
                                {
                                  "label": "Black (Heavy)",
                                  "value": "900"
                                }
                              ]
                            }
                          },
                          {
                            "type": "number",
                            "label": "Font size",
                            "id": "fontSize",
                            "default": {
                              "value": 36,
                              "type": "px"
                            },
                            "typeMeta": {
                              "parseType": "integer"
                            }
                          },
                          {
                            "type": "number",
                            "label": "Font size (Mobile)",
                            "id": "mobileFontSize",
                            "default": {
                              "value": 24,
                              "type": "px"
                            },
                            "typeMeta": {
                              "parseType": "integer"
                            }
                          },
                          {
                            "type": "select",
                            "label": "Line height",
                            "id": "lineHeight",
                            "default": "",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Theme Default",
                                  "value": ""
                                },
                                {
                                  "label": "Inherit",
                                  "value": "inherit"
                                },
                                {
                                  "label": "1.15",
                                  "value": "1.15"
                                },
                                {
                                  "label": "1.25",
                                  "value": "1.25"
                                },
                                {
                                  "label": "1.35",
                                  "value": "1.35"
                                },
                                {
                                  "label": "1.5",
                                  "value": "1.5"
                                },
                                {
                                  "label": "1.6",
                                  "value": "1.6"
                                },
                                {
                                  "label": "1.8",
                                  "value": "1.8"
                                },
                                {
                                  "label": "2",
                                  "value": "2"
                                }
                              ]
                            }
                          },
                          {
                            "type": "color",
                            "label": "Text color",
                            "id": "fontColor",
                            "default": "#000000"
                          }
                        ]
                      }
                    ]
                  }
                },
                {
                  "type": "alignment",
                  "label": "Alignment",
                  "id": "alignment",
                  "default": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "typeMeta": {
                    "display": "horizontal"
                  }
                },
                {
                  "type": "boxModel",
                  "label": "Margin",
                  "id": "margin",
                  "default": {
                    "top": {
                      "value": "0",
                      "type": "px"
                    },
                    "right": {
                      "value": "0",
                      "type": "px"
                    },
                    "bottom": {
                      "value": "0",
                      "type": "px"
                    },
                    "left": {
                      "value": "0",
                      "type": "px"
                    }
                  }
                },
                {
                  "type": "boxModel",
                  "label": "Margin (Mobile)",
                  "id": "marginMobile",
                  "default": {
                    "top": {
                      "value": "0",
                      "type": "px"
                    },
                    "right": {
                      "value": "0",
                      "type": "px"
                    },
                    "bottom": {
                      "value": "0",
                      "type": "px"
                    },
                    "left": {
                      "value": "0",
                      "type": "px"
                    }
                  }
                },
                {
                  "type": "boxModel",
                  "label": "Padding",
                  "id": "padding",
                  "default": {
                    "top": {
                      "value": "36",
                      "type": "px"
                    },
                    "right": {
                      "value": "0",
                      "type": "px"
                    },
                    "bottom": {
                      "value": "36",
                      "type": "px"
                    },
                    "left": {
                      "value": "0",
                      "type": "px"
                    }
                  }
                },
                {
                  "type": "boxModel",
                  "label": "Padding (Mobile)",
                  "id": "paddingMobile",
                  "default": {
                    "top": {
                      "value": "18",
                      "type": "px"
                    },
                    "right": {
                      "value": "0",
                      "type": "px"
                    },
                    "bottom": {
                      "value": "18",
                      "type": "px"
                    },
                    "left": {
                      "value": "0",
                      "type": "px"
                    }
                  }
                },
                {
                  "type": "color",
                  "label": "Background color",
                  "id": "backgroundColor",
                  "default": "transparent"
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <style>\n            .page-heading-{{_.id}} {\n                padding-top: {{padding.top.value}}{{padding.top.type}};\n                padding-right: {{padding.right.value}}{{padding.right.type}};\n                padding-bottom: {{padding.bottom.value}}{{padding.bottom.type}};\n                padding-left: {{padding.left.value}}{{padding.left.type}};\n\n                margin-top: {{margin.top.value}}{{margin.top.type}};\n                margin-right: {{margin.right.value}}{{margin.right.type}};\n                margin-bottom: {{margin.bottom.value}}{{margin.bottom.type}};\n                margin-left: {{margin.left.value}}{{margin.left.type}};\n\n                {{#if lineHeight}}\n                    line-height: {{lineHeight}};\n                {{/if}}\n\n                {{#if alignment.horizontal '===' 'center'}}\n                    text-align: center;\n                {{else if alignment.horizontal '===' 'left'}}\n                    text-align: left;\n                {{else if alignment.horizontal '===' 'right'}}\n                    text-align: right;\n                {{/if}}\n\n                background-color: {{backgroundColor}};\n            }\n            .beautify__widget-page-heading.page-heading-{{_.id}} {\n                {{#if textStyle '===' 'custom'}}\n                    color: {{fontColor}};\n                    {{#if fontFamily}}\n                        font-family: {{fontFamily}};\n                    {{/if}}\n                    font-weight: {{fontWeight}};\n                    font-size: {{fontSize.value}}{{fontSize.type}};\n                    min-height: {{fontSize.value}}{{fontSize.type}};\n                {{else}}\n                    min-height: 1.5rem;\n                {{/if}}\n            }\n\n            @media (max-width: 800px) {\n                .page-heading-{{_.id}} {\n                    padding-top: {{paddingMobile.top.value}}{{paddingMobile.top.type}};\n                    padding-right: {{paddingMobile.right.value}}{{paddingMobile.right.type}};\n                    padding-bottom: {{paddingMobile.bottom.value}}{{paddingMobile.bottom.type}};\n                    padding-left: {{paddingMobile.left.value}}{{paddingMobile.left.type}};\n\n                    margin-top: {{marginMobile.top.value}}{{marginMobile.top.type}};\n                    margin-right: {{marginMobile.right.value}}{{marginMobile.right.type}};\n                    margin-bottom: {{marginMobile.bottom.value}}{{marginMobile.bottom.type}};\n                    margin-left: {{marginMobile.left.value}}{{marginMobile.left.type}};\n                }\n                .beautify__widget-page-heading.page-heading-{{_.id}} {\n                    {{#if textStyle '===' 'custom'}}\n                        font-size: {{mobileFontSize.value}}{{mobileFontSize.type}};\n                    {{/if}}\n                }\n            }\n\n            #page-heading-{{_.id}} {\n                min-width: 1.5rem;\n            }\n\n            #page-heading-{{_.id}}[data-edit-mode=\"true\"]:hover,\n            #page-heading-{{_.id}}[data-edit-mode=\"true\"]:active,\n            #page-heading-{{_.id}}[data-edit-mode=\"true\"]:focus {\n                outline: 1px dashed #3C64F4;\n            }\n\n            #page-heading-{{_.id}} strong,\n            #page-heading-{{_.id}} strong * {\n                font-weight: bold;\n            }\n        </style>\n\n        {{#if headingTag}}\n            <{{headingTag}} class=\"beautify__widget-page-heading page-heading page-heading-{{_.id}}\" id=\"page-heading-{{_.id}}\" data-edit-mode=\"{{_.pageBuilderData.previewState.editMode}}\">{{{textContent}}}</{{headingTag}}>\n        {{else}}\n            <h2 class=\"beautify__widget-page-heading page-heading page-heading-{{_.id}}\" id=\"page-heading-{{_.id}}\" data-edit-mode=\"{{_.pageBuilderData.previewState.editMode}}\">{{{textContent}}}</h2>\n        {{/if}}\n\n        <script nonce=\"{{nonce}}\">\n            (function () {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                var editMode = false;\n                var selector = \"page-heading-{{_.id}}\";\n                var element = document.getElementById(selector);\n                if (!element) { return; }\n\n                function initializeContentEditableText () {\n                    if (window.BigCommerce && window.BigCommerce.inlineEditor && window.BigCommerce.sendWidgetUpdate) {\n                        editMode = true;\n                        window.BigCommerce.inlineEditor.init({\n                            selector: \"#\" + selector,\n                            editMode: editMode,\n                            onBlur: function (content) {\n                                element.innerHtml = content;\n                                flushChanges(content);\n                            },\n                            onKeyup: flushChanges,\n                            toolbarItems: ['bold', 'italic', 'underline', 'strikethrough', 'link']\n                        });\n                    }\n                };\n\n                function flushChanges(content) {\n                    var props = {\n                        \"textContent\": content\n                    };\n                    window.BigCommerce.sendWidgetUpdate(props, \"{{_.id}}\");\n                }\n\n                function setEditMode(data) {\n                    editMode = data.editMode;\n                    element.dataset.editMode = editMode;\n\n                    if (window.BigCommerce && window.BigCommerce.inlineEditor) {\n                        if (editMode) {\n                            initializeContentEditableText()\n                        } else {\n                            window.BigCommerce.inlineEditor.remove(\"#\" + selector);\n                        }\n                    }\n                }\n\n                window.addEventListener('message', function (event) {\n                    try {\n                        var data = JSON.parse(event.data);\n                    } catch (error) {\n                        return;\n                    }\n\n                    [{\n                        action: 'sdk-loaded',\n                        initiator: 'PAGE_BUILDER',\n                        callback: initializeContentEditableText\n                    },{\n                        action: 'toggle-edit-mode',\n                        initiator: 'PAGE_BUILDER',\n                        callback: setEditMode\n                    }].forEach(function (handler) {\n                        if (data.action === handler.action && data.initiator === handler.initiator) {\n                            try { handler.callback(data); } catch (error) {}\n                        }\n                    })\n                });\n\n                initializeContentEditableText();\n            })();\n        </script>\n    <!-- ###VERSION:1.0.0### -->",
      "date_created": "2025-01-11T01:33:49.085Z",
      "date_modified": "2025-04-02T08:53:52.402Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "5419e166-8be3-49f3-b9bc-7b23d16be31c",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "894f0ce9-2cac-46ec-b494-0bbfe48cb8d7",
      "name": "Callout Icons | PapaThemes Beautify",
      "schema": [
        {
          "type": "array",
          "label": "Callouts",
          "id": "items",
          "defaultCount": 4,
          "entryLabel": "Callout",
          "schema": [
            {
              "type": "hidden",
              "settings": [
                {
                  "id": "text",
                  "default": "Enter Your Text"
                },
                {
                  "id": "desc",
                  "default": "Enter Your Text"
                }
              ]
            },
            {
              "type": "tab",
              "label": "Content",
              "sections": [
                {
                  "settings": [
                    {
                      "type": "select",
                      "label": "Style",
                      "id": "style",
                      "default": "large",
                      "typeMeta": {
                        "selectOptions": [
                          {
                            "label": "Large",
                            "value": "large"
                          },
                          {
                            "label": "Small",
                            "value": "small"
                          },
                          {
                            "label": "Left",
                            "value": "left"
                          },
                          {
                            "label": "Circle",
                            "value": "circle"
                          }
                        ]
                      }
                    },
                    {
                      "type": "color",
                      "label": "Background color",
                      "id": "bgColor",
                      "default": "#ffffff",
                      "conditional": {
                        "key": "style",
                        "operator": "IN",
                        "value": [
                          "circle"
                        ]
                      }
                    },
                    {
                      "type": "element",
                      "label": "Width",
                      "id": "width",
                      "typeMeta": {
                        "controls": {
                          "advanced": {
                            "label": "Width",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Width",
                                "id": "type",
                                "default": "auto",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "auto",
                                      "value": "auto"
                                    },
                                    {
                                      "label": "%",
                                      "value": "%"
                                    },
                                    {
                                      "label": "px",
                                      "value": "px"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Desktop)",
                                "id": "pixel",
                                "default": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "px"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Desktop)",
                                "id": "percent",
                                "default": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "typeMeta": {
                                  "parseType": "float"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "%"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Tablet)",
                                "id": "tabletPixel",
                                "default": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "px"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Tablet)",
                                "id": "tabletPercent",
                                "default": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "typeMeta": {
                                  "parseType": "float"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "%"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Mobile)",
                                "id": "mobilePixel",
                                "default": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "px"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Mobile)",
                                "id": "mobilePercent",
                                "default": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "typeMeta": {
                                  "parseType": "float"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "%"
                                  ]
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Padding",
                      "id": "padding",
                      "typeMeta": {
                        "controls": {
                          "advanced": {
                            "label": "Padding",
                            "settings": [
                              {
                                "type": "boxModel",
                                "label": "Desktop",
                                "id": "desktop",
                                "default": {
                                  "top": {
                                    "value": "45",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "45",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "5",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "5",
                                    "type": "px"
                                  }
                                }
                              },
                              {
                                "type": "boxModel",
                                "label": "Tablet",
                                "id": "tablet",
                                "default": {
                                  "top": {
                                    "value": "20",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "20",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "5",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "5",
                                    "type": "px"
                                  }
                                }
                              },
                              {
                                "type": "boxModel",
                                "label": "Mobile",
                                "id": "mobile",
                                "default": {
                                  "top": {
                                    "value": "20",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "20",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "5",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "5",
                                    "type": "px"
                                  }
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Alignment",
                      "id": "align",
                      "typeMeta": {
                        "controls": {
                          "advanced": {
                            "label": "Alignment",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Desktop",
                                "id": "desktop",
                                "default": "center",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Center",
                                      "value": "center"
                                    },
                                    {
                                      "label": "Left",
                                      "value": "left"
                                    },
                                    {
                                      "label": "Right",
                                      "value": "right"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Tablet",
                                "id": "tablet",
                                "default": "center",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Center",
                                      "value": "center"
                                    },
                                    {
                                      "label": "Left",
                                      "value": "left"
                                    },
                                    {
                                      "label": "Right",
                                      "value": "right"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Mobile",
                                "id": "mobile",
                                "default": "center",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Center",
                                      "value": "center"
                                    },
                                    {
                                      "label": "Left",
                                      "value": "left"
                                    },
                                    {
                                      "label": "Right",
                                      "value": "right"
                                    }
                                  ]
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "select",
                      "label": "Icon",
                      "id": "icon",
                      "default": "chat",
                      "typeMeta": {
                        "selectOptions": [
                          {
                            "label": "Custom HTML/SVG",
                            "value": "custom"
                          },
                          {
                            "label": "Choose Image",
                            "value": "image"
                          },
                          {
                            "label": "Chat",
                            "value": "chat"
                          },
                          {
                            "label": "Clock",
                            "value": "clock"
                          },
                          {
                            "label": "Vehicle",
                            "value": "vehicle"
                          },
                          {
                            "label": "Cart",
                            "value": "cart"
                          },
                          {
                            "label": "Phone",
                            "value": "phone"
                          },
                          {
                            "label": "Phone2",
                            "value": "phone2"
                          },
                          {
                            "label": "Irish",
                            "value": "irish"
                          },
                          {
                            "label": "Secure Shopping",
                            "value": "secure-shopping"
                          },
                          {
                            "label": "Person",
                            "value": "person"
                          },
                          {
                            "label": "Box",
                            "value": "box"
                          },
                          {
                            "label": "Loyalty",
                            "value": "loyalty"
                          },
                          {
                            "label": "Prize",
                            "value": "prize"
                          },
                          {
                            "label": "Headache",
                            "value": "headache"
                          },
                          {
                            "label": "Sprain",
                            "value": "sprain"
                          },
                          {
                            "label": "Focus",
                            "value": "focus"
                          },
                          {
                            "label": "Immunity",
                            "value": "immunity"
                          },
                          {
                            "label": "Biceps",
                            "value": "biceps"
                          },
                          {
                            "label": "Sleep",
                            "value": "sleep"
                          },
                          {
                            "label": "Pijamas",
                            "value": "pijamas"
                          },
                          {
                            "label": "Running",
                            "value": "running"
                          },
                          {
                            "label": "Helmet",
                            "value": "helmet"
                          },
                          {
                            "label": "Life Vest",
                            "value": "life-vest"
                          },
                          {
                            "label": "Grill",
                            "value": "grill"
                          },
                          {
                            "label": "Camera",
                            "value": "camera"
                          },
                          {
                            "label": "Cleaner Vacuum",
                            "value": "cleaner-vacuum"
                          },
                          {
                            "label": "Computer Technology",
                            "value": "computer-technology"
                          },
                          {
                            "label": "Cooker",
                            "value": "cooker"
                          },
                          {
                            "label": "Dishwasher",
                            "value": "dishwasher"
                          },
                          {
                            "label": "Electric Fryer",
                            "value": "electric-fryer"
                          },
                          {
                            "label": "Fan",
                            "value": "fan"
                          },
                          {
                            "label": "Hairdryer",
                            "value": "hairdryer"
                          },
                          {
                            "label": "Heater",
                            "value": "heater"
                          },
                          {
                            "label": "House Washing",
                            "value": "house-washing"
                          },
                          {
                            "label": "Iron",
                            "value": "iron"
                          },
                          {
                            "label": "Lamp",
                            "value": "lamp"
                          },
                          {
                            "label": "Microwave",
                            "value": "microwave"
                          },
                          {
                            "label": "Refrigerator",
                            "value": "refrigerator"
                          },
                          {
                            "label": "Air-conditioner",
                            "value": "air-conditioner"
                          },
                          {
                            "label": "Circuit-board",
                            "value": "circuit-board"
                          },
                          {
                            "label": "Camera2",
                            "value": "camera2"
                          },
                          {
                            "label": "Vehicle2",
                            "value": "vehicle2"
                          },
                          {
                            "label": "Support",
                            "value": "support"
                          },
                          {
                            "label": "Service",
                            "value": "service"
                          },
                          {
                            "label": "Award",
                            "value": "award"
                          },
                          {
                            "label": "Home",
                            "value": "home"
                          },
                          {
                            "label": "Finance",
                            "value": "finance"
                          }
                        ]
                      }
                    },
                    {
                      "type": "color",
                      "label": "Icon color",
                      "id": "iconColor",
                      "default": "#ECB9E4",
                      "conditional": {
                        "key": "icon",
                        "operator": "IN",
                        "value": [
                          "chat",
                          "clock",
                          "vehicle",
                          "cart",
                          "phone",
                          "phone2",
                          "irish",
                          "secure-shopping",
                          "person",
                          "box",
                          "loyalty",
                          "prize",
                          "headache",
                          "sprain",
                          "focus",
                          "immunity",
                          "biceps",
                          "sleep",
                          "pijamas",
                          "running",
                          "helmet",
                          "life-vest",
                          "grill",
                          "camera",
                          "cleaner-vacuum",
                          "computer-technology",
                          "cooker",
                          "dishwasher",
                          "electric-fryer",
                          "fan",
                          "hairdryer",
                          "heater",
                          "house-washing",
                          "iron",
                          "lamp",
                          "microwave",
                          "refrigerator",
                          "air-conditioner",
                          "circuit-board",
                          "camera2",
                          "vehicle2",
                          "support",
                          "service",
                          "award",
                          "home",
                          "finance"
                        ]
                      }
                    },
                    {
                      "type": "imageManager",
                      "label": "Icon image",
                      "id": "iconImage",
                      "default": {
                        "src": "https://source.unsplash.com/piBorUFXHhU/100x100",
                        "type": "IMAGE_MANAGER"
                      },
                      "conditional": {
                        "key": "icon",
                        "operator": "IN",
                        "value": [
                          "image"
                        ]
                      }
                    },
                    {
                      "type": "code",
                      "label": "Icon SVG Code",
                      "id": "iconContent",
                      "default": "",
                      "typeMeta": {
                        "language": "html",
                        "placeholder": "Insert SVG code here"
                      },
                      "conditional": {
                        "key": "icon",
                        "operator": "IN",
                        "value": [
                          "custom"
                        ]
                      }
                    },
                    {
                      "type": "select",
                      "label": "Icon size",
                      "id": "iconSize",
                      "default": "original",
                      "typeMeta": {
                        "selectOptions": [
                          {
                            "label": "Original",
                            "value": "original"
                          },
                          {
                            "label": "Custom dimension",
                            "value": "custom"
                          }
                        ]
                      }
                    },
                    {
                      "type": "number",
                      "label": "Icon width",
                      "id": "iconWidth",
                      "default": {
                        "value": 0,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      },
                      "conditional": {
                        "key": "iconSize",
                        "operator": "IN",
                        "value": [
                          "custom"
                        ]
                      }
                    },
                    {
                      "type": "number",
                      "label": "Icon height",
                      "id": "iconHeight",
                      "default": {
                        "value": 0,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      },
                      "conditional": {
                        "key": "iconSize",
                        "operator": "IN",
                        "value": [
                          "custom"
                        ]
                      }
                    },
                    {
                      "type": "input",
                      "label": "Link",
                      "id": "link",
                      "default": "",
                      "typeMeta": {
                        "placeholder": "https://"
                      }
                    },
                    {
                      "type": "visibility",
                      "label": "Show text",
                      "id": "textVisibility",
                      "default": "show"
                    },
                    {
                      "type": "boolean",
                      "label": "Hide on mobile",
                      "id": "textHideMobile",
                      "default": false,
                      "conditional": {
                        "key": "textVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    },
                    {
                      "type": "typography",
                      "label": "Text style",
                      "id": "textStyle",
                      "default": "default",
                      "typeMeta": {
                        "conditionalSettings": [
                          {
                            "condition": "custom",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Font family",
                                "id": "fontFamily",
                                "default": "inherit",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Theme Default",
                                      "value": "inherit"
                                    },
                                    {
                                      "label": "Arial",
                                      "value": "Arial, sans-serif"
                                    },
                                    {
                                      "label": "Tahoma",
                                      "value": "Tahoma, sans-serif"
                                    },
                                    {
                                      "label": "Verdana",
                                      "value": "Verdana, sans-serif"
                                    },
                                    {
                                      "label": "Lucida",
                                      "value": "Lucida, sans-serif"
                                    },
                                    {
                                      "label": "Times New Roman",
                                      "value": "Times New Roman, serif"
                                    },
                                    {
                                      "label": "Courier",
                                      "value": "Courier, serif"
                                    },
                                    {
                                      "label": "Georgia",
                                      "value": "Georgia, serif"
                                    },
                                    {
                                      "label": "Palatino",
                                      "value": "Palatino, serif"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Font weight",
                                "id": "fontWeight",
                                "default": "400",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Thin",
                                      "value": "100"
                                    },
                                    {
                                      "label": "Extra Light (Ultra Light)",
                                      "value": "200"
                                    },
                                    {
                                      "label": "Light",
                                      "value": "300"
                                    },
                                    {
                                      "label": "Normal",
                                      "value": "400"
                                    },
                                    {
                                      "label": "Medium",
                                      "value": "500"
                                    },
                                    {
                                      "label": "Semi Bold (Demi Bold)",
                                      "value": "600"
                                    },
                                    {
                                      "label": "Bold",
                                      "value": "700"
                                    },
                                    {
                                      "label": "Extra Bold (Ultra Bold)",
                                      "value": "800"
                                    },
                                    {
                                      "label": "Black (Heavy)",
                                      "value": "900"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Font size",
                                "id": "fontSize",
                                "default": {
                                  "value": 16,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                }
                              },
                              {
                                "type": "number",
                                "label": "Font size (Mobile)",
                                "id": "fontSizeMobile",
                                "default": {
                                  "value": 12,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                }
                              },
                              {
                                "type": "color",
                                "label": "Text color",
                                "id": "fontColor",
                                "default": "#000000"
                              },
                              {
                                "type": "color",
                                "label": "Text color hover",
                                "id": "fontColorHover",
                                "default": "#de7bce"
                              },
                              {
                                "type": "boolean",
                                "label": "Use important! to override theme css",
                                "id": "useImportant",
                                "default": false
                              }
                            ]
                          }
                        ]
                      },
                      "conditional": {
                        "key": "textVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    },
                    {
                      "type": "visibility",
                      "label": "Show second text",
                      "id": "descVisibility",
                      "default": "hide"
                    },
                    {
                      "type": "boolean",
                      "label": "Hide on mobile",
                      "id": "descHideMobile",
                      "default": false,
                      "conditional": {
                        "key": "descVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    },
                    {
                      "type": "typography",
                      "label": "Second text style",
                      "id": "descStyle",
                      "default": "default",
                      "typeMeta": {
                        "conditionalSettings": [
                          {
                            "condition": "custom",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Font family",
                                "id": "descFontFamily",
                                "default": "inherit",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Theme Default",
                                      "value": "inherit"
                                    },
                                    {
                                      "label": "Arial",
                                      "value": "Arial, sans-serif"
                                    },
                                    {
                                      "label": "Tahoma",
                                      "value": "Tahoma, sans-serif"
                                    },
                                    {
                                      "label": "Verdana",
                                      "value": "Verdana, sans-serif"
                                    },
                                    {
                                      "label": "Lucida",
                                      "value": "Lucida, sans-serif"
                                    },
                                    {
                                      "label": "Times New Roman",
                                      "value": "Times New Roman, serif"
                                    },
                                    {
                                      "label": "Courier",
                                      "value": "Courier, serif"
                                    },
                                    {
                                      "label": "Georgia",
                                      "value": "Georgia, serif"
                                    },
                                    {
                                      "label": "Palatino",
                                      "value": "Palatino, serif"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Font weight",
                                "id": "descFontWeight",
                                "default": "400",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Thin",
                                      "value": "100"
                                    },
                                    {
                                      "label": "Extra Light (Ultra Light)",
                                      "value": "200"
                                    },
                                    {
                                      "label": "Light",
                                      "value": "300"
                                    },
                                    {
                                      "label": "Normal",
                                      "value": "400"
                                    },
                                    {
                                      "label": "Medium",
                                      "value": "500"
                                    },
                                    {
                                      "label": "Semi Bold (Demi Bold)",
                                      "value": "600"
                                    },
                                    {
                                      "label": "Bold",
                                      "value": "700"
                                    },
                                    {
                                      "label": "Extra Bold (Ultra Bold)",
                                      "value": "800"
                                    },
                                    {
                                      "label": "Black (Heavy)",
                                      "value": "900"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Font size",
                                "id": "descFontSize",
                                "default": {
                                  "value": 16,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                }
                              },
                              {
                                "type": "number",
                                "label": "Font size (Mobile)",
                                "id": "descFontSizeMobile",
                                "default": {
                                  "value": 12,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                }
                              },
                              {
                                "type": "color",
                                "label": "Text color",
                                "id": "descFontColor",
                                "default": "#000000"
                              },
                              {
                                "type": "color",
                                "label": "Text color hover",
                                "id": "descFontColorHover",
                                "default": "#de7bce"
                              },
                              {
                                "type": "boolean",
                                "label": "Use important! to override theme css",
                                "id": "descUseImportant",
                                "default": false
                              }
                            ]
                          }
                        ]
                      },
                      "conditional": {
                        "key": "descVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    },
                    {
                      "type": "boolean",
                      "label": "Display icons in container div",
                      "id": "useContainer",
                      "default": true
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <style>\n            .beautify__calloutIcons-{{_.id}} {\n                line-height: 1.25;\n            }\n            .beautify__calloutIcons-{{_.id}} a {\n                color: inherit;\n                text-decoration: none;\n            }\n            .beautify__calloutIcons-{{_.id}} [data-link] {\n                cursor: pointer;\n            }\n            .beautify__calloutIcons-{{_.id}} p {\n                margin: 0;\n            }\n            .beautify__calloutIcons-{{_.id}} ._row {\n                display: flex;\n                flex-wrap: wrap;\n                justify-content: center;\n                margin: 0 -0.375rem;\n            }\n            .beautify__calloutIcons-{{_.id}} ._col {\n                padding: 3rem 0.375rem;\n                text-align: center;\n                flex: 1;\n            }\n            .beautify__calloutIcons-{{_.id}} ._item {\n                display: block;\n            }\n            .beautify__calloutIcons-{{_.id}} ._icon {\n                display: block;\n                text-align: center;\n            }\n            .beautify__calloutIcons-{{_.id}} ._icon img,\n            .beautify__calloutIcons-{{_.id}} ._icon svg {\n                max-width: 100%;\n            }\n            .beautify__calloutIcons-{{_.id}} ._heading {\n                display: block;\n                margin-top: 0.75rem;\n            }\n            .beautify__calloutIcons-{{_.id}} ._desc {\n                display: block;\n            }\n\n            @media (max-width: 800px) {\n                .beautify__calloutIcons-{{_.id}} ._col {\n                    padding: 1.5rem 0.375rem;\n                }\n            }\n\n            {{#each items}}\n                .beautify__calloutIcons-{{../_.id}} ._col[data-index=\"{{@index}}\"] {\n                    padding-top: {{padding.mobile.top.value}}{{padding.mobile.top.type}};\n                    padding-bottom: {{padding.mobile.bottom.value}}{{padding.mobile.bottom.type}};\n                    padding-left: {{padding.mobile.left.value}}{{padding.mobile.left.type}};\n                    padding-right: {{padding.mobile.right.value}}{{padding.mobile.right.type}};\n                    {{#if width.type '==' 'px'}}\n                        flex: 0 0 {{width.mobilePixel.value}}{{width.mobilePixel.type}};\n                        width: {{width.mobilePixel.value}}{{width.mobilePixel.type}};\n                    {{else if width.type '==' '%'}}\n                        flex: 0 0 {{width.mobilePercent.value}}{{width.mobilePercent.type}};\n                        width: {{width.mobilePercent.value}}{{width.mobilePercent.type}};\n                    {{/if}}\n                    text-align: {{align.mobile}};\n                    {{#if textStyle '===' 'custom'}}\n                        color: {{fontColor}}{{#if useImportant}} !important{{/if}};\n                    {{/if}}\n                }\n                .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] a:hover ._heading,\n                .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] a:focus ._heading,\n                .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] [data-link]:hover ._heading,\n                .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] [data-link]:focus ._heading{\n                    {{#if textStyle '===' 'custom'}}\n                        color: {{fontColorHover}}{{#if useImportant}} !important{{/if}};\n                    {{/if}}\n                }\n                .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] a:hover ._desc,\n                .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] a:focus ._desc,\n                .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] [data-link]:hover ._desc,\n                .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] [data-link]:focus ._desc{\n                    {{#if textStyle '===' 'custom'}}\n                        color: {{descFontColorHover}}{{#if useImportant}} !important{{/if}};\n                    {{/if}}\n                }\n                .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] ._icon {\n                    text-align: {{align.mobile}};\n                    max-width: 100%;\n                    {{#if style '===' 'left'}}\n                        margin-left: auto;\n                    {{/if}}\n                    {{#if iconSize '===' 'custom'}}\n                        margin-left: auto;\n                        margin-right: auto;\n                        {{#if iconWidth.value '>' 0}}\n                            width: {{iconWidth.value}}{{iconWidth.type}};\n                        {{/if}}\n                        {{#if iconHeight.value '>' 0}}\n                            height: {{iconHeight.value}}{{iconHeight.type}};\n                        {{/if}}\n                    {{/if}}\n                    {{#if style '===' 'circle'}}\n                        padding-top: 0;\n                        aspect-ratio: 1/1;\n                        display: flex;\n                        flex-direction: column;\n                        align-items: center;\n                        justify-content: center;\n                        border-radius: 50%;\n                        background-color: {{bgColor}};\n                    {{/if}}\n                }\n                .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] ._icon-aspect {\n                    {{#if iconSize '===' 'custom'}}\n                        {{#and iconWidth.value iconHeight.value}}\n                            position: relative;\n                            height: 0;\n                            width: 100%;\n                            padding-top: {{multiply (divide iconHeight.value iconWidth.value) 100}}%;\n                        {{/and}}\n                    {{/if}}\n                }\n                .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] ._icon img,\n                .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] ._icon svg {\n                    {{#if iconSize '===' 'custom'}}\n                        display: block;\n                        margin-left: auto;\n                        margin-right: auto;\n                        {{#if iconWidth.value '>' 0}}\n                            width: 100%;\n                        {{/if}}\n                        {{#if iconHeight.value '>' 0}}\n                            max-height: 100%;\n                        {{/if}}\n                        {{#and iconWidth.value iconHeight.value}}\n                            width: auto;\n                            position: absolute;\n                            top: 0;\n                            bottom: 0;\n                            left: 0;\n                            right: 0;\n                            margin: 0 auto;\n                            object-fit: contain;\n                        {{/and}}\n                    {{else}}\n                        {{#if icon '!=' 'image'}}\n                            {{#if icon '!=' 'custom'}}\n                                display: block;\n                                margin-left: auto;\n                                margin-right: auto;\n                                width: 50px;\n                                height: 50px;\n                            {{/if}}\n                        {{/if}}\n                    {{/if}}\n                    fill: {{iconColor}};\n                }\n                .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] ._heading {\n                    text-align: {{align.mobile}};\n                    {{#if style '===' 'small'}}\n                        margin-top: 0.375rem;\n                    {{else if style '===' 'left'}}\n                        margin-right: auto;\n                    {{else if style '===' 'circle'}}\n                        margin-top: 0;\n                    {{/if}}\n                    {{#if textStyle '===' 'custom'}}\n                        font-family: {{fontFamily}}{{#if useImportant}} !important{{/if}};\n                        font-weight: {{fontWeight}}{{#if useImportant}} !important{{/if}};\n                        font-size: {{fontSizeMobile.value}}{{fontSizeMobile.type}}{{#if useImportant}} !important{{/if}};\n                        color: {{fontColor}};\n                    {{else}}\n                        font-size: 12px;\n                    {{/if}}\n                }\n                .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] ._desc {\n                    text-align: {{align.mobile}};\n                    {{#if style '===' 'left'}}\n                        margin-right: auto;\n                    {{/if}}\n                    {{#if descStyle '===' 'custom'}}\n                        font-family: {{descFontFamily}}{{#if descUseImportant}} !important{{/if}};\n                        font-weight: {{descFontWeight}}{{#if descUseImportant}} !important{{/if}};\n                        font-size: {{descFontSizeMobile.value}}{{descFontSizeMobile.type}}{{#if descUseImportant}} !important{{/if}};\n                        color: {{descFontColor}}{{#if descUseImportant}} !important{{/if}};\n                    {{else}}\n                        font-size: 12px;\n                    {{/if}}\n                }\n                @media (max-width: 550px) {\n                    .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] ._heading {\n                        {{#if textHideMobile}}\n                            display: none;\n                        {{/if}}\n                    }\n                    .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] ._desc {\n                        {{#if descHideMobile}}\n                            display: none;\n                        {{/if}}\n                    }\n                }\n                @media (min-width: 551px) and (max-width: 800px) {\n                    .beautify__calloutIcons-{{../_.id}} ._col[data-index=\"{{@index}}\"] {\n                        padding-top: {{padding.tablet.top.value}}{{padding.tablet.top.type}};\n                        padding-bottom: {{padding.tablet.bottom.value}}{{padding.tablet.bottom.type}};\n                        padding-left: {{padding.tablet.left.value}}{{padding.tablet.left.type}};\n                        padding-right: {{padding.tablet.right.value}}{{padding.tablet.right.type}};\n                        {{#if width.type '==' 'px'}}\n                            flex: 0 0 {{width.tabletPixel.value}}{{width.tabletPixel.type}};\n                            width: {{width.tabletPixel.value}}{{width.tabletPixel.type}};\n                        {{else if width.type '==' '%'}}\n                            flex: 0 0 {{width.tabletPercent.value}}{{width.tabletPercent.type}};\n                            width: {{width.tabletPercent.value}}{{width.tabletPercent.type}};\n                        {{/if}}\n                        text-align: {{align.tablet}};\n                    }\n                    .beautify__calloutIcons-{{../_.id}} ._col[data-index=\"{{@index}}\"] ._icon {\n                        text-align: {{align.tablet}};\n                    }\n                    .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] ._heading {\n                        text-align: {{align.tablet}};\n                        {{#if textStyle '===' 'custom'}}\n                            font-size: {{fontSizeMobile.value}}{{fontSizeMobile.type}}{{#if useImportant}} !important{{/if}};\n                        {{/if}}\n                    }\n                    .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] ._desc {\n                        text-align: {{align.tablet}};\n                        {{#if descStyle '===' 'custom'}}\n                            font-size: {{descFontSizeMobile.value}}{{descFontSizeMobile.type}}{{#if descUseImportant}} !important{{/if}};\n                        {{/if}}\n                    }\n                }\n                @media (min-width: 801px) {\n                    .beautify__calloutIcons-{{../_.id}} ._col[data-index=\"{{@index}}\"] {\n                        padding-top: {{padding.desktop.top.value}}{{padding.desktop.top.type}};\n                        padding-bottom: {{padding.desktop.bottom.value}}{{padding.desktop.bottom.type}};\n                        padding-left: {{padding.desktop.left.value}}{{padding.desktop.left.type}};\n                        padding-right: {{padding.desktop.right.value}}{{padding.desktop.right.type}};\n                        {{#if width.type '==' 'px'}}\n                            flex: 0 0 {{width.pixel.value}}{{width.pixel.type}};\n                            width: {{width.pixel.value}}{{width.pixel.type}};\n                        {{else if width.type '==' '%'}}\n                            flex: 0 0 {{width.percent.value}}{{width.percent.type}};\n                            width: {{width.percent.value}}{{width.percent.type}};\n                        {{/if}}\n                        text-align: {{align.desktop}};\n                    }\n                    .beautify__calloutIcons-{{../_.id}} ._col[data-index=\"{{@index}}\"] ._item {\n                        {{#if style '===' 'left'}}\n                            display: grid;\n                            grid-template:\n                                \"icon text\" max-content\n                                \"icon desc\" auto\n                                / max-content minmax(min-content, max-content);\n                        {{/if}}\n                    }\n                    .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] ._icon {\n                        text-align: {{align.desktop}};\n                        {{#if style '===' 'left'}}\n                            margin-right: 1.5rem;\n                            grid-area: icon;\n                        {{/if}}\n                    }\n                    .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] ._heading {\n                        text-align: {{align.desktop}};\n                        {{#if style '===' 'left'}}\n                            margin-top: 0;\n                            grid-area: text;\n                        {{else if style '===' 'circle'}}\n                            margin-top: 0;\n                        {{/if}}\n                        {{#if textStyle '===' 'custom'}}\n                            font-size: {{fontSize.value}}{{fontSize.type}}{{#if useImportant}} !important{{/if}};\n                        {{else}}\n                            font-size: inherit;\n                        {{/if}}\n                    }\n                    .beautify__calloutIcons-{{../_.id}} [data-index=\"{{@index}}\"] ._desc {\n                        text-align: {{align.desktop}};\n                        {{#if style '===' 'left'}}\n                            grid-area: desc;\n                        {{/if}}\n                        {{#if descStyle '===' 'custom'}}\n                            font-size: {{descFontSize.value}}{{descFontSize.type}}{{#if descUseImportant}} !important{{/if}};\n                        {{else}}\n                            font-size: inherit;\n                        {{/if}}\n                    }\n                }\n            {{/each}}\n        </style>\n        <div class=\"beautify__calloutIcons beautify__calloutIcons-{{_.id}}\" id=\"beautify__calloutIcons-{{_.id}}\">\n            {{#any items useContainer=true}}\n                <div class=\"container\">\n            {{/any}}\n                    <div class=\"_row\">\n                        {{#each items}}\n                            <div class=\"_col\" data-index=\"{{@index}}\">\n                                <div class=\"_item _item--style-{{style}}\" {{#if link}}data-link=\"{{link}}\" role=\"button\" tabindex=\"0\"{{/if}}>\n                                    <div class=\"_icon\">\n                                        <div class=\"_icon-aspect\">\n                                            {{#if icon '==' 'chat'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-chat\"></use></svg>\n                                            {{else if icon '==' 'clock'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-clock\"></use></svg>\n                                            {{else if icon '==' 'vehicle'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-vehicle\"></use></svg>\n                                            {{else if icon '==' 'cart'}}\n                                            <svg><use xlink:href=\"#papathemes-widget-icon-cart\"></use></svg>\n                                            {{else if icon '==' 'phone'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-phone\"></use></svg>\n                                            {{else if icon '==' 'phone2'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-phone2\"></use></svg>\n                                            {{else if icon '==' 'irish'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-irish\"></use></svg>\n                                            {{else if icon '==' 'secure-shopping'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-secure-shopping\"></use></svg>\n                                            {{else if icon '==' 'person'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-person\"></use></svg>\n                                            {{else if icon '==' 'box'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-box\"></use></svg>\n                                            {{else if icon '==' 'loyalty'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-loyalty\"></use></svg>\n                                            {{else if icon '==' 'prize'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-prize\"></use></svg>\n                                            {{else if icon '==' 'headache'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-headache\"></use></svg>\n                                            {{else if icon '==' 'sprain'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-sprain\"></use></svg>\n                                            {{else if icon '==' 'focus'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-focus\"></use></svg>\n                                            {{else if icon '==' 'immunity'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-immunity\"></use></svg>\n                                            {{else if icon '==' 'biceps'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-biceps\"></use></svg>\n                                            {{else if icon '==' 'sleep'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-sleep\"></use></svg>\n                                            {{else if icon '==' 'pijamas'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-pijamas\"></use></svg>\n                                            {{else if icon '==' 'running'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-running\"></use></svg>\n                                            {{else if icon '==' 'helmet'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-helmet\"></use></svg>\n                                            {{else if icon '==' 'life-vest'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-life-vest\"></use></svg>\n                                            {{else if icon '==' 'grill'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-grill\"></use></svg>\n                                            {{else if icon '==' 'camera'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-camera\"></use></svg>\n                                            {{else if icon '==' 'cleaner-vacuum'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-cleaner-vacuum\"></use></svg>\n                                            {{else if icon '==' 'computer-technology'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-computer-technology\"></use></svg>\n                                            {{else if icon '==' 'cooker'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-cooker\"></use></svg>\n                                            {{else if icon '==' 'dishwasher'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-dishwasher\"></use></svg>\n                                            {{else if icon '==' 'electric-fryer'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-electric-fryer\"></use></svg>\n                                            {{else if icon '==' 'fan'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-fan\"></use></svg>\n                                            {{else if icon '==' 'hairdryer'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-hairdryer\"></use></svg>\n                                            {{else if icon '==' 'heater'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-heater\"></use></svg>\n                                            {{else if icon '==' 'house-washing'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-house-washing\"></use></svg>\n                                            {{else if icon '==' 'iron'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-iron\"></use></svg>\n                                            {{else if icon '==' 'lamp'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-lamp\"></use></svg>\n                                            {{else if icon '==' 'microwave'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-microwave\"></use></svg>\n                                            {{else if icon '==' 'refrigerator'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-refrigerator\"></use></svg>\n                                            {{else if icon '==' 'air-conditioner'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-air-conditioner\"></use></svg>\n                                            {{else if icon '==' 'circuit-board'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-circuit-board\"></use></svg>\n                                            {{else if icon '==' 'camera2'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-camera2\"></use></svg>\n                                            {{else if icon '==' 'vehicle2'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-vehicle2\"></use></svg>\n                                            {{else if icon '==' 'support'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-support\"></use></svg>\n                                            {{else if icon '==' 'service'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-service\"></use></svg>\n                                            {{else if icon '==' 'award'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-award\"></use></svg>\n                                            {{else if icon '==' 'home'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-home\"></use></svg>\n                                            {{else if icon '==' 'finance'}}\n                                                <svg><use xlink:href=\"#papathemes-widget-icon-finance\"></use></svg>\n                                            {{else if icon '==' 'custom'}}\n                                                {{{iconContent}}}\n                                            {{else if icon '==' 'image'}}\n                                                <img src=\"{{iconImage.src}}\" alt=\"{{iconImage.alt}}\">\n                                            {{/if}}\n                                        </div>\n                                    </div>\n                                    {{#if textVisibility '==' 'show'}}\n                                        <div class=\"_heading\" data-editable-content=\"items.{{@index}}.text\">{{{text}}}</div>\n                                    {{/if}}\n                                    {{#if descVisibility '==' 'show'}}\n                                        <div class=\"_desc\" data-editable-content=\"items.{{@index}}.desc\">{{{desc}}}</div>\n                                    {{/if}}\n                                </div>\n                            </div>\n                        {{/each}}\n                    </div>\n            {{#any items useContainer=true}}\n                </div>\n            {{/any}}\n        </div>\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapaThemesBeautifyWidgetCalloutIcons = window.PapaThemesBeautifyWidgetCalloutIcons || [];\n                window.PapaThemesBeautifyWidgetCalloutIcons.push({\n                    elementId: 'beautify__calloutIcons-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{{json .}}},\n                    iconUrl: 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/callout-icons.svg'\n                });\n            })();\n        </script>\n        <script nonce=\"{{nonce}}\" src=\"https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/callout-icons.js\" async defer></script>\n    <!-- ###VERSION:1.0.0### -->",
      "date_created": "2025-01-11T01:33:50.296Z",
      "date_modified": "2025-04-02T08:53:53.037Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "b4980c39-7520-47f2-ae24-32ad7a0fc0f4",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "f4173596-9380-426f-8ea4-9b35847c1bd5",
      "name": "Leaderboard Banner | PapaThemes Beautify",
      "schema": [
        {
          "type": "hidden",
          "settings": [
            {
              "id": "heading",
              "default": "Today Offer"
            },
            {
              "id": "text",
              "default": "New beauty under $15. Get the latest from Beautify Collection."
            },
            {
              "id": "buttonText",
              "default": "Shop Now"
            }
          ]
        },
        {
          "type": "tab",
          "label": "Design",
          "sections": [
            {
              "label": "Banner",
              "settings": [
                {
                  "type": "input",
                  "label": "Banner link",
                  "id": "bannerLink",
                  "default": "",
                  "typeMeta": {
                    "placeholder": "https://"
                  }
                },
                {
                  "type": "alignment",
                  "label": "Content align",
                  "id": "contentAlignment",
                  "default": {
                    "horizontal": "left",
                    "vertical": "middle"
                  },
                  "typeMeta": {
                    "display": "both"
                  }
                },
                {
                  "type": "number",
                  "label": "Banner height",
                  "id": "containerHeight",
                  "default": {
                    "value": 240,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "number",
                  "label": "Banner height (mobile)",
                  "id": "containerHeightMobile",
                  "default": {
                    "value": 240,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "color",
                  "label": "Background color",
                  "id": "backgroundColor",
                  "default": "#f2f2f2"
                },
                {
                  "type": "imageManager",
                  "label": "Image",
                  "id": "imageUrl",
                  "default": {
                    "src": "https://cdn11.bigcommerce.com/s-3gri24oh2r/product_images/uploaded_images/cosmetics-leaderboard-banner.jpg",
                    "type": "IMAGE_MANAGER"
                  }
                },
                {
                  "type": "imageManager",
                  "label": "Image (mobile)",
                  "id": "imageUrlMobile",
                  "default": {
                    "src": "",
                    "type": "IMAGE_MANAGER"
                  }
                },
                {
                  "type": "input",
                  "label": "Image alt text",
                  "id": "imageAlt",
                  "default": ""
                },
                {
                  "type": "select",
                  "label": "Image fit",
                  "id": "imageFit",
                  "default": "fill",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Fill to box",
                        "value": "fill"
                      },
                      {
                        "label": "Fit to box",
                        "value": "fit"
                      }
                    ]
                  }
                },
                {
                  "type": "boolean",
                  "label": "Lazy-Load?",
                  "id": "imageLazyload",
                  "default": true
                },
                {
                  "type": "boolean",
                  "label": "Parallax?",
                  "id": "parallax",
                  "default": false
                },
                {
                  "type": "boolean",
                  "label": "Display in container div",
                  "id": "useContainer",
                  "default": true
                }
              ]
            },
            {
              "label": "Heading",
              "settings": [
                {
                  "type": "visibility",
                  "label": "Show heading",
                  "id": "headingVisible",
                  "default": "show"
                },
                {
                  "type": "typography",
                  "label": "Heading style",
                  "id": "headingStyle",
                  "default": "default"
                },
                {
                  "type": "select",
                  "label": "Font family",
                  "id": "headingFontFamily",
                  "default": "inherit",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Theme Default",
                        "value": "inherit"
                      },
                      {
                        "label": "Arial",
                        "value": "Arial, sans-serif"
                      },
                      {
                        "label": "Tahoma",
                        "value": "Tahoma, sans-serif"
                      },
                      {
                        "label": "Verdana",
                        "value": "Verdana, sans-serif"
                      },
                      {
                        "label": "Lucida",
                        "value": "Lucida, sans-serif"
                      },
                      {
                        "label": "Times New Roman",
                        "value": "Times New Roman, serif"
                      },
                      {
                        "label": "Courier",
                        "value": "Courier, serif"
                      },
                      {
                        "label": "Georgia",
                        "value": "Georgia, serif"
                      },
                      {
                        "label": "Palatino",
                        "value": "Palatino, serif"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "headingStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Font weight",
                  "id": "headingFontWeight",
                  "default": "400",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Thin",
                        "value": "100"
                      },
                      {
                        "label": "Extra Light (Ultra Light)",
                        "value": "200"
                      },
                      {
                        "label": "Light",
                        "value": "300"
                      },
                      {
                        "label": "Normal",
                        "value": "400"
                      },
                      {
                        "label": "Medium",
                        "value": "500"
                      },
                      {
                        "label": "Semi Bold (Demi Bold)",
                        "value": "600"
                      },
                      {
                        "label": "Bold",
                        "value": "700"
                      },
                      {
                        "label": "Extra Bold (Ultra Bold)",
                        "value": "800"
                      },
                      {
                        "label": "Black (Heavy)",
                        "value": "900"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "headingStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Font size",
                  "id": "headingFontSize",
                  "default": {
                    "value": 30,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  },
                  "conditional": {
                    "key": "headingStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Heading color",
                  "id": "headingColor",
                  "default": "#1a1a1a"
                },
                {
                  "type": "color",
                  "label": "Heading color (mobile)",
                  "id": "mobileHeadingColor",
                  "default": "#1a1a1a"
                }
              ]
            },
            {
              "label": "Text",
              "settings": [
                {
                  "type": "visibility",
                  "label": "Show description",
                  "id": "descriptionVisible",
                  "default": "show"
                },
                {
                  "type": "typography",
                  "label": "Description style",
                  "id": "descriptionStyle",
                  "default": "default"
                },
                {
                  "type": "select",
                  "label": "Font family",
                  "id": "descriptionFontFamily",
                  "default": "inherit",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Theme Default",
                        "value": "inherit"
                      },
                      {
                        "label": "Arial",
                        "value": "Arial, sans-serif"
                      },
                      {
                        "label": "Tahoma",
                        "value": "Tahoma, sans-serif"
                      },
                      {
                        "label": "Verdana",
                        "value": "Verdana, sans-serif"
                      },
                      {
                        "label": "Lucida",
                        "value": "Lucida, sans-serif"
                      },
                      {
                        "label": "Times New Roman",
                        "value": "Times New Roman, serif"
                      },
                      {
                        "label": "Courier",
                        "value": "Courier, serif"
                      },
                      {
                        "label": "Georgia",
                        "value": "Georgia, serif"
                      },
                      {
                        "label": "Palatino",
                        "value": "Palatino, serif"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "descriptionStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Font weight",
                  "id": "descriptionFontWeight",
                  "default": "400",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Thin",
                        "value": "100"
                      },
                      {
                        "label": "Extra Light (Ultra Light)",
                        "value": "200"
                      },
                      {
                        "label": "Light",
                        "value": "300"
                      },
                      {
                        "label": "Normal",
                        "value": "400"
                      },
                      {
                        "label": "Medium",
                        "value": "500"
                      },
                      {
                        "label": "Semi Bold (Demi Bold)",
                        "value": "600"
                      },
                      {
                        "label": "Bold",
                        "value": "700"
                      },
                      {
                        "label": "Extra Bold (Ultra Bold)",
                        "value": "800"
                      },
                      {
                        "label": "Black (Heavy)",
                        "value": "900"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "descriptionStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Font size",
                  "id": "descriptionFontSize",
                  "default": {
                    "value": 20,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  },
                  "conditional": {
                    "key": "descriptionStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Text color",
                  "id": "textColor",
                  "default": "#1a1a1a"
                },
                {
                  "type": "color",
                  "label": "Text color (mobile)",
                  "id": "mobileTextColor",
                  "default": "#1a1a1a"
                }
              ]
            },
            {
              "label": "Button",
              "settings": [
                {
                  "type": "visibility",
                  "label": "Button",
                  "id": "buttonVisible",
                  "default": "show"
                },
                {
                  "type": "typography",
                  "label": "Button style",
                  "id": "buttonStyle",
                  "default": "default"
                },
                {
                  "type": "select",
                  "label": "Font family",
                  "id": "buttonFontFamily",
                  "default": "inherit",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Theme Default",
                        "value": "inherit"
                      },
                      {
                        "label": "Arial",
                        "value": "Arial, sans-serif"
                      },
                      {
                        "label": "Tahoma",
                        "value": "Tahoma, sans-serif"
                      },
                      {
                        "label": "Verdana",
                        "value": "Verdana, sans-serif"
                      },
                      {
                        "label": "Lucida",
                        "value": "Lucida, sans-serif"
                      },
                      {
                        "label": "Times New Roman",
                        "value": "Times New Roman, serif"
                      },
                      {
                        "label": "Courier",
                        "value": "Courier, serif"
                      },
                      {
                        "label": "Georgia",
                        "value": "Georgia, serif"
                      },
                      {
                        "label": "Palatino",
                        "value": "Palatino, serif"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "buttonStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Button radius",
                  "id": "buttonRadius",
                  "default": {
                    "value": 4,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  },
                  "conditional": {
                    "key": "buttonStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Button color",
                  "id": "buttonColor",
                  "default": "#de7bce",
                  "conditional": {
                    "key": "buttonStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Button color hover",
                  "id": "buttonColorHover",
                  "default": "#391271",
                  "conditional": {
                    "key": "buttonStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Button text color",
                  "id": "buttonTextColor",
                  "default": "#ffffff",
                  "conditional": {
                    "key": "buttonStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Button text color hover",
                  "id": "buttonTextColorHover",
                  "default": "#ffffff",
                  "conditional": {
                    "key": "buttonStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                }
              ]
            },
            {
              "label": "Advanced",
              "settings": [
                {
                  "type": "select",
                  "label": "Style for theme",
                  "id": "themeName",
                  "default": "custom",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Kitchenary",
                        "value": "kitchenary"
                      },
                      {
                        "label": "Other Themes",
                        "value": "custom"
                      }
                    ]
                  }
                },
                {
                  "type": "input",
                  "label": "Your theme name",
                  "id": "themeNameCustom",
                  "default": "",
                  "conditional": {
                    "key": "themeName",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <style>\n            .beautify__homeWideBanner-{{_.id}} {\n                --image-height: {{containerHeight.value}}{{containerHeight.type}};\n                --image-height-mobile: {{containerHeightMobile.value}}{{containerHeightMobile.type}};\n                --image: url({{imageUrl.src}});\n                --image-mobile: url({{imageUrlMobile.src}});\n                --background-color: {{backgroundColor}};\n            }\n            .beautify__homeWideBanner-{{_.id}} .container {\n                position: relative;\n            }\n            .beautify__homeWideBanner-{{_.id}} ._box {\n                display: flex;\n                position: relative;\n                border-radius: {{buttonRadius.value}}{{buttonRadius.type}};\n                background-color: {{backgroundColor}};\n                overflow: hidden;\n                align-items: {{#if contentAlignment.vertical '==' 'middle'}}center{{else if contentAlignment.vertical '==' 'top'}}flex-start{{else}}flex-end{{/if}};\n            }\n            .beautify__homeWideBanner-{{_.id}} ._imgContainer {\n                position: relative;\n                overflow: hidden;\n                background-color: {{backgroundColor}};\n                height: 100%;\n                {{#if parallax}}\n                    background-image: url({{imageUrl.src}});\n                    background-repeat: no-repeat;\n                    background-size: {{#if imageFit '==' 'fill'}}cover{{else}}contain{{/if}};\n                    background-attachment: fixed;\n                    background-position: center center;\n                {{/if}}\n            }\n            .beautify__homeWideBanner-{{_.id}} ._imgContainer img {\n                width: 100%;\n                height: 100%;\n                object-fit: {{#if imageFit '==' 'fill'}}cover{{else}}contain{{/if}};\n                font-family: \"object-fit: {{#if imageFit '==' 'fill'}}cover{{else}}contain{{/if}}\";\n                object-position:\n                    {{#if contentAlignment.vertical '==' 'middle'}}center{{else}}{{contentAlignment.vertical}}{{/if}}\n                    {{contentAlignment.horizontal}};\n                {{#if parallax}}\n                    visibility: hidden;\n                {{/if}}\n            }\n            .beautify__homeWideBanner-{{_.id}} .button {\n                margin: 0;\n                {{#if buttonStyle '==' 'custom'}}\n                    font-family: {{buttonFontFamily}};\n                    border-radius: {{buttonRadius.value}}{{buttonRadius.type}};\n                    background-color: {{buttonColor}};\n                    border-color: {{buttonColor}};\n                    color: {{buttonTextColor}};\n                {{/if}}\n            }\n            .beautify__homeWideBanner-{{_.id}} .button:hover,\n            .beautify__homeWideBanner-{{_.id}} .button:focus {\n                {{#if buttonStyle '==' 'custom'}}\n                    background-color: {{buttonColorHover}};\n                    border-color: {{buttonColorHover}};\n                    color: {{buttonTextColorHover}};\n                {{/if}}\n            }\n            .beautify__homeWideBanner-{{_.id}} ._heading {\n                color: {{headingColor}};\n                margin: 0 0 .75rem;\n                {{#if headingStyle '==' 'custom'}}\n                    font-family: {{headingFontFamily}};\n                    font-weight: {{headingFontWeight}};\n                    font-size: {{headingFontSize.value}}{{headingFontSize.type}};\n                {{/if}}\n            }\n            .beautify__homeWideBanner-{{_.id}} ._description {\n                color: {{textColor}};\n                margin: 0 0 1rem;\n                {{#if descriptionStyle '==' 'custom'}}\n                    font-family: {{descriptionFontFamily}};\n                    font-weight: {{descriptionFontWeight}};\n                    font-size: {{descriptionFontSize.value}}{{descriptionFontSize.type}};\n                {{/if}}\n            }\n\n            @media (max-width: 800px) {\n                .beautify__homeWideBanner-{{_.id}} ._box {\n                    min-height: {{containerHeightMobile.value}}{{containerHeightMobile.type}};\n                }\n                .beautify__homeWideBanner-{{_.id}} ._imgContainer {\n                    position: absolute;\n                    left: 0;\n                    right: 0;\n                    width: 100%;\n                    {{#and parallax imageUrlMobile.src}}\n                        background-image: url({{imageUrlMobile.src}});\n                    {{/and}}\n                }\n                .beautify__homeWideBanner-{{_.id}} ._imgContainer img {\n                    opacity: .2;\n                }\n                {{#if imageUrlMobile.src}}\n                    .beautify__homeWideBanner-{{_.id}} ._imgContainer img:not(._mobile) {\n                        display: none;\n                    }\n                {{/if}}\n                .beautify__homeWideBanner-{{_.id}} ._imgContainer img.lazyload,\n                .beautify__homeWideBanner-{{_.id}} ._imgContainer img.lazyloading {\n                    max-height: {{containerHeightMobile.value}}{{containerHeightMobile.type}};\n                }\n                .beautify__homeWideBanner-{{_.id}} ._content {\n                    position: relative;\n                    padding: 1.5rem;\n                    text-align: {{contentAlignment.horizontal}};\n                }\n                .beautify__homeWideBanner-{{_.id}} ._description {\n                    color: {{mobileTextColor}};\n                }\n                .beautify__homeWideBanner-{{_.id}} ._heading {\n                    color: {{mobileHeadingColor}};\n                }\n            }\n            @media (min-width: 801px) {\n                .beautify__homeWideBanner-{{_.id}} ._box {\n                    min-height: {{containerHeight.value}}{{containerHeight.type}};\n                }\n                .beautify__homeWideBanner-{{_.id}} ._imgContainer {\n                    {{#if contentAlignment.horizontal '!=' 'center'}}\n                        width: 50%;\n                    {{/if}}\n                    {{#if contentAlignment.horizontal '==' 'right'}}\n                        order: 2;\n                    {{else if contentAlignment.horizontal '==' 'center'}}\n                        position: absolute;\n                        left: 0;\n                        right: 0;\n                        margin: auto;\n                    {{/if}}\n                }\n                .beautify__homeWideBanner-{{_.id}} ._imgContainer img {\n                    min-height: {{containerHeight.value}}{{containerHeight.type}};\n                }\n                .beautify__homeWideBanner-{{_.id}} ._imgContainer img._mobile {\n                    display: none;\n                }\n                .beautify__homeWideBanner-{{_.id}} ._imgContainer img.lazyload,\n                .beautify__homeWideBanner-{{_.id}} ._imgContainer img.lazyloading {\n                    max-height: {{containerHeight.value}}{{containerHeight.type}};\n                }\n                .beautify__homeWideBanner-{{_.id}} ._content {\n                    padding: 3rem;\n                    {{#if contentAlignment.horizontal '==' 'left'}}\n                        width: 50%;\n                        text-align: left;\n                    {{else if contentAlignment.horizontal '==' 'right'}}\n                        width: 50%;\n                        order: 1;\n                        text-align: right;\n                    {{else}}\n                        width: 100%;\n                        text-align: center;\n                        position: relative;\n                    {{/if}}\n                }\n            }\n        </style>\n        <div class=\"beautify__homeWideBanner beautify__homeWideBanner-{{_.id}}\" id=\"beautify__homeWideBanner-{{_.id}}\"\n            data-test-theme=\"{{#if themeName '!=' 'custom'}}{{themeName}}{{else}}{{themeNameCustom}}{{/if}}\"\n            data-test-content-alignment-horizontal=\"{{contentAlignment.horizontal}}\"\n        >\n            {{#if useContainer}}\n                <div class=\"container\">\n            {{/if}}\n                    <div class=\"_box\">\n                        <div class=\"_imgContainer\">\n                            {{#if imageUrl}}\n                                <img alt=\"{{imageAlt}}\"\n                                    {{#if imageLazyload}}\n                                        class=\"lazyload\" src=\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='{{containerHeight.value}}' height='{{containerHeight.value}}'%3E%3C/svg%3E\" data-src=\"{{imageUrl.src}}\" data-sizes=\"auto\"\n                                    {{else}}\n                                        src=\"{{imageUrl.src}}\"\n                                    {{/if}}\n                                >\n                            {{/if}}\n                            {{#if imageUrlMobile}}\n                                <img alt=\"{{imageAlt}}\"\n                                    {{#if imageLazyload}}\n                                        class=\"lazyload _mobile\" src=\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='{{containerHeight.value}}' height='{{containerHeight.value}}'%3E%3C/svg%3E\" data-src=\"{{imageUrlMobile.src}}\" data-sizes=\"auto\"\n                                    {{else}}\n                                        src=\"{{imageUrlMobile.src}}\"\n                                    {{/if}}\n                                >\n                            {{/if}}\n                        </div>\n                        <div class=\"_content\">\n                            {{#if headingVisible '===' 'show'}}\n                                <p class=\"_heading\" data-editable-content=\"heading\">{{{heading}}}</p>\n                            {{/if}}\n                            {{#if descriptionVisible '===' 'show'}}\n                                <div class=\"_description\" data-editable-content=\"text\">{{{text}}}</div>\n                            {{/if}}\n                            {{#if buttonVisible '===' 'show'}}\n                                <p><a href=\"{{bannerLink}}\" data-disable-link class=\"button {{#if buttonStyle '==' 'default'}}button--primary{{/if}}\" data-editable-content=\"buttonText\">{{buttonText}}</a></p>\n                            {{/if}}\n                        </div>\n                    </div>\n            {{#if useContainer}}\n                </div>\n            {{/if}}\n        </div>\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapaThemesBeautifyWidgetLeaderboardBanner = window.PapaThemesBeautifyWidgetLeaderboardBanner || [];\n                window.PapaThemesBeautifyWidgetLeaderboardBanner.push({\n                    elementId: 'beautify__homeWideBanner-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{{json .}}}\n                });\n            })();\n        </script>\n        <script nonce=\"{{nonce}}\" src=\"https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/leaderboard-banner.js\" async defer></script>\n    <!-- ###VERSION:1.0.0### -->",
      "date_created": "2025-01-11T01:33:52.381Z",
      "date_modified": "2025-04-02T08:53:53.941Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "55602cfc-6d05-4334-8399-726ddf3cf1ce",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "55b02c63-75f5-4c49-b694-2108b5a3f7fc",
      "name": "Flex Banners | PapaThemes Beautify",
      "schema": [
        {
          "type": "tab",
          "label": "Settings",
          "sections": [
            {
              "label": "General",
              "settings": [
                {
                  "type": "element",
                  "label": "Padding",
                  "id": "padding",
                  "typeMeta": {
                    "controls": {
                      "advanced": {
                        "label": "Padding",
                        "settings": [
                          {
                            "type": "boxModel",
                            "label": "Desktop",
                            "id": "desktop",
                            "default": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "0",
                                "type": "px"
                              },
                              "right": {
                                "value": "0",
                                "type": "px"
                              }
                            }
                          },
                          {
                            "type": "boxModel",
                            "label": "Tablet",
                            "id": "tablet",
                            "default": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "0",
                                "type": "px"
                              },
                              "right": {
                                "value": "0",
                                "type": "px"
                              }
                            }
                          },
                          {
                            "type": "boxModel",
                            "label": "Mobile",
                            "id": "mobile",
                            "default": {
                              "top": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "0",
                                "type": "px"
                              },
                              "left": {
                                "value": "0",
                                "type": "px"
                              },
                              "right": {
                                "value": "0",
                                "type": "px"
                              }
                            }
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Row wrap",
                  "id": "flexNoWrap",
                  "typeMeta": {
                    "controls": {
                      "advanced": {
                        "label": "Row wrap",
                        "settings": [
                          {
                            "type": "boolean",
                            "label": "Row no wrap on desktop",
                            "id": "desktop",
                            "default": false
                          },
                          {
                            "type": "boolean",
                            "label": "Row no wrap on table",
                            "id": "table",
                            "default": false
                          },
                          {
                            "type": "boolean",
                            "label": "Row no wrap on mobile",
                            "id": "mobile",
                            "default": false
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "select",
                  "label": "Style for theme",
                  "id": "themeName",
                  "default": "custom",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Beautify Grocery",
                        "value": "beautify_grocery"
                      },
                      {
                        "label": "Beautify Furniture",
                        "value": "beautify_furniture"
                      },
                      {
                        "label": "Kansha Sport",
                        "value": "kansha-sport"
                      },
                      {
                        "label": "Kitchenary",
                        "value": "kitchenary"
                      },
                      {
                        "label": "Other Themes",
                        "value": "custom"
                      }
                    ]
                  }
                },
                {
                  "type": "input",
                  "label": "Your theme name",
                  "id": "themeNameCustom",
                  "default": "",
                  "conditional": {
                    "key": "themeName",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "boolean",
                  "label": "Display banners in container div",
                  "id": "useContainer",
                  "default": true
                },
                {
                  "type": "boolean",
                  "label": "Display content overlaying banner on mobile",
                  "id": "contentOverlayMobile",
                  "default": false
                }
              ]
            },
            {
              "label": "Background",
              "settings": [
                {
                  "type": "color",
                  "label": "Color",
                  "id": "bgColor"
                },
                {
                  "type": "imageManager",
                  "label": "Image (Desktop)",
                  "id": "bgImgUrl",
                  "default": {
                    "src": ""
                  }
                },
                {
                  "type": "imageManager",
                  "label": "Image (Tablet)",
                  "id": "bgImgUrlTablet",
                  "default": {
                    "src": ""
                  }
                },
                {
                  "type": "imageManager",
                  "label": "Image (Mobile)",
                  "id": "bgImgUrlMobile",
                  "default": {
                    "src": ""
                  }
                },
                {
                  "type": "select",
                  "label": "Background fit",
                  "id": "bgFit",
                  "default": "cover",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Fill",
                        "value": "cover"
                      },
                      {
                        "label": "Fit",
                        "value": "contain"
                      },
                      {
                        "label": "Stretch",
                        "value": "stretch"
                      }
                    ]
                  }
                }
              ]
            },
            {
              "label": "Carousel",
              "settings": [
                {
                  "type": "element",
                  "label": "Enable carousel",
                  "id": "carousel",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "hide"
                      },
                      "advanced": {
                        "label": "Carousel settings",
                        "settings": [
                          {
                            "type": "number",
                            "label": "Items per slide",
                            "id": "slidesToShow",
                            "default": {
                              "value": 6,
                              "type": ""
                            }
                          },
                          {
                            "type": "number",
                            "label": "Items per slide (Tablet)",
                            "id": "slidesToShowTablet",
                            "default": {
                              "value": 4,
                              "type": ""
                            }
                          },
                          {
                            "type": "number",
                            "label": "Items per slide (Mobile)",
                            "id": "slidesToShowMobile",
                            "default": {
                              "value": 2,
                              "type": ""
                            }
                          },
                          {
                            "type": "boolean",
                            "label": "Autoplay",
                            "id": "autoplay",
                            "default": false
                          },
                          {
                            "type": "number",
                            "label": "Autoplay speed",
                            "id": "autoplaySpeed",
                            "default": {
                              "value": 3000,
                              "type": ""
                            },
                            "conditional": {
                              "key": "autoplay",
                              "operator": "IN",
                              "value": [
                                true
                              ]
                            }
                          },
                          {
                            "type": "boolean",
                            "label": "Show arrows",
                            "id": "arrows",
                            "default": true
                          },
                          {
                            "type": "boolean",
                            "label": "Show dots",
                            "id": "dots",
                            "default": true
                          }
                        ]
                      }
                    }
                  }
                }
              ]
            }
          ]
        },
        {
          "type": "array",
          "label": "Banners",
          "id": "items",
          "defaultCount": 2,
          "entryLabel": "Banner",
          "thumbnail": {
            "type": "image",
            "valueKey": "imageUrl.src"
          },
          "schema": [
            {
              "type": "tab",
              "label": "Content",
              "sections": [
                {
                  "label": "Image",
                  "settings": [
                    {
                      "type": "imageManager",
                      "label": "Image",
                      "id": "imageUrl",
                      "default": {
                        "src": "https://cdn11.bigcommerce.com/s-3gri24oh2r/product_images/uploaded_images/cosmetics-flex-banner-1.jpg",
                        "type": "IMAGE_MANAGER"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Image width",
                      "id": "width",
                      "default": {
                        "value": 610,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Image height",
                      "id": "height",
                      "default": {
                        "value": 610,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    },
                    {
                      "type": "visibility",
                      "label": "Show different image on mobile",
                      "id": "mobileImageVisibility",
                      "default": "hide"
                    },
                    {
                      "type": "imageManager",
                      "label": "Image (Mobile)",
                      "id": "mobileImageUrl",
                      "default": {
                        "src": "https://cdn11.bigcommerce.com/s-3gri24oh2r/product_images/uploaded_images/cosmetics-flex-banner-1.jpg",
                        "type": "IMAGE_MANAGER"
                      },
                      "conditional": {
                        "key": "mobileImageVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    },
                    {
                      "type": "number",
                      "label": "Image width (Mobile)",
                      "id": "mobileWidth",
                      "default": {
                        "value": 610,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      },
                      "conditional": {
                        "key": "mobileImageVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    },
                    {
                      "type": "number",
                      "label": "Image height (Mobile)",
                      "id": "mobileHeight",
                      "default": {
                        "value": 610,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      },
                      "conditional": {
                        "key": "mobileImageVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    },
                    {
                      "type": "input",
                      "label": "Image alt text",
                      "id": "imageAlt",
                      "default": ""
                    },
                    {
                      "type": "select",
                      "label": "Image fit",
                      "id": "imageFit",
                      "default": "fill",
                      "typeMeta": {
                        "selectOptions": [
                          {
                            "label": "Fill to box",
                            "value": "fill"
                          },
                          {
                            "label": "Fit to box",
                            "value": "fit"
                          }
                        ]
                      }
                    },
                    {
                      "type": "boolean",
                      "label": "Lazy-Load?",
                      "id": "lazyload",
                      "default": true
                    },
                    {
                      "type": "input",
                      "label": "Video URL (.mp4): Use third-party storage like Cloudflare R2 Free instead of WebDAV for Safari compatibility. Upload your video and paste the URL here.",
                      "id": "video",
                      "default": "",
                      "typeMeta": {
                        "placeholder": "https://"
                      }
                    },
                    {
                      "type": "select",
                      "label": "Show video",
                      "id": "showVideo",
                      "default": "hover",
                      "typeMeta": {
                        "selectOptions": [
                          {
                            "label": "Always: Automatically play when page loads.",
                            "value": "always"
                          },
                          {
                            "label": "Hover: Play on mouse hover (desktop) or touch (mobile).",
                            "value": "hover"
                          },
                          {
                            "label": "In Viewport: Play when visible on screen.",
                            "value": "viewport"
                          }
                        ]
                      }
                    },
                    {
                      "type": "boolean",
                      "label": "Hide video when paused",
                      "id": "hideVideoWhenPaused",
                      "default": true
                    },
                    {
                      "type": "number",
                      "label": "Border radius",
                      "id": "borderRadius",
                      "default": {
                        "value": 8,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    },
                    {
                      "type": "input",
                      "label": "Link",
                      "id": "link",
                      "default": "",
                      "typeMeta": {
                        "placeholder": "https://"
                      }
                    }
                  ]
                },
                {
                  "label": "Content",
                  "settings": [
                    {
                      "type": "hidden",
                      "id": "text",
                      "default": "NEW IN"
                    },
                    {
                      "type": "hidden",
                      "id": "descriptionText",
                      "default": "Dinning Room & Kitchen"
                    },
                    {
                      "type": "hidden",
                      "id": "buttonText",
                      "default": "SHOW NOW"
                    },
                    {
                      "type": "alignment",
                      "label": "Content align",
                      "id": "contentAlignment",
                      "default": {
                        "horizontal": "left",
                        "vertical": "top"
                      },
                      "typeMeta": {
                        "display": "both"
                      }
                    },
                    {
                      "type": "boxModel",
                      "label": "Content padding",
                      "id": "contentPadding",
                      "default": {
                        "top": {
                          "value": "40",
                          "type": "px"
                        },
                        "bottom": {
                          "value": "40",
                          "type": "px"
                        },
                        "left": {
                          "value": "36",
                          "type": "px"
                        },
                        "right": {
                          "value": "36",
                          "type": "px"
                        }
                      }
                    },
                    {
                      "type": "color",
                      "label": "Content background",
                      "id": "contentBgColor",
                      "default": "transparent"
                    },
                    {
                      "type": "boxModel",
                      "label": "Content padding (Tablet)",
                      "id": "contentPaddingTablet",
                      "default": {
                        "top": {
                          "value": "40",
                          "type": "px"
                        },
                        "bottom": {
                          "value": "40",
                          "type": "px"
                        },
                        "left": {
                          "value": "36",
                          "type": "px"
                        },
                        "right": {
                          "value": "36",
                          "type": "px"
                        }
                      }
                    },
                    {
                      "type": "boxModel",
                      "label": "Content padding (Mobile)",
                      "id": "contentPaddingMobile",
                      "default": {
                        "top": {
                          "value": "10",
                          "type": "px"
                        },
                        "bottom": {
                          "value": "10",
                          "type": "px"
                        },
                        "left": {
                          "value": "15",
                          "type": "px"
                        },
                        "right": {
                          "value": "15",
                          "type": "px"
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Heading text",
                      "id": "heading",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "show"
                          },
                          "advanced": {
                            "label": "Heading text",
                            "settings": [
                              {
                                "type": "typography",
                                "label": "Text style",
                                "id": "style",
                                "default": "default",
                                "typeMeta": {
                                  "conditionalSettings": [
                                    {
                                      "condition": "custom",
                                      "settings": [
                                        {
                                          "type": "select",
                                          "label": "Font family",
                                          "id": "fontFamily",
                                          "default": "inherit",
                                          "typeMeta": {
                                            "selectOptions": [
                                              {
                                                "label": "Theme Default",
                                                "value": "inherit"
                                              },
                                              {
                                                "label": "Arial",
                                                "value": "Arial, sans-serif"
                                              },
                                              {
                                                "label": "Tahoma",
                                                "value": "Tahoma, sans-serif"
                                              },
                                              {
                                                "label": "Verdana",
                                                "value": "Verdana, sans-serif"
                                              },
                                              {
                                                "label": "Lucida",
                                                "value": "Lucida, sans-serif"
                                              },
                                              {
                                                "label": "Times New Roman",
                                                "value": "Times New Roman, serif"
                                              },
                                              {
                                                "label": "Courier",
                                                "value": "Courier, serif"
                                              },
                                              {
                                                "label": "Georgia",
                                                "value": "Georgia, serif"
                                              },
                                              {
                                                "label": "Palatino",
                                                "value": "Palatino, serif"
                                              }
                                            ]
                                          }
                                        },
                                        {
                                          "type": "select",
                                          "label": "Font weight",
                                          "id": "fontWeight",
                                          "default": "600",
                                          "typeMeta": {
                                            "selectOptions": [
                                              {
                                                "label": "Thin",
                                                "value": "100"
                                              },
                                              {
                                                "label": "Extra Light (Ultra Light)",
                                                "value": "200"
                                              },
                                              {
                                                "label": "Light",
                                                "value": "300"
                                              },
                                              {
                                                "label": "Normal",
                                                "value": "400"
                                              },
                                              {
                                                "label": "Medium",
                                                "value": "500"
                                              },
                                              {
                                                "label": "Semi Bold (Demi Bold)",
                                                "value": "600"
                                              },
                                              {
                                                "label": "Bold",
                                                "value": "700"
                                              },
                                              {
                                                "label": "Extra Bold (Ultra Bold)",
                                                "value": "800"
                                              },
                                              {
                                                "label": "Black (Heavy)",
                                                "value": "900"
                                              }
                                            ]
                                          }
                                        },
                                        {
                                          "type": "number",
                                          "label": "Font size",
                                          "id": "fontSize",
                                          "default": {
                                            "value": 30,
                                            "type": "px"
                                          },
                                          "typeMeta": {
                                            "parseType": "integer"
                                          }
                                        },
                                        {
                                          "type": "number",
                                          "label": "Font size (Mobile)",
                                          "id": "mobileFontSize",
                                          "default": {
                                            "value": 16,
                                            "type": "px"
                                          },
                                          "typeMeta": {
                                            "parseType": "integer"
                                          }
                                        },
                                        {
                                          "type": "color",
                                          "label": "Text color",
                                          "id": "fontColor",
                                          "default": "#000000"
                                        },
                                        {
                                          "type": "color",
                                          "label": "Text color hover",
                                          "id": "fontColorHover",
                                          "default": "#de7bce"
                                        },
                                        {
                                          "type": "color",
                                          "label": "Text color (Mobile)",
                                          "id": "mobileFontColor",
                                          "default": "#000000"
                                        },
                                        {
                                          "type": "color",
                                          "label": "Text color hover (Mobile)",
                                          "id": "mobileFontColorHover",
                                          "default": "#de7bce"
                                        }
                                      ]
                                    }
                                  ]
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Description text",
                      "id": "description",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "hide"
                          },
                          "advanced": {
                            "label": "Description text",
                            "settings": [
                              {
                                "type": "typography",
                                "label": "Description style",
                                "id": "style",
                                "default": "default",
                                "typeMeta": {
                                  "conditionalSettings": [
                                    {
                                      "condition": "custom",
                                      "settings": [
                                        {
                                          "type": "select",
                                          "label": "Font family",
                                          "id": "fontFamily",
                                          "default": "inherit",
                                          "typeMeta": {
                                            "selectOptions": [
                                              {
                                                "label": "Theme Default",
                                                "value": "inherit"
                                              },
                                              {
                                                "label": "Arial",
                                                "value": "Arial, sans-serif"
                                              },
                                              {
                                                "label": "Tahoma",
                                                "value": "Tahoma, sans-serif"
                                              },
                                              {
                                                "label": "Verdana",
                                                "value": "Verdana, sans-serif"
                                              },
                                              {
                                                "label": "Lucida",
                                                "value": "Lucida, sans-serif"
                                              },
                                              {
                                                "label": "Times New Roman",
                                                "value": "Times New Roman, serif"
                                              },
                                              {
                                                "label": "Courier",
                                                "value": "Courier, serif"
                                              },
                                              {
                                                "label": "Georgia",
                                                "value": "Georgia, serif"
                                              },
                                              {
                                                "label": "Palatino",
                                                "value": "Palatino, serif"
                                              }
                                            ]
                                          }
                                        },
                                        {
                                          "type": "select",
                                          "label": "Font weight",
                                          "id": "fontWeight",
                                          "default": "600",
                                          "typeMeta": {
                                            "selectOptions": [
                                              {
                                                "label": "Thin",
                                                "value": "100"
                                              },
                                              {
                                                "label": "Extra Light (Ultra Light)",
                                                "value": "200"
                                              },
                                              {
                                                "label": "Light",
                                                "value": "300"
                                              },
                                              {
                                                "label": "Normal",
                                                "value": "400"
                                              },
                                              {
                                                "label": "Medium",
                                                "value": "500"
                                              },
                                              {
                                                "label": "Semi Bold (Demi Bold)",
                                                "value": "600"
                                              },
                                              {
                                                "label": "Bold",
                                                "value": "700"
                                              },
                                              {
                                                "label": "Extra Bold (Ultra Bold)",
                                                "value": "800"
                                              },
                                              {
                                                "label": "Black (Heavy)",
                                                "value": "900"
                                              }
                                            ]
                                          }
                                        },
                                        {
                                          "type": "number",
                                          "label": "Font size",
                                          "id": "fontSize",
                                          "default": {
                                            "value": 30,
                                            "type": "px"
                                          },
                                          "typeMeta": {
                                            "parseType": "integer"
                                          }
                                        },
                                        {
                                          "type": "number",
                                          "label": "Font size (Mobile)",
                                          "id": "mobileFontSize",
                                          "default": {
                                            "value": 16,
                                            "type": "px"
                                          },
                                          "typeMeta": {
                                            "parseType": "integer"
                                          }
                                        },
                                        {
                                          "type": "color",
                                          "label": "Text color",
                                          "id": "fontColor",
                                          "default": "#000000"
                                        },
                                        {
                                          "type": "color",
                                          "label": "Text color hover",
                                          "id": "fontColorHover",
                                          "default": "#de7bce"
                                        },
                                        {
                                          "type": "color",
                                          "label": "Text color (Mobile)",
                                          "id": "mobileFontColor",
                                          "default": "#000000"
                                        },
                                        {
                                          "type": "color",
                                          "label": "Text color hover (Mobile)",
                                          "id": "mobileFontColorHover",
                                          "default": "#de7bce"
                                        }
                                      ]
                                    }
                                  ]
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Action button",
                      "id": "button",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "hide"
                          },
                          "advanced": {
                            "label": "Action button",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Size",
                                "id": "size",
                                "default": "",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Unset",
                                      "value": ""
                                    },
                                    {
                                      "label": "Small",
                                      "value": "small"
                                    },
                                    {
                                      "label": "Large",
                                      "value": "large"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Style",
                                "id": "style",
                                "default": "primary",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Primary",
                                      "value": "primary"
                                    },
                                    {
                                      "label": "Default",
                                      "value": "default"
                                    },
                                    {
                                      "label": "Underline",
                                      "value": "underline"
                                    },
                                    {
                                      "label": "Outline",
                                      "value": "outline"
                                    },
                                    {
                                      "label": "Custom",
                                      "value": "custom"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Font family",
                                "id": "fontFamily",
                                "default": "inherit",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Theme Default",
                                      "value": "inherit"
                                    },
                                    {
                                      "label": "Arial",
                                      "value": "Arial, sans-serif"
                                    },
                                    {
                                      "label": "Tahoma",
                                      "value": "Tahoma, sans-serif"
                                    },
                                    {
                                      "label": "Verdana",
                                      "value": "Verdana, sans-serif"
                                    },
                                    {
                                      "label": "Lucida",
                                      "value": "Lucida, sans-serif"
                                    },
                                    {
                                      "label": "Times New Roman",
                                      "value": "Times New Roman, serif"
                                    },
                                    {
                                      "label": "Courier",
                                      "value": "Courier, serif"
                                    },
                                    {
                                      "label": "Georgia",
                                      "value": "Georgia, serif"
                                    },
                                    {
                                      "label": "Palatino",
                                      "value": "Palatino, serif"
                                    }
                                  ]
                                },
                                "conditional": {
                                  "key": "style",
                                  "operator": "IN",
                                  "value": [
                                    "custom"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Radius",
                                "id": "radius",
                                "default": {
                                  "value": 4,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "style",
                                  "operator": "IN",
                                  "value": [
                                    "custom"
                                  ]
                                }
                              },
                              {
                                "type": "color",
                                "label": "Color",
                                "id": "color",
                                "default": "#de7bce",
                                "conditional": {
                                  "key": "style",
                                  "operator": "IN",
                                  "value": [
                                    "custom"
                                  ]
                                }
                              },
                              {
                                "type": "color",
                                "label": "Color hover",
                                "id": "colorHover",
                                "default": "#391271",
                                "conditional": {
                                  "key": "style",
                                  "operator": "IN",
                                  "value": [
                                    "custom"
                                  ]
                                }
                              },
                              {
                                "type": "color",
                                "label": "Text color",
                                "id": "textColor",
                                "default": "#ffffff",
                                "conditional": {
                                  "key": "style",
                                  "operator": "IN",
                                  "value": [
                                    "custom",
                                    "underline"
                                  ]
                                }
                              },
                              {
                                "type": "color",
                                "label": "Text color hover",
                                "id": "textColorHover",
                                "default": "#ffffff",
                                "conditional": {
                                  "key": "style",
                                  "operator": "IN",
                                  "value": [
                                    "custom",
                                    "underline"
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Position",
                                "id": "position",
                                "default": "bottom",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Bottom",
                                      "value": "bottom"
                                    },
                                    {
                                      "label": "Right",
                                      "value": "right"
                                    }
                                  ]
                                }
                              }
                            ]
                          }
                        }
                      }
                    }
                  ]
                },
                {
                  "settings": []
                },
                {
                  "label": "General",
                  "settings": [
                    {
                      "type": "element",
                      "label": "Width",
                      "id": "itemWidth",
                      "typeMeta": {
                        "controls": {
                          "advanced": {
                            "label": "Width",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Width",
                                "id": "type",
                                "default": "auto",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "auto",
                                      "value": "auto"
                                    },
                                    {
                                      "label": "%",
                                      "value": "%"
                                    },
                                    {
                                      "label": "px",
                                      "value": "px"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Desktop)",
                                "id": "pixel",
                                "default": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "px"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Desktop)",
                                "id": "percent",
                                "default": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "typeMeta": {
                                  "parseType": "float"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "%"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Tablet)",
                                "id": "tabletPixel",
                                "default": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "px"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Tablet)",
                                "id": "tabletPercent",
                                "default": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "typeMeta": {
                                  "parseType": "float"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "%"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Mobile)",
                                "id": "mobilePixel",
                                "default": {
                                  "value": 100,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "px"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Mobile)",
                                "id": "mobilePercent",
                                "default": {
                                  "value": 20,
                                  "type": "%"
                                },
                                "typeMeta": {
                                  "parseType": "float"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "%"
                                  ]
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Padding",
                      "id": "padding",
                      "typeMeta": {
                        "controls": {
                          "advanced": {
                            "label": "Padding",
                            "settings": [
                              {
                                "type": "boxModel",
                                "label": "Desktop",
                                "id": "desktop",
                                "default": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "10",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "10",
                                    "type": "px"
                                  }
                                }
                              },
                              {
                                "type": "boxModel",
                                "label": "Tablet",
                                "id": "tablet",
                                "default": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "10",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "10",
                                    "type": "px"
                                  }
                                }
                              },
                              {
                                "type": "boxModel",
                                "label": "Mobile",
                                "id": "mobile",
                                "default": {
                                  "top": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "5",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "5",
                                    "type": "px"
                                  }
                                }
                              }
                            ]
                          }
                        }
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <style>\n            .beautify__flexBanners-{{_.id}} {\n                overflow: hidden;\n                padding-top: {{padding.desktop.top.value}}{{padding.desktop.top.type}};\n                padding-bottom: {{padding.desktop.bottom.value}}{{padding.desktop.bottom.type}};\n                padding-left: {{padding.desktop.left.value}}{{padding.desktop.left.type}};\n                padding-right: {{padding.desktop.right.value}}{{padding.desktop.right.type}};\n\n                {{#if bgColor}}\n                    background-color: {{bgColor}};\n                {{/if}}\n                {{#if bgImgUrl.src}}\n                    background-image: url('{{bgImgUrl.src}}');\n                {{/if}}\n                background-size:\n                    {{#if bgFit '==' 'stretch'}}\n                        100% 100%;\n                    {{else}}\n                        {{bgFit}};\n                    {{/if}}\n            }\n            @media (min-width: 551px) and (max-width: 800px) {\n                .beautify__flexBanners-{{_.id}} {\n                    padding-top: {{padding.tablet.top.value}}{{padding.tablet.top.type}};\n                    padding-bottom: {{padding.tablet.bottom.value}}{{padding.tablet.bottom.type}};\n                    padding-left: {{padding.tablet.left.value}}{{padding.tablet.left.type}};\n                    padding-right: {{padding.tablet.right.value}}{{padding.tablet.right.type}};\n                    {{#if bgImgUrlTablet.src}}\n                        background-image: url('{{bgImgUrlTablet.src}}');\n                    {{/if}}\n                }\n            }\n            @media (max-width: 551px) {\n                .beautify__flexBanners-{{_.id}} {\n                    padding-top: {{padding.mobile.top.value}}{{padding.mobile.top.type}};\n                    padding-bottom: {{padding.mobile.bottom.value}}{{padding.mobile.bottom.type}};\n                    padding-left: {{padding.mobile.left.value}}{{padding.mobile.left.type}};\n                    padding-right: {{padding.mobile.right.value}}{{padding.mobile.right.type}};\n                    {{#if bgImgUrlMobile.src}}\n                        background-image: url('{{bgImgUrlMobile.src}}');\n                    {{/if}}\n                }\n            }\n            .beautify__flexBanners-{{_.id}} ._row {\n                display: flex;\n                align-items: stretch;\n                scrollbar-width: thin;\n                scrollbar-color: #888 #f5f5f5;\n                {{#if carousel.visibility '===' 'hide'}}\n                    overflow: auto;\n                    -webkit-overflow-scrolling: touch;\n                    flex-wrap: {{#if flexNoWrap.desktop}}nowrap{{else}}wrap{{/if}};\n                {{/if}}\n            }\n            @media (min-width: 551px) and (max-width: 800px) {\n                .beautify__flexBanners-{{_.id}} ._row {\n                    {{#if carousel.visibility '===' 'hide'}}\n                        flex-wrap: {{#if flexNoWrap.table}}nowrap{{else}}wrap{{/if}};\n                    {{/if}}\n                }\n            }\n            @media (max-width: 550px) {\n                .beautify__flexBanners-{{_.id}} ._row {\n                    {{#if carousel.visibility '===' 'hide'}}\n                        flex-wrap: {{#if flexNoWrap.mobile}}nowrap{{else}}wrap{{/if}};\n                    {{/if}}\n                }\n            }\n            .beautify__flexBanners-{{_.id}} ._row::-webkit-scrollbar {\n                width: 8px;\n                height: 8px;\n            }\n            .beautify__flexBanners-{{_.id}} ._row::-webkit-scrollbar-thumb  {\n                background-color: #888;\n                border-radius: 4px;\n\n            }\n            .beautify__flexBanners-{{_.id}} ._row::-webkit-scrollbar-thumb:hover {\n                background-color: #555;\n            }\n            .beautify__flexBanners-{{_.id}} ._row.slick-slider {\n                display: block;\n            }\n            .beautify__flexBanners-{{_.id}} ._col {\n                flex: 1;\n                padding: 0 0.75rem;\n                margin: 0 auto;\n            }\n            .beautify__flexBanners-{{_.id}} ._banner {\n                position: relative;\n                display: block;\n                text-decoration: none;\n                color: inherit;\n            }\n            .beautify__flexBanners-{{_.id}} ._imgContainer {\n                position: relative;\n                overflow: hidden;\n            }\n            .beautify__flexBanners-{{_.id}} ._imgContainer:before {\n                content: '';\n                display: block;\n            }\n            .beautify__flexBanners-{{_.id}} ._imgContainer img {\n                position: absolute;\n                max-height: 100%;\n            }\n            .beautify__flexBanners-{{_.id}} ._imgContainer video {\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n            }\n            .beautify__flexBanners-{{_.id}} ._imgContainer video._hidePaused:not(._playing) {\n                display: none;\n            }\n            .beautify__flexBanners-{{_.id}} p:last-child {\n                margin-bottom: 0;\n            }\n            .beautify__flexBanners-{{_.id}} ._heading {\n                margin: 0.75rem 0 0.375rem;\n                color: inherit;\n                font-size: 30px;\n                font-weight: 600;\n                text-transform: none;\n            }\n            .beautify__flexBanners-{{_.id}} ._description {\n                margin: 0.375rem 0 1rem;\n                font-size: 18px;\n            }\n            .beautify__flexBanners-{{_.id}} .button {\n                margin: 0;\n            }\n            @media (max-width: 550px) {\n                .beautify__flexBanners-{{_.id}} ._col {\n                    padding: 0 0.375rem;\n                }\n                .beautify__flexBanners-{{_.id}} ._imgContainer._desktop {\n                    display: none;\n                }\n                .beautify__flexBanners-{{_.id}} ._body {\n                    {{#if contentOverlayMobile}}\n                        position: absolute;\n                    {{/if}}\n                }\n                .beautify__flexBanners-{{_.id}} ._heading {\n                    font-size: 16px;\n                    {{#if contentOverlayMobile}}\n                        margin-top: 0;\n                    {{/if}}\n                }\n                .beautify__flexBanners-{{_.id}} ._description {\n                    font-size: 14px;\n                    margin-bottom: .75rem;\n                }\n                .beautify__flexBanners-{{_.id}} ._buttonLine {\n                    margin: 0.375rem 0;\n                }\n            }\n            @media (min-width: 551px) {\n                .beautify__flexBanners-{{_.id}} ._imgContainer._mobile {\n                    display: none;\n                }\n                .beautify__flexBanners-{{_.id}} ._body {\n                    position: absolute;\n                }\n                .beautify__flexBanners-{{_.id}} ._heading {\n                    margin-top: 0;\n                }\n            }\n\n            {{#each items}}\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] {\n                    padding-top: {{padding.mobile.top.value}}{{padding.mobile.top.type}};\n                    padding-bottom: {{padding.mobile.bottom.value}}{{padding.mobile.bottom.type}};\n                    padding-left: {{padding.mobile.left.value}}{{padding.mobile.left.type}};\n                    padding-right: {{padding.mobile.right.value}}{{padding.mobile.right.type}};\n                    {{#if itemWidth.type '==' 'px'}}\n                        flex: 1 0 {{itemWidth.mobilePixel.value}}{{itemWidth.mobilePixel.type}};\n                        width: {{itemWidth.mobilePixel.value}}{{itemWidth.mobilePixel.type}};\n                    {{else if itemWidth.type '==' '%'}}\n                        flex: 1 0 {{itemWidth.mobilePercent.value}}{{itemWidth.mobilePercent.type}};\n                        width: {{itemWidth.mobilePercent.value}}{{itemWidth.mobilePercent.type}};\n                    {{else}}\n                        flex: 1;\n                    {{/if}}\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner {\n                    margin: auto;\n                    max-width:\n                        {{#if mobileImageVisibility '===' 'show'}}\n                            {{mobileWidth.value}}{{mobileWidth.type}}\n                        {{else}}\n                            {{width.value}}{{width.type}}\n                        {{/if}};\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner ._heading {\n                    {{#if heading.style '===' 'custom'}}\n                        color: {{heading.fontColor}};\n                    {{/if}}\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner:hover ._heading,\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner:focus ._heading {\n                    {{#if heading.style '===' 'custom'}}\n                        color: {{heading.fontColorHover}};\n                    {{/if}}\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner ._description {\n                    {{#if description.style '===' 'custom'}}\n                        color: {{description.fontColor}};\n                    {{/if}}\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner:hover ._description,\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner:focus ._description {\n                    {{#if description.style '===' 'custom'}}\n                        color: {{description.fontColorHover}};\n                    {{/if}}\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._imgContainer {\n                    border-radius: {{borderRadius.value}}{{borderRadius.type}};\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._imgContainer:before {\n                    padding-top: {{multiply (divide height.value width.value) 100}}%;\n                    max-height: {{height.value}}{{height.type}};\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._imgContainer._mobile:before {\n                    padding-top: {{multiply (divide mobileHeight.value mobileWidth.value) 100}}%;\n                    max-height: {{mobileHeight.value}}{{mobileHeight.type}};\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._imgContainer img {\n                    object-fit: {{#if imageFit '==' 'fill'}}cover{{else}}contain{{/if}};\n                    width: {{width.value}}{{width.type}};\n                    {{#if contentAlignment.vertical '==' 'top'}}\n                        top: 0;\n                    {{else if contentAlignment.vertical '==' 'middle'}}\n                        top: 0;\n                        bottom: 0;\n                        margin-top: auto;\n                        margin-right: auto;\n                    {{else}}\n                        bottom: 0;\n                    {{/if}}\n                    {{#if contentAlignment.horizontal '==' 'left'}}\n                        left: 0;\n                    {{else if contentAlignment.horizontal '==' 'center'}}\n                        left: 0;\n                        right: 0;\n                        margin-left: auto;\n                        margin-right: auto;\n                    {{else}}\n                        right: 0;\n                    {{/if}}\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._imgContainer._mobile img {\n                    width: {{mobileWidth.value}}{{mobileWidth.type}};\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._imgContainer._mobile video {\n                    object-fit: {{#if imageFit '==' 'fill'}}cover{{else}}contain{{/if}};\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._body {\n                    background-color: {{contentBgColor}};\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._heading {\n                    {{#if heading.style '===' 'custom'}}\n                        font-family: {{heading.fontFamily}};\n                        font-weight: {{heading.fontWeight}};\n                        font-size: {{heading.fontSize.value}}{{heading.fontSize.type}};\n                    {{/if}}\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._description {\n                    {{#if description.style '===' 'custom'}}\n                        font-family: {{description.fontFamily}};\n                        font-weight: {{description.fontWeight}};\n                        font-size: {{description.fontSize.value}}{{description.fontSize.type}};\n                    {{/if}}\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] .button {\n                    {{#if button.visibility '==' 'show'}}\n                        {{#if button.style '==' 'custom'}}\n                            font-family: {{button.fontFamily}};\n                            border-radius: {{button.radius.value}}{{button.radius.type}};\n                            background-color: {{button.color}};\n                            border-color: {{button.color}};\n                            color: {{button.textColor}};\n                        {{/if}}\n                    {{/if}}\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] .button:hover,\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] .button:focus {\n                    {{#if button.visibility '==' 'show'}}\n                        {{#if button.style '==' 'custom'}}\n                            background-color: {{button.colorHover}};\n                            border-color: {{button.colorHover}};\n                            color: {{button.textColorHover}};\n                        {{/if}}\n                    {{/if}}\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] .button--underline {\n                    {{#if button.visibility '==' 'show'}}\n                        background-color: transparent;\n                        color: {{button.textColor}};\n                        border: 0;\n                        border-radius: 0;\n                        padding: 0 0 .1875rem;\n                        border-bottom: 1px solid {{button.textColor}};\n                    {{/if}}\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] .button--underline:hover,\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] .button--underline:focus {\n                    {{#if button.visibility '==' 'show'}}\n                        background-color: transparent;\n                        color: {{button.textColorHover}};\n                        border-color: {{button.textColorHover}};\n                    {{/if}}\n                }\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] .button:hover,\n                .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] .button:focus {\n                    {{#if button.visibility '==' 'show'}}\n                        {{#if button.style '==' 'custom'}}\n                            background-color: {{button.colorHover}};\n                            border-color: {{button.colorHover}};\n                            color: {{button.textColorHover}};\n                        {{/if}}\n                    {{/if}}\n                }\n                @media (max-width: 550px) {\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._body {\n                        {{#if contentPaddingMobile}}\n                            padding-top: {{contentPaddingMobile.top.value}}{{contentPaddingMobile.top.type}};\n                            padding-bottom: {{contentPaddingMobile.bottom.value}}{{contentPaddingMobile.bottom.type}};\n                            padding-left: {{contentPaddingMobile.left.value}}{{contentPaddingMobile.left.type}};\n                            padding-right: {{contentPaddingMobile.right.value}}{{contentPaddingMobile.right.type}};\n                        {{/if}}\n                        {{#if ../contentOverlayMobile}}\n                            {{#if contentAlignment.horizontal '===' 'left'}}\n                                left: 0;\n                                text-align: left;\n                            {{else if contentAlignment.horizontal '===' 'right'}}\n                                right: 0;\n                                text-align: right;\n                            {{else}}\n                                left: 0;\n                                right: 0;\n                                text-align: center;\n                            {{/if}}\n                            {{#if contentAlignment.vertical '===' 'top'}}\n                                top: 0;\n                            {{else if contentAlignment.vertical '===' 'bottom'}}\n                                bottom: 0;\n                            {{else}}\n                                top: 0;\n                                bottom: 0;\n                                display: flex;\n                                flex-direction: column;\n                                align-items: center;\n                                justify-content: center;\n                            {{/if}}\n                        {{else}}\n                            text-align: {{contentAlignment.horizontal}};\n                        {{/if}}\n                    }\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._heading {\n                        {{#if heading.style '===' 'custom'}}\n                            font-size: {{heading.mobileFontSize.value}}{{heading.mobileFontSize.type}};\n                        {{/if}}\n                    }\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner ._heading {\n                        {{#if heading.style '===' 'custom'}}\n                            color: {{heading.mobileFontColor}};\n                        {{/if}}\n                    }\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner:hover ._heading,\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner:focus ._heading {\n                        {{#if heading.style '===' 'custom'}}\n                            color: {{heading.mobileFontColorHover}};\n                        {{/if}}\n                    }\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._description {\n                        {{#if description.style '===' 'custom'}}\n                            font-size: {{description.mobileFontSize.value}}{{description.mobileFontSize.type}};\n                        {{/if}}\n                    }\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner ._description {\n                        {{#if description.style '===' 'custom'}}\n                            color: {{description.mobileFontColor}};\n                        {{/if}}\n                    }\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner:hover ._description,\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner:focus ._description {\n                        {{#if description.style '===' 'custom'}}\n                            color: {{description.mobileFontColorHover}};\n                        {{/if}}\n                    }\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] .button {\n                        {{#if button.visibility '==' 'show'}}\n                            {{#if button.style '!=' 'underline'}}\n                                padding-left: 1rem;\n                                padding-right: 1rem;\n                            {{/if}}\n                        {{/if}}\n                    }\n                }\n                @media (min-width: 551px) {\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] {\n                        padding-top: {{padding.tablet.top.value}}{{padding.tablet.top.type}};\n                        padding-bottom: {{padding.tablet.bottom.value}}{{padding.tablet.bottom.type}};\n                        padding-left: {{padding.tablet.left.value}}{{padding.tablet.left.type}};\n                        padding-right: {{padding.tablet.right.value}}{{padding.tablet.right.type}};\n                        {{#if itemWidth.type '==' 'px'}}\n                            flex: 1 0 {{itemWidth.tabletPixel.value}}{{itemWidth.tabletPixel.type}};\n                            width: {{itemWidth.tabletPixel.value}}{{itemWidth.tabletPixel.type}};\n                        {{else if itemWidth.type '==' '%'}}\n                            flex: 1 0 {{itemWidth.tabletPercent.value}}{{itemWidth.tabletPercent.type}};\n                            width: {{itemWidth.tabletPercent.value}}{{itemWidth.tabletPercent.type}};\n                        {{else}}\n                            flex: 1;\n                        {{/if}}\n                    }\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner {\n                        max-width: {{width.value}}{{width.type}};\n                    }\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._body {\n                        {{#if contentPaddingTablet}}\n                            padding-top: {{contentPaddingTablet.top.value}}{{contentPaddingTablet.top.type}};\n                            padding-bottom: {{contentPaddingTablet.bottom.value}}{{contentPaddingTablet.bottom.type}};\n                            padding-left: {{contentPaddingTablet.left.value}}{{contentPaddingTablet.left.type}};\n                            padding-right: {{contentPaddingTablet.right.value}}{{contentPaddingTablet.right.type}};\n                        {{else}}\n                            padding-top: {{contentPadding.top.value}}{{contentPadding.top.type}};\n                            padding-bottom: {{contentPadding.bottom.value}}{{contentPadding.bottom.type}};\n                            padding-left: {{contentPadding.left.value}}{{contentPadding.left.type}};\n                            padding-right: {{contentPadding.right.value}}{{contentPadding.right.type}};\n                        {{/if}}\n                        {{#if contentAlignment.horizontal '===' 'left'}}\n                            left: 0;\n                            text-align: left;\n                        {{else if contentAlignment.horizontal '===' 'right'}}\n                            right: 0;\n                            text-align: right;\n                        {{else}}\n                            left: 0;\n                            right: 0;\n                            text-align: center;\n                        {{/if}}\n                        {{#if contentAlignment.vertical '===' 'top'}}\n                            top: 0;\n                        {{else if contentAlignment.vertical '===' 'bottom'}}\n                            bottom: 0;\n                        {{else}}\n                            top: 0;\n                            bottom: 0;\n                            display: flex;\n                            flex-direction: column;\n                            align-items: center;\n                            justify-content: center;\n                        {{/if}}\n                        {{#if button.visibility '==' 'show'}}\n                            {{#if button.position '==' 'right'}}\n                                left: 0;\n                                right: 0;\n                                display: grid;\n                                grid-template-columns: auto max-content;\n                                grid-auto-rows: max-content;\n                                grid-column-gap: 0.75rem;\n                                text-align: left;\n                            {{/if}}\n                        {{/if}}\n                    }\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner ._heading {\n                        grid-column: 1;\n                    }\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner ._description {\n                        grid-column: 1;\n                    }\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner ._buttonLine {\n                        grid-column: 2;\n                        grid-row: 1 / 3;\n                        align-self: center;\n                    }\n                }\n                @media (min-width: 801px) {\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] {\n                        padding-top: {{padding.desktop.top.value}}{{padding.desktop.top.type}};\n                        padding-bottom: {{padding.desktop.bottom.value}}{{padding.desktop.bottom.type}};\n                        padding-left: {{padding.desktop.left.value}}{{padding.desktop.left.type}};\n                        padding-right: {{padding.desktop.right.value}}{{padding.desktop.right.type}};\n                        {{#if itemWidth.type '==' 'px'}}\n                            flex: 1 0 {{itemWidth.pixel.value}}{{itemWidth.pixel.type}};\n                            width: {{itemWidth.pixel.value}}{{itemWidth.pixel.type}};\n                        {{else if itemWidth.type '==' '%'}}\n                            flex: 1 0 {{itemWidth.percent.value}}{{itemWidth.percent.type}};\n                            width: {{itemWidth.percent.value}}{{itemWidth.percent.type}};\n                        {{else}}\n                            flex: 1;\n                        {{/if}}\n                    }\n                    .beautify__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._body {\n                        padding-top: {{contentPadding.top.value}}{{contentPadding.top.type}};\n                        padding-bottom: {{contentPadding.bottom.value}}{{contentPadding.bottom.type}};\n                        padding-left: {{contentPadding.left.value}}{{contentPadding.left.type}};\n                        padding-right: {{contentPadding.right.value}}{{contentPadding.right.type}};\n                    }\n                }\n            {{/each}}\n        </style>\n        <div class=\"beautify__flexBanners beautify__flexBanners-{{_.id}}\" id=\"beautify__flexBanners-{{_.id}}\" data-test-theme=\"{{#if themeName '!=' 'custom'}}{{themeName}}{{else}}{{themeNameCustom}}{{/if}}\">\n            {{#if useContainer}}\n                <div class=\"container\">\n            {{/if}}\n                    <div class=\"_row\">\n                        {{#each items}}\n                            <div class=\"_col\" data-index=\"{{@index}}\" data-test-theme=\"{{#if ../themeName '!=' 'custom'}}{{../../themeName}}{{else}}{{../../themeNameCustom}}{{/if}}\">\n                                <a {{#if link}}href=\"{{link}}\"{{/if}} class=\"_banner\" data-disable-link>\n                                    <div class=\"_imgContainer {{#if mobileImageVisibility '===' 'show'}}_desktop{{/if}}\">\n                                        <img\n                                            {{#if lazyload}}\n                                                class=\"lazyload\" src=\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='{{width.value}}' height='{{height.value}}'%3E%3C/svg%3E\" data-src=\"{{imageUrl.src}}\" data-sizes=\"auto\"\n                                            {{else}}\n                                                src=\"{{imageUrl.src}}\"\n                                            {{/if}}\n                                            alt=\"{{imageAlt}}\">\n                                            {{#if video}}\n                                                <video class=\"{{#if hideVideoWhenPaused}}_hidePaused{{/if}}\" muted loop playsinline data-play-option=\"{{showVideo}}\">\n                                                    <source src=\"{{video}}\" type=\"video/mp4\">\n                                                </video>\n                                            {{/if}}\n                                    </div>\n                                    {{#if mobileImageVisibility '===' 'show'}}\n                                        <div class=\"_imgContainer _mobile\">\n                                            <img\n                                                {{#if lazyload}}\n                                                    class=\"lazyload\" src=\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='{{mobileWidth.value}}' height='{{mobileHeight.value}}'%3E%3C/svg%3E\" data-src=\"{{mobileImageUrl.src}}\" data-sizes=\"auto\"\n                                                {{else}}\n                                                    src=\"{{mobileImageUrl.src}}\"\n                                                {{/if}}\n                                                alt=\"{{imageAlt}}\">\n                                            {{#if video}}\n                                                <video class=\"{{#if hideVideoWhenPaused}}_hidePaused{{/if}}\" muted loop playsinline data-play-option=\"{{showVideo}}\">\n                                                    <source src=\"{{video}}\" type=\"video/mp4\">\n                                                </video>\n                                            {{/if}}\n                                        </div>\n                                    {{/if}}\n                                    {{#any (if heading.visibility '===' 'show') (if description.visibility '===' 'show') (if button.visibility '===' 'show')}}\n                                        <div class=\"_body\">\n                                            {{#if heading.visibility '===' 'show'}}\n                                                <p class=\"_heading\" data-editable-content=\"items.{{@index}}.text\">{{{text}}}</p>\n                                            {{/if}}\n                                            {{#if description.visibility '===' 'show'}}\n                                                <div class=\"_description\" data-editable-content=\"items.{{@index}}.descriptionText\">{{{descriptionText}}}</div>\n                                            {{/if}}\n                                            {{#if button.visibility '===' 'show'}}\n                                                <div class=\"_buttonLine\"><div class=\"button {{#if button.size}}button--{{button.size}}{{/if}} button--{{button.style}}\" data-editable-content=\"items.{{@index}}.buttonText\">{{{buttonText}}}</div></div>\n                                            {{/if}}\n                                        </div>\n                                    {{/any}}\n                                </a>\n                            </div>\n                        {{/each}}\n                    </div>\n            {{#if useContainer}}\n                </div>\n            {{/if}}\n        </div>\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapaThemesBeautifyWidgetFlexBanners = window.PapaThemesBeautifyWidgetFlexBanners || [];\n                window.PapaThemesBeautifyWidgetFlexBanners.push({\n                    elementId: 'beautify__flexBanners-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{{json .}}}\n                });\n            })();\n        </script>\n        <script nonce=\"{{nonce}}\" src=\"https://d2lz7267o80s75.cloudfront.net/widgets/1.0.2/flex-banners.js\" async defer></script>\n    <!-- ###VERSION:1.0.2### -->",
      "date_created": "2025-01-11T01:33:54.085Z",
      "date_modified": "2025-04-04T08:48:26.458Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "19d20092-76c6-4ecd-b30f-1e60128ef0e0",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "8d2829d8-0f34-475d-945c-9f58b43adf08",
      "name": "Spacer | PapaThemes Beautify",
      "schema": [
        {
          "type": "tab",
          "label": "Design",
          "sections": [
            {
              "settings": [
                {
                  "type": "range",
                  "label": "Desktop",
                  "id": "spaceSize",
                  "default": 60,
                  "typeMeta": {
                    "rangeValues": {
                      "min": 0,
                      "max": 300,
                      "step": 1,
                      "unit": "px"
                    }
                  }
                },
                {
                  "type": "range",
                  "label": "Tablet",
                  "id": "tabletSpaceSize",
                  "default": 40,
                  "typeMeta": {
                    "rangeValues": {
                      "min": 0,
                      "max": 300,
                      "step": 1,
                      "unit": "px"
                    }
                  }
                },
                {
                  "type": "range",
                  "label": "Mobile",
                  "id": "mobileSpaceSize",
                  "default": 20,
                  "typeMeta": {
                    "rangeValues": {
                      "min": 0,
                      "max": 300,
                      "step": 1,
                      "unit": "px"
                    }
                  }
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <style>\n        .beautify__spacer-{{_.id}} {\n            height: {{spaceSize}}px;\n            padding: 0;\n        }\n        @media (max-width: 500px) {\n            .beautify__spacer-{{_.id}} {\n                height: {{mobileSpaceSize}}px;\n                padding: 0;\n            }\n        }\n        @media (min-width: 501px) and (max-width: 800px) {\n            .beautify__spacer-{{_.id}} {\n                height: {{tabletSpaceSize}}px;\n                padding: 0;\n            }\n        }\n        </style>\n        <div class=\"beautify__spacer beautify__spacer-{{_.id}}\"></div>\n    <!-- ###VERSION:1.0.0### -->",
      "date_created": "2025-01-11T01:33:55.966Z",
      "date_modified": "2025-04-02T08:53:55.697Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "aa685663-4fdc-4237-9105-6f1d174c9a7b",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "3e29933c-ae1b-4dd3-8185-dc99848d872d",
      "name": "Products Feed | PapaThemes Beautify",
      "schema": [
        {
          "type": "tab",
          "label": "Design",
          "sections": [
            {
              "label": "Products",
              "settings": [
                {
                  "type": "input",
                  "label": "Enter the page URL to fetch products (ex: /shop-all/)",
                  "id": "url",
                  "default": ""
                },
                {
                  "type": "select",
                  "label": "Your theme",
                  "id": "theme",
                  "default": "other",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Beautify",
                        "value": "beautify"
                      },
                      {
                        "label": "Eyeva",
                        "value": "eyeva"
                      },
                      {
                        "label": "Others",
                        "value": "other"
                      }
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Display type",
                  "id": "templateBeautify",
                  "default": "beautify/products-feed/grid",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Grid",
                        "value": "beautify/products-feed/grid"
                      },
                      {
                        "label": "Carousel",
                        "value": "beautify/products-feed/carousel"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "theme",
                    "operator": "IN",
                    "value": [
                      "beautify"
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Display type",
                  "id": "eyevaDisplayType",
                  "default": "grid",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Grid",
                        "value": "grid"
                      },
                      {
                        "label": "Carousel",
                        "value": "carousel"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "theme",
                    "operator": "IN",
                    "value": [
                      "eyeva"
                    ]
                  }
                },
                {
                  "type": "boolean",
                  "label": "Render with template",
                  "id": "useTemplate",
                  "default": false,
                  "conditional": {
                    "key": "theme",
                    "operator": "IN",
                    "value": [
                      "other"
                    ]
                  }
                },
                {
                  "type": "input",
                  "label": "Enter your template file in \"components/\" directory (ex: category/product-listing)",
                  "id": "templateCustom",
                  "default": "category/product-listing",
                  "conditional": {
                    "key": "useTemplate",
                    "operator": "IN",
                    "value": [
                      true
                    ]
                  }
                },
                {
                  "type": "input",
                  "label": "Product list selector",
                  "id": "productListSelector",
                  "default": ".productCarousel, .productGrid",
                  "conditional": {
                    "key": "theme",
                    "operator": "IN",
                    "value": [
                      "other"
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Sort by",
                  "id": "sortValue",
                  "default": "",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Default",
                        "value": ""
                      },
                      {
                        "label": "Featured Items",
                        "value": "featured"
                      },
                      {
                        "label": "Newest Items",
                        "value": "newest"
                      },
                      {
                        "label": "Best Selling",
                        "value": "bestselling"
                      },
                      {
                        "label": "A to Z",
                        "value": "alphaasc"
                      },
                      {
                        "label": "Z to A",
                        "value": "alphadesc"
                      },
                      {
                        "label": "By Review",
                        "value": "avgcustomerreview"
                      },
                      {
                        "label": "Price: Ascending",
                        "value": "priceasc"
                      },
                      {
                        "label": "Price: Descending",
                        "value": "pricedesc"
                      }
                    ]
                  }
                },
                {
                  "type": "boolean",
                  "label": "Limit number of products",
                  "id": "enableLimit",
                  "default": true
                },
                {
                  "type": "range",
                  "label": "Limit",
                  "id": "limitValue",
                  "default": 4,
                  "typeMeta": {
                    "rangeValues": {
                      "min": 1,
                      "max": 50,
                      "step": 1,
                      "unit": ""
                    }
                  },
                  "conditional": {
                    "key": "enableLimit",
                    "operator": "IN",
                    "value": [
                      true
                    ]
                  }
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <style>\n            .beautify__productsFeed ._error {\n                padding: .75rem 1.5rem;\n                text-align: center;\n                font-size: 14px;\n                color: #f33;\n            }\n        </style>\n        <div class=\"beautify__productsFeed beautify__productsFeed-{{_.id}}\" id=\"beautify__productsFeed-{{_.id}}\"\n            data-url=\"{{url}}\"\n            data-template=\"{{#if theme '===' 'beautify'}}{{templateBeautify}}{{else if useTemplate}}{{templateCustom}}{{/if}}\"\n            data-selector=\"{{productListSelector}}\"\n            data-sort=\"{{sortValue}}\"\n            data-limit=\"{{#if enableLimit}}{{limitValue}}{{/if}}\"\n            data-theme=\"{{theme}}\"\n            data-eyeva-display-type=\"{{eyevaDisplayType}}\"\n        >\n            <div class=\"container\">\n                <div class=\"_products\" data-content>\n                    {{#unless url}}\n                        <p class=\"_error\">Please input the page URL to fetch products.</p>\n                    {{/unless}}\n                    <div data-loader style=\"height:300px;display:flex;align-items:center;justify-content:center;text-align:center\">\n                        <img src=\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='50px' height='50px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-ring'%3E%3Crect x='0' y='0' width='100' height='100' fill='none' class='bk'%3E%3C/rect%3E%3Cdefs%3E%3Cfilter id='uil-ring-shadow' x='-100%25' y='-100%25' width='300%25' height='300%25'%3E%3CfeOffset result='offOut' in='SourceGraphic' dx='0' dy='0'%3E%3C/feOffset%3E%3CfeGaussianBlur result='blurOut' in='offOut' stdDeviation='0'%3E%3C/feGaussianBlur%3E%3CfeBlend in='SourceGraphic' in2='blurOut' mode='normal'%3E%3C/feBlend%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M10,50c0,0,0,0.5,0.1,1.4c0,0.5,0.1,1,0.2,1.7c0,0.3,0.1,0.7,0.1,1.1c0.1,0.4,0.1,0.8,0.2,1.2c0.2,0.8,0.3,1.8,0.5,2.8 c0.3,1,0.6,2.1,0.9,3.2c0.3,1.1,0.9,2.3,1.4,3.5c0.5,1.2,1.2,2.4,1.8,3.7c0.3,0.6,0.8,1.2,1.2,1.9c0.4,0.6,0.8,1.3,1.3,1.9 c1,1.2,1.9,2.6,3.1,3.7c2.2,2.5,5,4.7,7.9,6.7c3,2,6.5,3.4,10.1,4.6c3.6,1.1,7.5,1.5,11.2,1.6c4-0.1,7.7-0.6,11.3-1.6 c3.6-1.2,7-2.6,10-4.6c3-2,5.8-4.2,7.9-6.7c1.2-1.2,2.1-2.5,3.1-3.7c0.5-0.6,0.9-1.3,1.3-1.9c0.4-0.6,0.8-1.3,1.2-1.9 c0.6-1.3,1.3-2.5,1.8-3.7c0.5-1.2,1-2.4,1.4-3.5c0.3-1.1,0.6-2.2,0.9-3.2c0.2-1,0.4-1.9,0.5-2.8c0.1-0.4,0.1-0.8,0.2-1.2 c0-0.4,0.1-0.7,0.1-1.1c0.1-0.7,0.1-1.2,0.2-1.7C90,50.5,90,50,90,50s0,0.5,0,1.4c0,0.5,0,1,0,1.7c0,0.3,0,0.7,0,1.1 c0,0.4-0.1,0.8-0.1,1.2c-0.1,0.9-0.2,1.8-0.4,2.8c-0.2,1-0.5,2.1-0.7,3.3c-0.3,1.2-0.8,2.4-1.2,3.7c-0.2,0.7-0.5,1.3-0.8,1.9 c-0.3,0.7-0.6,1.3-0.9,2c-0.3,0.7-0.7,1.3-1.1,2c-0.4,0.7-0.7,1.4-1.2,2c-1,1.3-1.9,2.7-3.1,4c-2.2,2.7-5,5-8.1,7.1 c-0.8,0.5-1.6,1-2.4,1.5c-0.8,0.5-1.7,0.9-2.6,1.3L66,87.7l-1.4,0.5c-0.9,0.3-1.8,0.7-2.8,1c-3.8,1.1-7.9,1.7-11.8,1.8L47,90.8 c-1,0-2-0.2-3-0.3l-1.5-0.2l-0.7-0.1L41.1,90c-1-0.3-1.9-0.5-2.9-0.7c-0.9-0.3-1.9-0.7-2.8-1L34,87.7l-1.3-0.6 c-0.9-0.4-1.8-0.8-2.6-1.3c-0.8-0.5-1.6-1-2.4-1.5c-3.1-2.1-5.9-4.5-8.1-7.1c-1.2-1.2-2.1-2.7-3.1-4c-0.5-0.6-0.8-1.4-1.2-2 c-0.4-0.7-0.8-1.3-1.1-2c-0.3-0.7-0.6-1.3-0.9-2c-0.3-0.7-0.6-1.3-0.8-1.9c-0.4-1.3-0.9-2.5-1.2-3.7c-0.3-1.2-0.5-2.3-0.7-3.3 c-0.2-1-0.3-2-0.4-2.8c-0.1-0.4-0.1-0.8-0.1-1.2c0-0.4,0-0.7,0-1.1c0-0.7,0-1.2,0-1.7C10,50.5,10,50,10,50z' fill='%23989898' filter='url(%23uil-ring-shadow)'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='360 50 50' repeatCount='indefinite' dur='1s'%3E%3C/animateTransform%3E%3C/path%3E%3C/svg%3E\" alt=\"\" title=\"\"></span>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapaThemesBeautifyWidgetProductsFeed = window.PapaThemesBeautifyWidgetProductsFeed || [];\n                window.PapaThemesBeautifyWidgetProductsFeed.push({\n                    elementId: 'beautify__productsFeed-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{{json .}}}\n                });\n            })();\n        </script>\n        <script nonce=\"{{nonce}}\" src=\"https://d2lz7267o80s75.cloudfront.net/widgets/1.0.1/products-feed.js\" async defer></script>\n    <!-- ###VERSION:1.0.1### -->",
      "date_created": "2025-01-11T01:33:57.599Z",
      "date_modified": "2025-07-10T04:24:17.927Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "4951bda4-b916-43db-a0bf-f60bac3d89ac",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "c83da0f1-1c14-4bf0-928c-c0b5d070d4f8",
      "name": "Footer Links | PapaThemes Beautify",
      "schema": [
        {
          "type": "array",
          "label": "Links",
          "id": "items",
          "defaultCount": 2,
          "entryLabel": "Link",
          "schema": [
            {
              "type": "tab",
              "label": "Content",
              "sections": [
                {
                  "settings": [
                    {
                      "type": "hidden",
                      "id": "text",
                      "default": "A footer link"
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <style>\n            [data-widget-id=\"{{_.id}}\"] .bc-selected-display {\n                left: 50px;\n            }\n            .PapaThemesWidgetBeautifyFooterLinks-{{_.id}} {\n                /* TODO */\n            }\n            .PapaThemesWidgetBeautifyFooterLinks-{{_.id}}  .footer-info-list li p {\n                margin: 0;\n            }\n            {{#each items}}\n                .PapaThemesWidgetBeautifyFooterLinks-{{../_.id}} .footer-info-list li[data-index=\"{{@index}}\"] {\n                    /* TODO */\n                }\n            {{/each}}\n        </style>\n        <div class=\"PapaThemesWidgetBeautifyFooterLinks PapaThemesWidgetBeautifyFooterLinks-{{_.id}}\" id=\"PapaThemesWidgetBeautifyFooterLinks-{{_.id}}\">\n            <ul class=\"footer-info-list is-open\">\n                {{#each items}}\n                    <li class=\"{{customClass}}\" data-editable-content=\"items.{{@index}}.text\">{{{text}}}</li>\n                {{/each}}\n            </ul>\n        </div>\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapaThemesWidgetBeautifyFooterLinks = window.PapaThemesWidgetBeautifyFooterLinks || [];\n                window.PapaThemesWidgetBeautifyFooterLinks.push({\n                    elementId: 'PapaThemesWidgetBeautifyFooterLinks-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{{json .}}}\n                });\n            })();\n        </script>\n        <script nonce=\"{{nonce}}\" src=\"https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/beautify-footer-links.js\" async defer></script>\n    <!-- ###VERSION:1.0.0### -->",
      "date_created": "2025-01-11T01:33:58.984Z",
      "date_modified": "2025-04-02T08:53:58.374Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "0bdef7a6-9fb8-4f47-8865-c5e154655090",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "6c6b1c6b-2977-4604-8c58-d60e689e934b",
      "name": "Flex Banners | PapaThemes Chiara",
      "schema": [
        {
          "type": "array",
          "label": "Banners",
          "id": "items",
          "defaultCount": 3,
          "entryLabel": "Banner",
          "thumbnail": {
            "type": "image",
            "valueKey": "imageUrl.src"
          },
          "schema": [
            {
              "type": "tab",
              "label": "Content",
              "sections": [
                {
                  "label": "Image",
                  "settings": [
                    {
                      "type": "imageManager",
                      "label": "Image",
                      "id": "imageUrl",
                      "default": {
                        "src": "https://cdn7.bigcommerce.com/s-g0pakqdzwl/product_images/uploaded_images/furniture-banner1.jpg?t=1534872898",
                        "type": "IMAGE_MANAGER"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Image width",
                      "id": "width",
                      "default": {
                        "value": 502,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Image height",
                      "id": "height",
                      "default": {
                        "value": 502,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    },
                    {
                      "type": "input",
                      "label": "Image alt text",
                      "id": "imageAlt",
                      "default": ""
                    },
                    {
                      "type": "select",
                      "label": "Image fit",
                      "id": "imageFit",
                      "default": "fill",
                      "typeMeta": {
                        "selectOptions": [
                          {
                            "label": "Fill to box",
                            "value": "fill"
                          },
                          {
                            "label": "Fit to box",
                            "value": "fit"
                          }
                        ]
                      }
                    },
                    {
                      "type": "boolean",
                      "label": "Lazyload image",
                      "id": "lazyload",
                      "default": true
                    },
                    {
                      "type": "boolean",
                      "label": "Hover animation",
                      "id": "animate",
                      "default": true
                    },
                    {
                      "type": "number",
                      "label": "Border radius",
                      "id": "borderRadius",
                      "default": {
                        "value": 0,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    },
                    {
                      "type": "input",
                      "label": "Link",
                      "id": "link",
                      "default": "",
                      "typeMeta": {
                        "placeholder": "https://"
                      }
                    },
                    {
                      "type": "visibility",
                      "label": "Show overlay image",
                      "id": "overlayImageVisibility",
                      "default": "show"
                    },
                    {
                      "type": "imageManager",
                      "label": "Overlay image",
                      "id": "overlayImageUrl",
                      "default": {
                        "src": "https://cdn7.bigcommerce.com/s-g0pakqdzwl/product_images/uploaded_images/furniture-banner2a.png?t=1534872900",
                        "type": "IMAGE_MANAGER"
                      },
                      "conditional": {
                        "key": "overlayImageVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    },
                    {
                      "type": "boolean",
                      "label": "Mouse-move animation",
                      "id": "useGsap",
                      "default": true,
                      "conditional": {
                        "key": "overlayImageVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    }
                  ]
                },
                {
                  "label": "Content",
                  "settings": [
                    {
                      "type": "hidden",
                      "id": "text",
                      "default": "SHOW NOW"
                    },
                    {
                      "type": "visibility",
                      "label": "Show text",
                      "id": "textVisibility",
                      "default": "hide"
                    },
                    {
                      "type": "typography",
                      "label": "Text style",
                      "id": "textStyle",
                      "default": "default",
                      "typeMeta": {
                        "conditionalSettings": [
                          {
                            "condition": "custom",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Font family",
                                "id": "fontFamily",
                                "default": "inherit",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Theme Default",
                                      "value": "inherit"
                                    },
                                    {
                                      "label": "Arial",
                                      "value": "Arial, sans-serif"
                                    },
                                    {
                                      "label": "Tahoma",
                                      "value": "Tahoma, sans-serif"
                                    },
                                    {
                                      "label": "Verdana",
                                      "value": "Verdana, sans-serif"
                                    },
                                    {
                                      "label": "Lucida",
                                      "value": "Lucida, sans-serif"
                                    },
                                    {
                                      "label": "Times New Roman",
                                      "value": "Times New Roman, serif"
                                    },
                                    {
                                      "label": "Courier",
                                      "value": "Courier, serif"
                                    },
                                    {
                                      "label": "Georgia",
                                      "value": "Georgia, serif"
                                    },
                                    {
                                      "label": "Palatino",
                                      "value": "Palatino, serif"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Font weight",
                                "id": "fontWeight",
                                "default": "600",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Thin",
                                      "value": "100"
                                    },
                                    {
                                      "label": "Extra Light (Ultra Light)",
                                      "value": "200"
                                    },
                                    {
                                      "label": "Light",
                                      "value": "300"
                                    },
                                    {
                                      "label": "Normal",
                                      "value": "400"
                                    },
                                    {
                                      "label": "Medium",
                                      "value": "500"
                                    },
                                    {
                                      "label": "Semi Bold (Demi Bold)",
                                      "value": "600"
                                    },
                                    {
                                      "label": "Bold",
                                      "value": "700"
                                    },
                                    {
                                      "label": "Extra Bold (Ultra Bold)",
                                      "value": "800"
                                    },
                                    {
                                      "label": "Black (Heavy)",
                                      "value": "900"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Font size",
                                "id": "fontSize",
                                "default": {
                                  "value": 30,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                }
                              },
                              {
                                "type": "number",
                                "label": "Font size (Mobile)",
                                "id": "mobileFontSize",
                                "default": {
                                  "value": 16,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                }
                              },
                              {
                                "type": "color",
                                "label": "Text color",
                                "id": "fontColor",
                                "default": "#000000"
                              },
                              {
                                "type": "color",
                                "label": "Text color hover",
                                "id": "fontColorHover",
                                "default": "#de7bce"
                              }
                            ]
                          }
                        ]
                      },
                      "conditional": {
                        "key": "textVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    },
                    {
                      "type": "alignment",
                      "label": "Content align",
                      "id": "contentAlignment",
                      "default": {
                        "horizontal": "left",
                        "vertical": "top"
                      },
                      "typeMeta": {
                        "display": "both"
                      },
                      "conditional": {
                        "key": "textVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    },
                    {
                      "type": "boxModel",
                      "label": "Content padding",
                      "id": "contentPadding",
                      "default": {
                        "top": {
                          "value": "5",
                          "type": "px"
                        },
                        "bottom": {
                          "value": "5",
                          "type": "px"
                        },
                        "left": {
                          "value": "20",
                          "type": "px"
                        },
                        "right": {
                          "value": "20",
                          "type": "px"
                        }
                      },
                      "conditional": {
                        "key": "textVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    },
                    {
                      "type": "boxModel",
                      "label": "Content padding (mobile)",
                      "id": "mobileContentPadding",
                      "default": {
                        "top": {
                          "value": "10",
                          "type": "px"
                        },
                        "bottom": {
                          "value": "10",
                          "type": "px"
                        },
                        "left": {
                          "value": "20",
                          "type": "px"
                        },
                        "right": {
                          "value": "20",
                          "type": "px"
                        }
                      },
                      "conditional": {
                        "key": "textVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    }
                  ]
                },
                {
                  "label": "General",
                  "settings": [
                    {
                      "type": "element",
                      "label": "Width",
                      "id": "itemWidth",
                      "typeMeta": {
                        "controls": {
                          "advanced": {
                            "label": "Width",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Width",
                                "id": "type",
                                "default": "auto",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "auto",
                                      "value": "auto"
                                    },
                                    {
                                      "label": "%",
                                      "value": "%"
                                    },
                                    {
                                      "label": "px",
                                      "value": "px"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Desktop)",
                                "id": "pixel",
                                "default": {
                                  "value": 350,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "px"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Desktop)",
                                "id": "percent",
                                "default": {
                                  "value": 25,
                                  "type": "%"
                                },
                                "typeMeta": {
                                  "parseType": "float"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "%"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Tablet)",
                                "id": "tabletPixel",
                                "default": {
                                  "value": 350,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "px"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Tablet)",
                                "id": "tabletPercent",
                                "default": {
                                  "value": 50,
                                  "type": "%"
                                },
                                "typeMeta": {
                                  "parseType": "float"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "%"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Mobile)",
                                "id": "mobilePixel",
                                "default": {
                                  "value": 350,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "px"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Value (Mobile)",
                                "id": "mobilePercent",
                                "default": {
                                  "value": 100,
                                  "type": "%"
                                },
                                "typeMeta": {
                                  "parseType": "float"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "%"
                                  ]
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Padding",
                      "id": "padding",
                      "typeMeta": {
                        "controls": {
                          "advanced": {
                            "label": "Padding",
                            "settings": [
                              {
                                "type": "boxModel",
                                "label": "Desktop",
                                "id": "desktop",
                                "default": {
                                  "top": {
                                    "value": "3",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "3",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "3",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "3",
                                    "type": "px"
                                  }
                                }
                              },
                              {
                                "type": "boxModel",
                                "label": "Tablet",
                                "id": "tablet",
                                "default": {
                                  "top": {
                                    "value": "3",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "3",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "3",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "3",
                                    "type": "px"
                                  }
                                }
                              },
                              {
                                "type": "boxModel",
                                "label": "Mobile",
                                "id": "mobile",
                                "default": {
                                  "top": {
                                    "value": "3",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "3",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "3",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "3",
                                    "type": "px"
                                  }
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "boolean",
                      "label": "Display banners in container div",
                      "id": "useContainer",
                      "default": true
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <style>\n            .chiara__flexBanners {\n                overflow: hidden;\n            }\n            .chiara__flexBanners ._row {\n                display: flex;\n                flex-wrap: wrap;\n                align-items: stretch;\n            }\n            .chiara__flexBanners ._col {\n                flex: 1;\n                padding: 0 0.1875rem;\n                margin: 0 auto;\n            }\n            .chiara__flexBanners ._banner {\n                position: relative;\n                display: block;\n                text-decoration: none;\n                color: inherit;\n            }\n            .chiara__flexBanners ._imgContainer {\n                position: relative;\n                overflow: hidden;\n            }\n            .chiara__flexBanners ._imgContainer:before {\n                content: '';\n                display: block;\n            }\n            .chiara__flexBanners ._imgContainer img {\n                position: absolute;\n                max-height: 100%;\n            }\n            .chiara__flexBanners ._body {\n                position: absolute;\n            }\n            .chiara__flexBanners ._heading {\n                margin: 0 0 0.75rem;\n                color: inherit;\n                font-size: 30px;\n                font-weight: 600;\n            }\n            @media (max-width: 550px) {\n                .chiara__flexBanners .container {\n                    padding: 0;\n                }\n                .chiara__flexBanners ._heading {\n                    font-size: 16px;\n                }\n            }\n\n            {{#each items}}\n                .chiara__flexBanners-{{../_.id}} ._col[data-index=\"{{@index}}\"] {\n                    padding-top: {{padding.mobile.top.value}}{{padding.mobile.top.type}};\n                    padding-bottom: {{padding.mobile.bottom.value}}{{padding.mobile.bottom.type}};\n                    padding-left: {{padding.mobile.left.value}}{{padding.mobile.left.type}};\n                    padding-right: {{padding.mobile.right.value}}{{padding.mobile.right.type}};\n                    {{#if itemWidth.type '==' 'px'}}\n                        flex: 1 0 {{itemWidth.mobilePixel.value}}{{itemWidth.mobilePixel.type}};\n                        width: {{itemWidth.mobilePixel.value}}{{itemWidth.mobilePixel.type}};\n                    {{else if itemWidth.type '==' '%'}}\n                        flex: 1 0 {{itemWidth.mobilePercent.value}}{{itemWidth.mobilePercent.type}};\n                        width: {{itemWidth.mobilePercent.value}}{{itemWidth.mobilePercent.type}};\n                    {{else}}\n                        flex: 1 1 100%;\n                    {{/if}}\n                    max-width: {{width.value}}{{width.type}};\n                }\n                .chiara__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner {\n                    {{#if textStyle '===' 'custom'}}\n                        color: {{fontColor}};\n                    {{/if}}\n                }\n                .chiara__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner:hover,\n                .chiara__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner:focus {\n                    {{#if textStyle '===' 'custom'}}\n                        color: {{fontColorHover}};\n                    {{/if}}\n                }\n\n                .chiara__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner img {\n                    {{#if animate}}\n                        transition: all .3s ease-in-out;\n                    {{/if}}\n                }\n                .chiara__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner:hover img {\n                    {{#if animate}}\n                        transform: scale(1.1);\n                        transition: all .8s ease-in-out;\n                    {{/if}}\n                }\n                .chiara__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._banner:hover img + img {\n                    {{#if animate}}\n                        transform: scale(.95);\n                        transition: all .6s ease-in-out;\n                    {{/if}}\n                }\n                .chiara__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._imgContainer {\n                    border-radius: {{borderRadius.value}}{{borderRadius.type}};\n                }\n                .chiara__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._imgContainer:before {\n                    padding-top: {{multiply (divide height.value width.value) 100}}%;\n                    max-height: {{height.value}}{{height.type}};\n                }\n                .chiara__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._imgContainer img {\n                    object-fit: {{#if imageFit '==' 'fill'}}cover{{else}}contain{{/if}};\n                    width: {{width.value}}{{width.type}};\n                    {{#if contentAlignment.vertical '==' 'top'}}\n                        top: 0;\n                    {{else if contentAlignment.vertical '==' 'middle'}}\n                        top: 0;\n                        bottom: 0;\n                        margin-top: auto;\n                        margin-right: auto;\n                    {{else}}\n                        bottom: 0;\n                    {{/if}}\n                    {{#if contentAlignment.horizontal '==' 'left'}}\n                        left: 0;\n                    {{else if contentAlignment.horizontal '==' 'center'}}\n                        left: 0;\n                        right: 0;\n                        margin-left: auto;\n                        margin-right: auto;\n                    {{else}}\n                        right: 0;\n                    {{/if}}\n                }\n                .chiara__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._body {\n                    padding-top: {{contentPadding.top.value}}{{contentPadding.top.type}};\n                    padding-bottom: {{contentPadding.bottom.value}}{{contentPadding.bottom.type}};\n                    padding-left: {{contentPadding.left.value}}{{contentPadding.left.type}};\n                    padding-right: {{contentPadding.right.value}}{{contentPadding.right.type}};\n                    {{#if contentAlignment.horizontal '===' 'left'}}\n                        left: 0;\n                    {{else if contentAlignment.horizontal '===' 'right'}}\n                        right: 0;\n                    {{else}}\n                        left: 0;\n                        right: 0;\n                        text-align: center;\n                    {{/if}}\n                    {{#if contentAlignment.vertical '===' 'top'}}\n                        top: 0;\n                    {{else if contentAlignment.vertical '===' 'bottom'}}\n                        bottom: 0;\n                    {{else}}\n                        top: 0;\n                        bottom: 0;\n                        display: flex;\n                        flex-direction: column;\n                        align-items: center;\n                        justify-content: center;\n                    {{/if}}\n                }\n                .chiara__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._heading {\n                    {{#if textStyle '===' 'custom'}}\n                        font-family: {{fontFamily}};\n                        font-weight: {{fontWeight}};\n                        font-size: {{fontSize.value}}{{fontSize.type}};\n                    {{/if}}\n                }\n                @media (max-width: 550px) {\n                    .chiara__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._body {\n                        padding-top: {{mobileContentPadding.top.value}}{{mobileContentPadding.top.type}};\n                        padding-bottom: {{mobileContentPadding.bottom.value}}{{mobileContentPadding.bottom.type}};\n                        padding-left: {{mobileContentPadding.left.value}}{{mobileContentPadding.left.type}};\n                        padding-right: {{mobileContentPadding.right.value}}{{mobileContentPadding.right.type}};\n                    }\n                    .chiara__flexBanners-{{../_.id}} [data-index=\"{{@index}}\"] ._heading {\n                        {{#if textStyle '===' 'custom'}}\n                            font-size: {{mobileFontSize.value}}{{mobileFontSize.type}};\n                        {{/if}}\n                    }\n                }\n                @media (min-width: 551px) {\n                    .chiara__flexBanners-{{../_.id}} ._col[data-index=\"{{@index}}\"] {\n                        padding-top: {{padding.tablet.top.value}}{{padding.tablet.top.type}};\n                        padding-bottom: {{padding.tablet.bottom.value}}{{padding.tablet.bottom.type}};\n                        padding-left: {{padding.tablet.left.value}}{{padding.tablet.left.type}};\n                        padding-right: {{padding.tablet.right.value}}{{padding.tablet.right.type}};\n                        {{#if itemWidth.type '==' 'px'}}\n                            flex: 1 0 {{itemWidth.tabletPixel.value}}{{itemWidth.tabletPixel.type}};\n                            width: {{itemWidth.tabletPixel.value}}{{itemWidth.tabletPixel.type}};\n                        {{else if itemWidth.type '==' '%'}}\n                            flex: 1 0 {{itemWidth.tabletPercent.value}}{{itemWidth.tabletPercent.type}};\n                            width: {{itemWidth.tabletPercent.value}}{{itemWidth.tabletPercent.type}};\n                        {{else}}\n                            flex: 1;\n                        {{/if}}\n                        max-width: {{width.value}}{{width.type}};\n                    }\n                }\n                @media (min-width: 801px) {\n                    .chiara__flexBanners-{{../_.id}} ._col[data-index=\"{{@index}}\"] {\n                        padding-top: {{padding.desktop.top.value}}{{padding.desktop.top.type}};\n                        padding-bottom: {{padding.desktop.bottom.value}}{{padding.desktop.bottom.type}};\n                        padding-left: {{padding.desktop.left.value}}{{padding.desktop.left.type}};\n                        padding-right: {{padding.desktop.right.value}}{{padding.desktop.right.type}};\n                        {{#if itemWidth.type '==' 'px'}}\n                            flex: 1 0 {{itemWidth.pixel.value}}{{itemWidth.pixel.type}};\n                            width: {{itemWidth.pixel.value}}{{itemWidth.pixel.type}};\n                        {{else if itemWidth.type '==' '%'}}\n                            flex: 1 0 {{itemWidth.percent.value}}{{itemWidth.percent.type}};\n                            width: {{itemWidth.percent.value}}{{itemWidth.percent.type}};\n                        {{else}}\n                            flex: 1;\n                        {{/if}}\n                    }\n                }\n\n            {{/each}}\n        </style>\n        <div class=\"chiara__flexBanners chiara__flexBanners-{{_.id}}\" id=\"chiara__flexBanners-{{_.id}}\">\n            {{#any items useContainer=true}}\n                <div class=\"container\">\n            {{/any}}\n                    <div class=\"_row\">\n                        {{#each items}}\n                            <div class=\"_col\" data-index=\"{{@index}}\">\n                                <a {{#if link}}href=\"{{link}}\"{{/if}} class=\"_banner wow fadeIn\" data-wow-delay=\"{{multiply 200 @index}}ms\" data-disable-link>\n                                    <div class=\"_imgContainer\">\n                                        <img\n                                            {{#if lazyload}}\n                                                class=\"lazyload\" src=\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='{{width.value}}' height='{{height.value}}'%3E%3C/svg%3E\" data-src=\"{{imageUrl.src}}\" data-sizes=\"auto\"\n                                            {{else}}\n                                                src=\"{{imageUrl.src}}\"\n                                            {{/if}}\n                                            {{#if width.value}}\n                                                width=\"{{width.value}}\"\n                                            {{/if}}\n                                            {{#if height.value}}\n                                                height=\"{{height.value}}\"\n                                            {{/if}}\n                                            alt=\"{{imageAlt}}\">\n                                        {{#if overlayImageVisibility '===' 'show'}}\n                                            <img\n                                                {{#if lazyload}}\n                                                    class=\"lazyload\" src=\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='{{width.value}}' height='{{height.value}}'%3E%3C/svg%3E\" data-src=\"{{overlayImageUrl.src}}\" data-sizes=\"auto\"\n                                                {{else}}\n                                                    src=\"{{overlayImageUrl.src}}\"\n                                                {{/if}}\n                                                {{#if width.value}}\n                                                    width=\"{{width.value}}\"\n                                                {{/if}}\n                                                {{#if height.value}}\n                                                    height=\"{{height.value}}\"\n                                                {{/if}}\n                                                alt=\"{{imageAlt}}\">\n                                        {{/if}}\n                                    </div>\n                                    {{#if textVisibility '===' 'show'}}\n                                        <div class=\"_body\">\n                                            <h5 class=\"_heading\" data-editable-content=\"items.{{@index}}.text\">{{{text}}}</h5>\n                                        </div>\n                                    {{/if}}\n                                </a>\n                            </div>\n                        {{/each}}\n                    </div>\n            {{#any items useContainer=true}}\n                </div>\n            {{/any}}\n        </div>\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapaThemesChiaraWidgetFlexBanners = window.PapaThemesChiaraWidgetFlexBanners || [];\n                window.PapaThemesChiaraWidgetFlexBanners.push({\n                    elementId: 'chiara__flexBanners-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{{json .}}}\n                });\n            })();\n        </script>\n        <script nonce=\"{{nonce}}\" src=\"https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/chiara-flex-banners.js\" async defer></script>\n    <!-- ###VERSION:1.0.0### -->",
      "date_created": "2025-01-11T01:34:00.997Z",
      "date_modified": "2025-04-02T08:53:59.084Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "ca26bd27-84a8-4203-b42a-969899a46dca",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "d9722fd5-e890-48f4-a7a1-f18eb295ff43",
      "name": "Carousel | PapaThemes Chiara",
      "schema": [
        {
          "type": "array",
          "label": "Images",
          "id": "items",
          "defaultCount": 6,
          "entryLabel": "Image",
          "thumbnail": {
            "type": "image",
            "valueKey": "imageUrl.src"
          },
          "schema": [
            {
              "type": "tab",
              "label": "Content",
              "sections": [
                {
                  "label": "Slide",
                  "settings": [
                    {
                      "type": "input",
                      "label": "Link",
                      "id": "link",
                      "default": "",
                      "typeMeta": {
                        "placeholder": "https://"
                      }
                    },
                    {
                      "type": "boxModel",
                      "label": "Padding",
                      "id": "padding",
                      "default": {
                        "top": {
                          "value": "0",
                          "type": "px"
                        },
                        "bottom": {
                          "value": "0",
                          "type": "px"
                        },
                        "left": {
                          "value": "5",
                          "type": "px"
                        },
                        "right": {
                          "value": "5",
                          "type": "px"
                        }
                      }
                    },
                    {
                      "type": "boxModel",
                      "label": "Padding (mobile)",
                      "id": "mobilePadding",
                      "default": {
                        "top": {
                          "value": "0",
                          "type": "px"
                        },
                        "bottom": {
                          "value": "0",
                          "type": "px"
                        },
                        "left": {
                          "value": "3",
                          "type": "px"
                        },
                        "right": {
                          "value": "3",
                          "type": "px"
                        }
                      }
                    },
                    {
                      "type": "boolean",
                      "label": "Display slides in container div",
                      "id": "useContainer",
                      "default": true
                    }
                  ]
                },
                {
                  "label": "Image",
                  "settings": [
                    {
                      "type": "imageManager",
                      "label": "Image",
                      "id": "imageUrl",
                      "default": {
                        "src": "https://cdn7.bigcommerce.com/s-esi1aufjsk/product_images/uploaded_images/brand01.png",
                        "type": "IMAGE_MANAGER"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Image width",
                      "id": "width",
                      "default": {
                        "value": 220,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Image height",
                      "id": "height",
                      "default": {
                        "value": 100,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Image width (mobile)",
                      "id": "mobileWidth",
                      "default": {
                        "value": 220,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Image height (mobile)",
                      "id": "mobileHeight",
                      "default": {
                        "value": 100,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    },
                    {
                      "type": "input",
                      "label": "Image alt text",
                      "id": "imageAlt",
                      "default": ""
                    },
                    {
                      "type": "select",
                      "label": "Image fit",
                      "id": "imageFit",
                      "default": "fill",
                      "typeMeta": {
                        "selectOptions": [
                          {
                            "label": "Fill to box",
                            "value": "fill"
                          },
                          {
                            "label": "Fit to box",
                            "value": "fit"
                          }
                        ]
                      }
                    },
                    {
                      "type": "boolean",
                      "label": "Lazyload image",
                      "id": "lazyload",
                      "default": true
                    },
                    {
                      "type": "boolean",
                      "label": "Hover animation",
                      "id": "animate",
                      "default": true
                    },
                    {
                      "type": "number",
                      "label": "Border radius",
                      "id": "borderRadius",
                      "default": {
                        "value": 0,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    }
                  ]
                },
                {
                  "label": "Text",
                  "settings": [
                    {
                      "type": "hidden",
                      "id": "text",
                      "default": "Show Now"
                    },
                    {
                      "type": "visibility",
                      "label": "Show text",
                      "id": "textVisibility",
                      "default": "hide"
                    },
                    {
                      "type": "typography",
                      "label": "Text style",
                      "id": "textStyle",
                      "default": "default",
                      "typeMeta": {
                        "conditionalSettings": [
                          {
                            "condition": "custom",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Font family",
                                "id": "fontFamily",
                                "default": "inherit",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Theme Default",
                                      "value": "inherit"
                                    },
                                    {
                                      "label": "Arial",
                                      "value": "Arial, sans-serif"
                                    },
                                    {
                                      "label": "Tahoma",
                                      "value": "Tahoma, sans-serif"
                                    },
                                    {
                                      "label": "Verdana",
                                      "value": "Verdana, sans-serif"
                                    },
                                    {
                                      "label": "Lucida",
                                      "value": "Lucida, sans-serif"
                                    },
                                    {
                                      "label": "Times New Roman",
                                      "value": "Times New Roman, serif"
                                    },
                                    {
                                      "label": "Courier",
                                      "value": "Courier, serif"
                                    },
                                    {
                                      "label": "Georgia",
                                      "value": "Georgia, serif"
                                    },
                                    {
                                      "label": "Palatino",
                                      "value": "Palatino, serif"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Font weight",
                                "id": "fontWeight",
                                "default": "600",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Thin",
                                      "value": "100"
                                    },
                                    {
                                      "label": "Extra Light (Ultra Light)",
                                      "value": "200"
                                    },
                                    {
                                      "label": "Light",
                                      "value": "300"
                                    },
                                    {
                                      "label": "Normal",
                                      "value": "400"
                                    },
                                    {
                                      "label": "Medium",
                                      "value": "500"
                                    },
                                    {
                                      "label": "Semi Bold (Demi Bold)",
                                      "value": "600"
                                    },
                                    {
                                      "label": "Bold",
                                      "value": "700"
                                    },
                                    {
                                      "label": "Extra Bold (Ultra Bold)",
                                      "value": "800"
                                    },
                                    {
                                      "label": "Black (Heavy)",
                                      "value": "900"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Font size",
                                "id": "fontSize",
                                "default": {
                                  "value": 30,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                }
                              },
                              {
                                "type": "number",
                                "label": "Font size (Mobile)",
                                "id": "mobileFontSize",
                                "default": {
                                  "value": 16,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                }
                              },
                              {
                                "type": "color",
                                "label": "Text color",
                                "id": "fontColor",
                                "default": "#000000"
                              },
                              {
                                "type": "color",
                                "label": "Text color hover",
                                "id": "fontColorHover",
                                "default": "#de7bce"
                              }
                            ]
                          }
                        ]
                      },
                      "conditional": {
                        "key": "textVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    },
                    {
                      "type": "alignment",
                      "label": "Content align",
                      "id": "contentAlignment",
                      "default": {
                        "horizontal": "left"
                      },
                      "typeMeta": {
                        "display": "horizontal"
                      },
                      "conditional": {
                        "key": "textVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <style>\n            .chiara__carousel {\n            }\n            .chiara__carousel ._row {\n                display: flex;\n                justify-content: space-between;\n                overflow: auto;\n                -webkit-overflow-scrolling: touch;\n            }\n            .chiara__carousel ._row.slick-slider {\n                display: block;\n                margin-bottom: 0;\n                overflow: visible;\n            }\n            .chiara__carousel ._col {\n                flex-shirnk: 0;\n            }\n            .chiara__carousel ._banner {\n                display: block;\n                text-decoration: none;\n                color: inherit;\n            }\n            .chiara__carousel ._imgContainer {\n                position: relative;\n                overflow: hidden;\n            }\n            .chiara__carousel ._imgContainer:before {\n                content: '';\n                display: block;\n            }\n            .chiara__carousel ._imgContainer img {\n                position: absolute;\n                max-height: 100%;\n                width: 100%;\n            }\n            .chiara__carousel ._heading {\n                margin: 0;\n                color: inherit;\n                font-size: 16px;\n                font-weight: 600;\n                text-transform: none;\n            }\n            .chiara__carousel .slick-arrow {\n                padding-left: 3px;\n                padding-right: 3px;\n                width: 26px;\n                margin: 0;\n            }\n            .chiara__carousel .slick-arrow:before {\n                width: 20px;\n            }\n            .chiara__carousel .slick-prev {\n                left: 0;\n            }\n            .chiara__carousel .slick-next {\n                right: 0;\n            }\n            .chiara__carousel .slick-dots {\n                position: absolute;\n                bottom: 0;\n            }\n            @media (max-width: 550px) {\n                .chiara__carousel .container {\n                    padding: 0;\n                }\n                .chiara__carousel ._row {\n                    padding-bottom: 30px;\n                }\n                .chiara__carousel ._heading {\n                    font-size: 14px;\n                }\n                .chiara__carousel .slick-arrow {\n                    margin-top: -15px;\n                }\n            }\n            @media (min-width: 1261px) {\n                {{#any items useContainer=true}}\n                    .chiara__carousel .slick-prev {\n                        left: -26px;\n                    }\n                    .chiara__carousel .slick-next {\n                        right: -26px;\n                    }\n                {{/any}}\n            }\n\n            {{#each items}}\n                .chiara__carousel-{{../_.id}} [data-index=\"{{@index}}\"] {\n                    padding-top: {{padding.top.value}}{{padding.top.type}};\n                    padding-bottom: {{padding.bottom.value}}{{padding.bottom.type}};\n                    padding-left: {{padding.left.value}}{{padding.left.type}};\n                    padding-right: {{padding.right.value}}{{padding.right.type}};\n                }\n                .chiara__carousel-{{../_.id}} [data-index=\"{{@index}}\"] ._banner {\n                    {{#if textStyle '===' 'custom'}}\n                        color: {{fontColor}};\n                    {{/if}}\n                }\n                .chiara__carousel-{{../_.id}} [data-index=\"{{@index}}\"] ._banner:hover,\n                .chiara__carousel-{{../_.id}} [data-index=\"{{@index}}\"] ._banner:focus {\n                    {{#if textStyle '===' 'custom'}}\n                        color: {{fontColorHover}};\n                    {{/if}}\n                }\n\n                .chiara__carousel-{{../_.id}} [data-index=\"{{@index}}\"] ._banner img {\n                    {{#if animate}}\n                        transition: all .3s ease-in-out;\n                    {{/if}}\n                }\n                .chiara__carousel-{{../_.id}} [data-index=\"{{@index}}\"] ._banner:hover img {\n                    {{#if animate}}\n                        transform: scale(1.1);\n                        transition: all .8s ease-in-out;\n                    {{/if}}\n                }\n                .chiara__carousel-{{../_.id}} [data-index=\"{{@index}}\"] ._banner:hover img + img {\n                    {{#if animate}}\n                        transform: scale(.95);\n                        transition: all .6s ease-in-out;\n                    {{/if}}\n                }\n                .chiara__carousel-{{../_.id}} [data-index=\"{{@index}}\"] ._imgContainer {\n                    border-radius: {{borderRadius.value}}{{borderRadius.type}};\n                    width: {{width.value}}{{width.type}};\n                }\n                .chiara__carousel-{{../_.id}} [data-index=\"{{@index}}\"] ._imgContainer:before {\n                    padding-top: {{multiply (divide height.value width.value) 100}}%;\n                    max-height: {{height.value}}{{height.type}};\n                }\n                .chiara__carousel-{{../_.id}} [data-index=\"{{@index}}\"] ._imgContainer img {\n                    object-fit: {{#if imageFit '==' 'fill'}}cover{{else}}contain{{/if}};\n                    top: 0;\n                    bottom: 0;\n                    left: 0;\n                    right: 0;\n                    margin: auto;\n                }\n                .chiara__carousel-{{../_.id}} [data-index=\"{{@index}}\"] ._body {\n                    text-align: {{contentAlignment.horizontal}};\n                }\n                .chiara__carousel-{{../_.id}} [data-index=\"{{@index}}\"] ._heading {\n                    {{#if textStyle '===' 'custom'}}\n                        font-family: {{fontFamily}};\n                        font-weight: {{fontWeight}};\n                        font-size: {{fontSize.value}}{{fontSize.type}};\n                    {{/if}}\n                }\n                @media (max-width: 550px) {\n                    .chiara__carousel-{{../_.id}} [data-index=\"{{@index}}\"] {\n                        padding-top: {{mobilePadding.top.value}}{{mobilePadding.top.type}};\n                        padding-bottom: {{mobilePadding.bottom.value}}{{mobilePadding.bottom.type}};\n                        padding-left: {{mobilePadding.left.value}}{{mobilePadding.left.type}};\n                        padding-right: {{mobilePadding.right.value}}{{mobilePadding.right.type}};\n                    }\n                    .chiara__carousel-{{../_.id}} [data-index=\"{{@index}}\"] ._imgContainer {\n                        width: {{mobileWidth.value}}{{mobileWidth.type}};\n                    }\n                    .chiara__carousel-{{../_.id}} [data-index=\"{{@index}}\"] ._imgContainer:before {\n                        padding-top: {{multiply (divide mobileHeight.value mobileWidth.value) 100}}%;\n                        max-height: {{mobileHeight.value}}{{mobileHeight.type}};\n                    }\n                    .chiara__carousel-{{../_.id}} [data-index=\"{{@index}}\"] ._heading {\n                        {{#if textStyle '===' 'custom'}}\n                            font-size: {{mobileFontSize.value}}{{mobileFontSize.type}};\n                        {{/if}}\n                    }\n                }\n            {{/each}}\n        </style>\n        <div class=\"chiara__carousel chiara__carousel-{{_.id}}\" id=\"chiara__carousel-{{_.id}}\">\n            {{#any items useContainer=true}}\n                <div class=\"container\">\n            {{/any}}\n                    <div class=\"_row\">\n                        {{#each items}}\n                            <div class=\"_col\" data-index=\"{{@index}}\">\n                                <a {{#if link}}href=\"{{link}}\"{{/if}} class=\"_banner wow fadeIn\" data-wow-delay=\"{{multiply 200 @index}}ms\" data-disable-link>\n                                    <div class=\"_imgContainer\">\n                                        <img\n                                            {{#if lazyload}}\n                                                class=\"lazyload\" src=\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='{{width.value}}' height='{{height.value}}'%3E%3C/svg%3E\" data-src=\"{{imageUrl.src}}\" data-sizes=\"auto\"\n                                            {{else}}\n                                                src=\"{{imageUrl.src}}\"\n                                            {{/if}}\n                                            alt=\"{{imageAlt}}\">\n                                    </div>\n                                    {{#if textVisibility '===' 'show'}}\n                                        <div class=\"_body\">\n                                            <h5 class=\"_heading\" data-editable-content=\"items.{{@index}}.text\">{{{text}}}</h5>\n                                        </div>\n                                    {{/if}}\n                                </a>\n                            </div>\n                        {{/each}}\n                    </div>\n            {{#any items useContainer=true}}\n                </div>\n            {{/any}}\n        </div>\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapaThemesChiaraWidgetCarousel = window.PapaThemesChiaraWidgetCarousel || [];\n                window.PapaThemesChiaraWidgetCarousel.push({\n                    elementId: 'chiara__carousel-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{{json .}}}\n                });\n            })();\n        </script>\n        <script nonce=\"{{nonce}}\" src=\"https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/chiara-carousel.js\" async defer></script>\n    <!-- ###VERSION:1.0.0### -->",
      "date_created": "2025-01-11T01:34:03.249Z",
      "date_modified": "2025-04-02T08:53:59.904Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "c5431b36-d131-4f9c-a66b-5e3e0a2a0b3f",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "da8858e3-12ba-4621-b882-5c6b2135cda3",
      "name": "Accordion | PapaThemes",
      "schema": [
        {
          "type": "tab",
          "label": "Settings",
          "sections": [
            {
              "label": "General",
              "settings": [
                {
                  "type": "color",
                  "label": "Border Color",
                  "id": "borderColor",
                  "default": "#858585"
                },
                {
                  "type": "color",
                  "label": "Focus Color",
                  "id": "focusColor",
                  "default": "#0759d5"
                }
              ]
            },
            {
              "label": "Heading",
              "settings": [
                {
                  "type": "select",
                  "label": "Tag",
                  "id": "headingTag",
                  "default": "h3",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "H1",
                        "value": "h1"
                      },
                      {
                        "label": "H2",
                        "value": "h2"
                      },
                      {
                        "label": "H3",
                        "value": "h3"
                      },
                      {
                        "label": "H4",
                        "value": "h4"
                      },
                      {
                        "label": "H5",
                        "value": "h5"
                      },
                      {
                        "label": "H6",
                        "value": "h6"
                      },
                      {
                        "label": "DIV",
                        "value": "div"
                      }
                    ]
                  }
                },
                {
                  "type": "element",
                  "id": "headingStyle",
                  "label": "Fonts & Colors",
                  "typeMeta": {
                    "controls": {
                      "advanced": {
                        "label": "Fonts & Colors",
                        "settings": [
                          {
                            "type": "color",
                            "label": "Heading Color",
                            "id": "color",
                            "default": "#212121"
                          },
                          {
                            "type": "color",
                            "label": "Heading Background Color",
                            "id": "bgColor",
                            "default": "#f7f7f7"
                          },
                          {
                            "type": "color",
                            "label": "Heading Hover Color",
                            "id": "hoverColor",
                            "default": "#e1edfe"
                          },
                          {
                            "type": "typography",
                            "label": "Typography",
                            "id": "typography",
                            "default": "default",
                            "typeMeta": {
                              "conditionalSettings": [
                                {
                                  "condition": "custom",
                                  "settings": [
                                    {
                                      "type": "select",
                                      "label": "Font Family",
                                      "id": "fontFamily",
                                      "default": "inherit",
                                      "typeMeta": {
                                        "selectOptions": [
                                          {
                                            "label": "Theme Default",
                                            "value": "inherit"
                                          },
                                          {
                                            "label": "Arial",
                                            "value": "Arial, sans-serif"
                                          },
                                          {
                                            "label": "Tahoma",
                                            "value": "Tahoma, sans-serif"
                                          },
                                          {
                                            "label": "Verdana",
                                            "value": "Verdana, sans-serif"
                                          },
                                          {
                                            "label": "Lucida",
                                            "value": "Lucida, sans-serif"
                                          },
                                          {
                                            "label": "Times New Roman",
                                            "value": "Times New Roman, serif"
                                          },
                                          {
                                            "label": "Courier",
                                            "value": "Courier, serif"
                                          },
                                          {
                                            "label": "Georgia",
                                            "value": "Georgia, serif"
                                          },
                                          {
                                            "label": "Palatino",
                                            "value": "Palatino, serif"
                                          }
                                        ]
                                      }
                                    },
                                    {
                                      "type": "select",
                                      "label": "Font Weight",
                                      "id": "fontWeight",
                                      "default": "700",
                                      "typeMeta": {
                                        "selectOptions": [
                                          {
                                            "label": "Thin",
                                            "value": "100"
                                          },
                                          {
                                            "label": "Extra Light",
                                            "value": "200"
                                          },
                                          {
                                            "label": "Light",
                                            "value": "300"
                                          },
                                          {
                                            "label": "Normal",
                                            "value": "400"
                                          },
                                          {
                                            "label": "Medium",
                                            "value": "500"
                                          },
                                          {
                                            "label": "Semi Bold",
                                            "value": "600"
                                          },
                                          {
                                            "label": "Bold",
                                            "value": "700"
                                          },
                                          {
                                            "label": "Extra Bold",
                                            "value": "800"
                                          },
                                          {
                                            "label": "Black",
                                            "value": "900"
                                          }
                                        ]
                                      }
                                    },
                                    {
                                      "type": "number",
                                      "label": "Font Size",
                                      "id": "fontSize",
                                      "default": {
                                        "value": 30,
                                        "type": "px"
                                      },
                                      "typeMeta": {
                                        "parseType": "integer"
                                      }
                                    },
                                    {
                                      "type": "number",
                                      "label": "Font Size (Mobile)",
                                      "id": "fontSizeMobile",
                                      "default": {
                                        "value": 16,
                                        "type": "px"
                                      },
                                      "typeMeta": {
                                        "parseType": "integer"
                                      }
                                    }
                                  ]
                                }
                              ]
                            }
                          },
                          {
                            "type": "alignment",
                            "label": "Alignment",
                            "id": "align",
                            "default": {
                              "horizontal": "left"
                            },
                            "typeMeta": {
                              "display": "horizontal"
                            }
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "id": "headingSize",
                  "label": "Sizes",
                  "typeMeta": {
                    "controls": {
                      "advanced": {
                        "label": "Sizes",
                        "settings": [
                          {
                            "type": "boxModel",
                            "label": "Padding",
                            "id": "padding",
                            "default": {
                              "top": {
                                "value": "10",
                                "type": "px"
                              },
                              "right": {
                                "value": "15",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "10",
                                "type": "px"
                              },
                              "left": {
                                "value": "15",
                                "type": "px"
                              }
                            }
                          }
                        ]
                      }
                    }
                  }
                }
              ]
            },
            {
              "label": "Body",
              "settings": [
                {
                  "type": "element",
                  "id": "bodyStyle",
                  "label": "Fonts & Colors",
                  "typeMeta": {
                    "controls": {
                      "advanced": {
                        "label": "Fonts & Colors",
                        "settings": [
                          {
                            "type": "color",
                            "label": "Color",
                            "id": "color",
                            "default": "#000000"
                          },
                          {
                            "type": "color",
                            "label": "Background Color",
                            "id": "bgColor",
                            "default": "#ffffff"
                          },
                          {
                            "type": "typography",
                            "label": "Typography",
                            "id": "typography",
                            "default": "default",
                            "typeMeta": {
                              "conditionalSettings": [
                                {
                                  "condition": "custom",
                                  "settings": [
                                    {
                                      "type": "select",
                                      "label": "Font Family",
                                      "id": "fontFamily",
                                      "default": "inherit",
                                      "typeMeta": {
                                        "selectOptions": [
                                          {
                                            "label": "Theme Default",
                                            "value": "inherit"
                                          },
                                          {
                                            "label": "Arial",
                                            "value": "Arial, sans-serif"
                                          },
                                          {
                                            "label": "Tahoma",
                                            "value": "Tahoma, sans-serif"
                                          },
                                          {
                                            "label": "Verdana",
                                            "value": "Verdana, sans-serif"
                                          },
                                          {
                                            "label": "Lucida",
                                            "value": "Lucida, sans-serif"
                                          },
                                          {
                                            "label": "Times New Roman",
                                            "value": "Times New Roman, serif"
                                          },
                                          {
                                            "label": "Courier",
                                            "value": "Courier, serif"
                                          },
                                          {
                                            "label": "Georgia",
                                            "value": "Georgia, serif"
                                          },
                                          {
                                            "label": "Palatino",
                                            "value": "Palatino, serif"
                                          }
                                        ]
                                      }
                                    },
                                    {
                                      "type": "select",
                                      "label": "Font Weight",
                                      "id": "fontWeight",
                                      "default": "700",
                                      "typeMeta": {
                                        "selectOptions": [
                                          {
                                            "label": "Thin",
                                            "value": "100"
                                          },
                                          {
                                            "label": "Extra Light",
                                            "value": "200"
                                          },
                                          {
                                            "label": "Light",
                                            "value": "300"
                                          },
                                          {
                                            "label": "Normal",
                                            "value": "400"
                                          },
                                          {
                                            "label": "Medium",
                                            "value": "500"
                                          },
                                          {
                                            "label": "Semi Bold",
                                            "value": "600"
                                          },
                                          {
                                            "label": "Bold",
                                            "value": "700"
                                          },
                                          {
                                            "label": "Extra Bold",
                                            "value": "800"
                                          },
                                          {
                                            "label": "Black",
                                            "value": "900"
                                          }
                                        ]
                                      }
                                    },
                                    {
                                      "type": "number",
                                      "label": "Font Size",
                                      "id": "fontSize",
                                      "default": {
                                        "value": 30,
                                        "type": "px"
                                      },
                                      "typeMeta": {
                                        "parseType": "integer"
                                      }
                                    },
                                    {
                                      "type": "number",
                                      "label": "Font Size (Mobile)",
                                      "id": "fontSizeMobile",
                                      "default": {
                                        "value": 16,
                                        "type": "px"
                                      },
                                      "typeMeta": {
                                        "parseType": "integer"
                                      }
                                    }
                                  ]
                                }
                              ]
                            }
                          },
                          {
                            "type": "alignment",
                            "label": "Alignment",
                            "id": "align",
                            "default": {
                              "horizontal": "left"
                            },
                            "typeMeta": {
                              "display": "horizontal"
                            }
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "id": "bodySize",
                  "label": "Sizes",
                  "typeMeta": {
                    "controls": {
                      "advanced": {
                        "label": "Sizes",
                        "settings": [
                          {
                            "type": "boxModel",
                            "label": "Padding",
                            "id": "padding",
                            "default": {
                              "top": {
                                "value": "10",
                                "type": "px"
                              },
                              "right": {
                                "value": "15",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "10",
                                "type": "px"
                              },
                              "left": {
                                "value": "15",
                                "type": "px"
                              }
                            }
                          }
                        ]
                      }
                    }
                  }
                }
              ]
            }
          ]
        },
        {
          "type": "array",
          "label": "Items",
          "id": "items",
          "defaultCount": 2,
          "entryLabel": "Item",
          "schema": [
            {
              "type": "tab",
              "label": "Content",
              "sections": [
                {
                  "settings": [
                    {
                      "type": "boolean",
                      "label": "Open by default",
                      "id": "isOpened",
                      "default": false
                    },
                    {
                      "type": "code",
                      "label": "HTML",
                      "id": "title",
                      "default": "Accordion Title",
                      "typeMeta": {
                        "language": "html",
                        "placeholder": "Insert HTML code here or edit in WYISWYG editor"
                      }
                    },
                    {
                      "type": "code",
                      "label": "HTML",
                      "id": "body",
                      "default": "Accordion Body",
                      "typeMeta": {
                        "language": "html",
                        "placeholder": "Insert HTML code here or edit in WYISWYG editor"
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <style>\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion {\n                margin: 0;\n                padding: 0;\n                border: 2px solid {{borderColor}};\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion ._accordion-heading {\n                margin: 0;\n                padding: 0;\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion:focus-within {\n                border-color: {{focusColor}};\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion:focus-within ._accordion-heading {\n                background-color: {{headingStyle.bgColor}};\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion > * + * {\n                border-top: 1px solid {{borderColor}};\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion-trigger {\n                background: none;\n                color: {{headingStyle.color}};\n                display: block;\n                padding-top: {{headingSize.padding.top.value}}{{headingSize.padding.top.type}};\n                padding-right: {{headingSize.padding.right.value}}{{headingSize.padding.right.type}};\n                padding-bottom: {{headingSize.padding.bottom.value}}{{headingSize.padding.bottom.type}};\n                padding-left: {{headingSize.padding.left.value}}{{headingSize.padding.left.type}};\n                margin: 0;\n                position: relative;\n                text-align: {{headingStyle.align.horizontal}};\n                width: 100%;\n                outline: none;\n                {{#if headingStyle.typography '==' 'custom'}}\n                    font-family: {{headingStyle.fontFamily}};\n                    font-weight: {{headingStyle.fontWeight}};\n                    font-size: {{headingStyle.fontSize.value}}{{headingStyle.fontSize.type}};\n                {{/if}}\n            }\n            @media (max-width: 800px) {\n                .PapathemesWidgetAccordion-{{_.id}} ._accordion-trigger {\n                    {{#if headingStyle.typography '==' 'custom'}}\n                        font-size: {{headingStyle.fontSizeMobile.value}}{{headingStyle.fontSizeMobile.type}};\n                    {{/if}}\n                }\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion-trigger:focus,\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion-trigger:hover {\n                background: {{headingStyle.hoverColor}};\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion-trigger:focus {\n                outline: 4px solid transparent;\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} button {\n                border-style: none;\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion button::-moz-focus-inner {\n                border: 0;\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion-title {\n                display: block;\n                pointer-events: none;\n                border: transparent 2px solid;\n                outline: none;\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion-title > p:last-child {\n                margin-bottom: 0;\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion-trigger:focus ._accordion-title {\n                border-color: {{focusColor}};\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion-icon {\n                border: solid currentcolor;\n                border-width: 0 2px 2px 0;\n                height: 0.5rem;\n                pointer-events: none;\n                position: absolute;\n                right: 2rem;\n                top: 50%;\n                transform: translateY(-60%) rotate(45deg);\n                width: 0.5rem;\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion-trigger:focus ._accordion-icon,\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion-trigger:hover ._accordion-icon {\n                border-color: {{focusColor}};\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion-trigger[aria-expanded=\"true\"] ._accordion-icon {\n                transform: translateY(-50%) rotate(-135deg);\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion-panel {\n                color: {{bodyStyle.color}};\n                background-color: {{bodyStyle.bgColor}};\n                padding-top: {{bodySize.padding.top.value}}{{bodySize.padding.top.type}};\n                padding-right: {{bodySize.padding.right.value}}{{bodySize.padding.right.type}};\n                padding-bottom: {{bodySize.padding.bottom.value}}{{bodySize.padding.bottom.type}};\n                padding-left: {{bodySize.padding.left.value}}{{bodySize.padding.left.type}};\n                margin: 0;\n                text-align: {{bodyStyle.align.horizontal}};\n                {{#if bodyStyle.typography '==' 'custom'}}\n                    font-family: {{bodyStyle.fontFamily}};\n                    font-weight: {{bodyStyle.fontWeight}};\n                    font-size: {{bodyStyle.fontSize.value}}{{bodyStyle.fontSize.type}};\n                {{/if}}\n            }\n            @media (max-width: 800px) {\n                .PapathemesWidgetAccordion-{{_.id}} ._accordion-panel {\n                    {{#if bodyStyle.typography '==' 'custom'}}\n                        font-size: {{bodyStyle.fontSizeMobile.value}}{{bodyStyle.fontSizeMobile.type}};\n                    {{/if}}\n                }\n            }\n\n            /* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion-panel[hidden] {\n                display: none;\n            }\n\n            .PapathemesWidgetAccordion-{{_.id}} ._accordion-panel > p:last-child {\n                margin-bottom: 0;\n            }\n        </style>\n        <div class=\"PapathemesWidgetAccordion PapathemesWidgetAccordion-{{_.id}}\" id=\"PapathemesWidgetAccordion-{{_.id}}\" data-test=\"papathemes-widget-accordion\">\n            <div class=\"_accordion\" data-test=\"accordion\">\n                {{#each items}}\n                    <{{../headingTag}} class=\"_accordion-heading\" data-test=\"accordion-heading\">\n                        <div\n                            class=\"_accordion-trigger\"\n                            data-test=\"accordion-trigger\"\n                            role=\"button\"\n                            id=\"PapathemesWidgetAccordion_{{../_.id}}_{{@index}}_title\"\n                            aria-controls=\"PapathemesWidgetAccordion_{{../_.id}}_{{@index}}_content\"\n                            aria-expanded=\"{{#if isOpened}}true{{else}}false{{/if}}\">\n                            <div class=\"_accordion-title\" data-editable-content=\"items.{{@index}}.title\">{{{title}}}</div>\n                            <span class=\"_accordion-icon\"></span>\n                        </div>\n                    </{{../headingTag}}>\n                    <div\n                        class=\"_accordion-panel\"\n                        id=\"PapathemesWidgetAccordion_{{../_.id}}_{{@index}}_content\"\n                        data-editable-content=\"items.{{@index}}.body\"\n                        data-test=\"accordion-content\"\n                        role=\"region\"\n                        aria-labelledby=\"PapathemesWidgetAccordion_{{../_.id}}_{{@index}}_title\"\n                        {{#if isOpened}}{{else}}hidden{{/if}}\n                    >{{{body}}}</div>\n                {{/each}}\n            </div>\n        </div>\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapathemesWidgetAccordion = window.PapathemesWidgetAccordion || [];\n                window.PapathemesWidgetAccordion.push({\n                    elementId: 'PapathemesWidgetAccordion-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{{json .}}}\n                });\n                var src = 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/accordion.js';\n                if (!document.head.querySelector('script[src=\"' + src + '\"]')) {\n                    var script = document.createElement('script');\n                    script.src = src;\n                    script.async = true;\n                    script.defer = true;\n                    script.nonce = \"{{nonce}}\";\n                    document.head.appendChild(script);\n                } else if (window.PapathemesWidgetAccordionInit) {\n                    window.PapathemesWidgetAccordionInit();\n                }\n            })();\n        </script>\n    <!-- ###VERSION:1.0.0### -->",
      "date_created": "2025-01-11T01:34:04.227Z",
      "date_modified": "2025-04-02T08:53:46.960Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "55861dac-0452-46d0-ac7a-6d87f132fb5a",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "1ebc66a9-77dd-4fbf-9434-b1d65ce0c024",
      "name": "Image Gallery | PapaThemes",
      "schema": [
        {
          "type": "tab",
          "label": "Settings",
          "sections": [
            {
              "label": "Icons",
              "settings": [
                {
                  "type": "boolean",
                  "label": "Show Download Icon",
                  "id": "showDownload",
                  "default": true
                },
                {
                  "type": "boolean",
                  "label": "Show Zoom Icon",
                  "id": "showZoom",
                  "default": true
                },
                {
                  "type": "boolean",
                  "label": "Show Facebook Icon",
                  "id": "showFacebook",
                  "default": true
                },
                {
                  "type": "boolean",
                  "label": "Show Twitter Icon",
                  "id": "showTwitter",
                  "default": true
                },
                {
                  "type": "boolean",
                  "label": "Show Pinterest Icon",
                  "id": "showPinterest",
                  "default": true
                },
                {
                  "type": "boolean",
                  "label": "Enable Image Lazyload",
                  "id": "lazyload",
                  "default": true
                },
                {
                  "type": "color",
                  "label": "Color",
                  "id": "iconColor",
                  "default": "#000000"
                }
              ]
            },
            {
              "label": "Columns",
              "settings": [
                {
                  "type": "boxModel",
                  "label": "Padding (Desktop)",
                  "id": "columnPaddingDesktop",
                  "default": {
                    "top": {
                      "value": "10",
                      "type": "px"
                    },
                    "right": {
                      "value": "10",
                      "type": "px"
                    },
                    "bottom": {
                      "value": "10",
                      "type": "px"
                    },
                    "left": {
                      "value": "10",
                      "type": "px"
                    }
                  }
                },
                {
                  "type": "boxModel",
                  "label": "Padding (Tablet)",
                  "id": "columnPaddingTablet",
                  "default": {
                    "top": {
                      "value": "10",
                      "type": "px"
                    },
                    "right": {
                      "value": "10",
                      "type": "px"
                    },
                    "bottom": {
                      "value": "10",
                      "type": "px"
                    },
                    "left": {
                      "value": "10",
                      "type": "px"
                    }
                  }
                },
                {
                  "type": "boxModel",
                  "label": "Padding (Mobile)",
                  "id": "columnPaddingMobile",
                  "default": {
                    "top": {
                      "value": "5",
                      "type": "px"
                    },
                    "right": {
                      "value": "5",
                      "type": "px"
                    },
                    "bottom": {
                      "value": "5",
                      "type": "px"
                    },
                    "left": {
                      "value": "5",
                      "type": "px"
                    }
                  }
                }
              ]
            },
            {
              "label": "Image Title",
              "settings": [
                {
                  "type": "element",
                  "id": "titleStyle",
                  "label": "Fonts & Colors",
                  "typeMeta": {
                    "controls": {
                      "advanced": {
                        "label": "Fonts & Colors",
                        "settings": [
                          {
                            "type": "color",
                            "label": "Heading Color",
                            "id": "color",
                            "default": "#000000"
                          },
                          {
                            "type": "typography",
                            "label": "Typography",
                            "id": "typography",
                            "default": "default",
                            "typeMeta": {
                              "conditionalSettings": [
                                {
                                  "condition": "custom",
                                  "settings": [
                                    {
                                      "type": "select",
                                      "label": "Font Family",
                                      "id": "fontFamily",
                                      "default": "inherit",
                                      "typeMeta": {
                                        "selectOptions": [
                                          {
                                            "label": "Theme Default",
                                            "value": "inherit"
                                          },
                                          {
                                            "label": "Arial",
                                            "value": "Arial, sans-serif"
                                          },
                                          {
                                            "label": "Tahoma",
                                            "value": "Tahoma, sans-serif"
                                          },
                                          {
                                            "label": "Verdana",
                                            "value": "Verdana, sans-serif"
                                          },
                                          {
                                            "label": "Lucida",
                                            "value": "Lucida, sans-serif"
                                          },
                                          {
                                            "label": "Times New Roman",
                                            "value": "Times New Roman, serif"
                                          },
                                          {
                                            "label": "Courier",
                                            "value": "Courier, serif"
                                          },
                                          {
                                            "label": "Georgia",
                                            "value": "Georgia, serif"
                                          },
                                          {
                                            "label": "Palatino",
                                            "value": "Palatino, serif"
                                          }
                                        ]
                                      }
                                    },
                                    {
                                      "type": "select",
                                      "label": "Font Weight",
                                      "id": "fontWeight",
                                      "default": "700",
                                      "typeMeta": {
                                        "selectOptions": [
                                          {
                                            "label": "Thin",
                                            "value": "100"
                                          },
                                          {
                                            "label": "Extra Light",
                                            "value": "200"
                                          },
                                          {
                                            "label": "Light",
                                            "value": "300"
                                          },
                                          {
                                            "label": "Normal",
                                            "value": "400"
                                          },
                                          {
                                            "label": "Medium",
                                            "value": "500"
                                          },
                                          {
                                            "label": "Semi Bold",
                                            "value": "600"
                                          },
                                          {
                                            "label": "Bold",
                                            "value": "700"
                                          },
                                          {
                                            "label": "Extra Bold",
                                            "value": "800"
                                          },
                                          {
                                            "label": "Black",
                                            "value": "900"
                                          }
                                        ]
                                      }
                                    },
                                    {
                                      "type": "number",
                                      "label": "Font Size (Desktop)",
                                      "id": "fontSizeDesktop",
                                      "default": {
                                        "value": 16,
                                        "type": "px"
                                      },
                                      "typeMeta": {
                                        "parseType": "integer"
                                      }
                                    },
                                    {
                                      "type": "number",
                                      "label": "Font Size (Tablet)",
                                      "id": "fontSizeTablet",
                                      "default": {
                                        "value": 16,
                                        "type": "px"
                                      },
                                      "typeMeta": {
                                        "parseType": "integer"
                                      }
                                    },
                                    {
                                      "type": "number",
                                      "label": "Font Size (Mobile)",
                                      "id": "fontSizeMobile",
                                      "default": {
                                        "value": 16,
                                        "type": "px"
                                      },
                                      "typeMeta": {
                                        "parseType": "integer"
                                      }
                                    }
                                  ]
                                }
                              ]
                            }
                          },
                          {
                            "type": "alignment",
                            "label": "Alignment",
                            "id": "align",
                            "default": {
                              "horizontal": "center"
                            },
                            "typeMeta": {
                              "display": "horizontal"
                            }
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "id": "titleSize",
                  "label": "Sizes",
                  "typeMeta": {
                    "controls": {
                      "advanced": {
                        "label": "Sizes",
                        "settings": [
                          {
                            "type": "boxModel",
                            "label": "Padding",
                            "id": "padding",
                            "default": {
                              "top": {
                                "value": "5",
                                "type": "px"
                              },
                              "right": {
                                "value": "0",
                                "type": "px"
                              },
                              "bottom": {
                                "value": "5",
                                "type": "px"
                              },
                              "left": {
                                "value": "0",
                                "type": "px"
                              }
                            }
                          }
                        ]
                      }
                    }
                  }
                }
              ]
            }
          ]
        },
        {
          "type": "array",
          "label": "Images",
          "id": "items",
          "defaultCount": 4,
          "entryLabel": "Image",
          "thumbnail": {
            "type": "image",
            "valueKey": "imageUrl.src"
          },
          "schema": [
            {
              "type": "hidden",
              "settings": [
                {
                  "id": "title",
                  "default": "Sample Image Title"
                }
              ]
            },
            {
              "type": "tab",
              "label": "Content",
              "sections": [
                {
                  "label": "Image",
                  "settings": [
                    {
                      "type": "imageManager",
                      "label": "Image",
                      "id": "imageUrl",
                      "default": {
                        "src": "https://cdn11.bigcommerce.com/s-3gri24oh2r/product_images/uploaded_images/cosmetics-flex-banner-1.jpg",
                        "type": "IMAGE_MANAGER"
                      }
                    },
                    {
                      "type": "imageManager",
                      "label": "High-Res Image for Downloading",
                      "id": "downloadImageUrl",
                      "default": {
                        "src": "",
                        "type": "IMAGE_MANAGER"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Width",
                      "id": "width",
                      "default": {
                        "value": "600",
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Height",
                      "id": "height",
                      "default": {
                        "value": "600",
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    },
                    {
                      "type": "select",
                      "label": "Fit",
                      "id": "fit",
                      "default": "contain",
                      "typeMeta": {
                        "selectOptions": [
                          {
                            "label": "Contain",
                            "value": "contain"
                          },
                          {
                            "label": "Cover",
                            "value": "cover"
                          }
                        ]
                      }
                    },
                    {
                      "type": "color",
                      "label": "Hover overlay color",
                      "id": "hoverOverlayColor",
                      "default": "rgba(255,255,255,0.5)"
                    }
                  ]
                },
                {
                  "label": "Column",
                  "settings": [
                    {
                      "type": "range",
                      "label": "Width (Desktop)",
                      "id": "columnWidthDesktop",
                      "default": 25,
                      "typeMeta": {
                        "rangeValues": {
                          "min": 0,
                          "max": 100,
                          "step": 1,
                          "unit": "%"
                        }
                      }
                    },
                    {
                      "type": "range",
                      "label": "Width (Tablet)",
                      "id": "columnWidthTablet",
                      "default": 50,
                      "typeMeta": {
                        "rangeValues": {
                          "min": 0,
                          "max": 100,
                          "step": 1,
                          "unit": "%"
                        }
                      }
                    },
                    {
                      "type": "range",
                      "label": "Width (Mobile)",
                      "id": "columnWidthMobile",
                      "default": 100,
                      "typeMeta": {
                        "rangeValues": {
                          "min": 0,
                          "max": 100,
                          "step": 1,
                          "unit": "%"
                        }
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <style>\n            .PapathemesWidgetImageGallery-{{_.id}} ._grid {\n                display: flex;\n                flex-wrap: wrap;\n            }\n            .PapathemesWidgetImageGallery-{{_.id}} ._grid ._item {\n                padding-top: {{columnPaddingMobile.top.value}}{{columnPaddingMobile.top.type}};\n                padding-right: {{columnPaddingMobile.right.value}}{{columnPaddingMobile.right.type}};\n                padding-bottom: {{columnPaddingMobile.bottom.value}}{{columnPaddingMobile.bottom.type}};\n                padding-left: {{columnPaddingMobile.left.value}}{{columnPaddingMobile.left.type}};\n            }\n            @media (min-width: 551px) {\n                .PapathemesWidgetImageGallery-{{_.id}} ._grid ._item {\n                    padding-top: {{columnPaddingTablet.top.value}}{{columnPaddingTablet.top.type}};\n                    padding-right: {{columnPaddingTablet.right.value}}{{columnPaddingTablet.right.type}};\n                    padding-bottom: {{columnPaddingTablet.bottom.value}}{{columnPaddingTablet.bottom.type}};\n                    padding-left: {{columnPaddingTablet.left.value}}{{columnPaddingTablet.left.type}};\n                }\n            }\n            @media (min-width: 801px) {\n                .PapathemesWidgetImageGallery-{{_.id}} ._grid ._item {\n                    padding-top: {{columnPaddingDesktop.top.value}}{{columnPaddingDesktop.top.type}};\n                    padding-right: {{columnPaddingDesktop.right.value}}{{columnPaddingDesktop.right.type}};\n                    padding-bottom: {{columnPaddingDesktop.bottom.value}}{{columnPaddingDesktop.bottom.type}};\n                    padding-left: {{columnPaddingDesktop.left.value}}{{columnPaddingDesktop.left.type}};\n                }\n            }\n            .PapathemesWidgetImageGallery-{{_.id}} ._img-box {\n                position: relative;\n                overflow: hidden;\n            }\n            .PapathemesWidgetImageGallery-{{_.id}} ._img {\n                display: inline-block;\n                max-width: 100%;\n                height: auto;\n                vertical-align: middle;\n                border: 0;\n            }\n            .PapathemesWidgetImageGallery-{{_.id}} ._overlay {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n            }\n            .PapathemesWidgetImageGallery-{{_.id}} ._links-left {\n                position: absolute;\n                left: 0;\n                bottom: 0;\n                display: flex;\n            }\n            .PapathemesWidgetImageGallery-{{_.id}} ._links-right {\n                position: absolute;\n                right: 0;\n                bottom: 0;\n                display: flex;\n            }\n            @media (min-width: 801px) {\n                .PapathemesWidgetImageGallery-{{_.id}} ._links-left,\n                .PapathemesWidgetImageGallery-{{_.id}} ._links-right {\n                    bottom: -40px;\n                    opacity: 0;\n                    transition: 0.3s;\n                }\n                .PapathemesWidgetImageGallery-{{_.id}} figure:hover ._links-left,\n                .PapathemesWidgetImageGallery-{{_.id}} figure:hover ._links-right,\n                .PapathemesWidgetImageGallery-{{_.id}} figure:focus ._links-left,\n                .PapathemesWidgetImageGallery-{{_.id}} figure:focus ._links-right {\n                    bottom: 0;\n                    opacity: 1;\n                }\n            }\n            .PapathemesWidgetImageGallery-{{_.id}} ._link {\n                display: block;\n                width: 40px;\n                height: 40px;\n                padding: 10px;\n                position: relative;\n            }\n            .PapathemesWidgetImageGallery-{{_.id}} ._link ._icon {\n                display: block;\n                width: 100%;\n                height: 100%;\n                fill: {{iconColor}};\n            }\n            .PapathemesWidgetImageGallery-{{_.id}} figure {\n                margin: 0;\n            }\n            .PapathemesWidgetImageGallery-{{_.id}} figcaption {\n                color: {{titleStyle.color}};\n                {{#if titleStyle.typography '==' 'custom'}}\n                    font-family: {{titleStyle.fontFamily}};\n                    font-weight: {{titleStyle.fontWeight}};\n                    font-size: {{titleStyle.fontSizeMobile.value}}{{titleStyle.fontSizeMobile.type}};\n                {{/if}}\n                text-align: {{titleStyle.align.horizontal}};\n                margin: 0;\n                padding-top: {{titleSize.padding.top.value}}{{titleSize.padding.top.type}};\n                padding-right: {{titleSize.padding.right.value}}{{titleSize.padding.right.type}};\n                padding-bottom: {{titleSize.padding.bottom.value}}{{titleSize.padding.bottom.type}};\n                padding-left: {{titleSize.padding.left.value}}{{titleSize.padding.left.type}};\n            }\n            @media (min-width: 551px) {\n                .PapathemesWidgetImageGallery-{{_.id}} figcaption {\n                    {{#if titleStyle.typography '==' 'custom'}}\n                        font-family: {{titleStyle.fontFamily}};\n                        font-weight: {{titleStyle.fontWeight}};\n                        font-size: {{titleStyle.fontSizeTablet.value}}{{titleStyle.fontSizeTablet.type}};\n                    {{/if}}\n                }\n            }\n            @media (min-width: 801px) {\n                .PapathemesWidgetImageGallery-{{_.id}} figcaption {\n                    {{#if titleStyle.typography '==' 'custom'}}\n                        font-family: {{titleStyle.fontFamily}};\n                        font-weight: {{titleStyle.fontWeight}};\n                        font-size: {{titleStyle.fontSizeDesktop.value}}{{titleStyle.fontSizeDesktop.type}};\n                    {{/if}}\n                }\n            }\n            .PapathemesWidgetImageGallery-{{_.id}} figcaption p:last-child {\n                margin-bottom: 0;\n            }\n            {{#each items}}\n                .PapathemesWidgetImageGallery-{{../_.id}} ._grid ._item--{{@index}} {\n                    width: {{columnWidthMobile}}%;\n                    flex-basis: {{columnWidthMobile}}%;\n                }\n                @media (min-width: 551px) {\n                    .PapathemesWidgetImageGallery-{{../_.id}} ._grid ._item--{{@index}} {\n                        width: {{columnWidthTablet}}%;\n                        flex-basis: {{columnWidthTablet}}%;\n                    }\n                }\n                @media (min-width: 801px) {\n                    .PapathemesWidgetImageGallery-{{../_.id}} ._grid ._item--{{@index}} {\n                        width: {{columnWidthDesktop}}%;\n                        flex-basis: {{columnWidthDesktop}}%;\n                    }\n                }\n                .PapathemesWidgetImageGallery-{{../_.id}} ._grid ._item--{{@index}} ._img {\n                    aspect-ratio: {{width.value}} / {{height.value}};\n                }\n                .PapathemesWidgetImageGallery-{{../_.id}} ._grid ._item--{{@index}} ._img._contain {\n                    object-fit: contain;\n                }\n                .PapathemesWidgetImageGallery-{{../_.id}} ._grid ._item--{{@index}} ._img._cover {\n                    object-fit: cover;\n                }\n                .PapathemesWidgetImageGallery-{{../_.id}} ._grid ._item--{{@index}} figure:hover ._overlay,\n                .PapathemesWidgetImageGallery-{{../_.id}} ._grid ._item--{{@index}} figure:focus ._overlay {\n                    background-color: {{hoverOverlayColor}};\n                }\n            {{/each}}\n        </style>\n        <div class=\"PapathemesWidgetImageGallery PapathemesWidgetImageGallery-{{_.id}}\" id=\"PapathemesWidgetImageGallery-{{_.id}}\" data-test=\"papathemes-widget-image-gallery\">\n            <div class=\"_grid\">\n                {{#each items}}\n                    <div class=\"_item _item--{{@index}}\" id=\"PapathemesWidgetImageGallery-{{../_.id}}-{{@index}}\">\n                        <figure>\n                            <div class=\"_img-box\">\n                                <img\n                                    {{#if ../lazyload}}\n                                        class=\"_img _{{fit}} lazyload\"\n                                        src=\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='{{width.value}}' height='{{height.value}}'%3E%3C/svg%3E\"\n                                        data-src=\"{{imageUrl.src}}\"\n                                    {{else}}\n                                        class=\"_img _{{fit}} lazyload\"\n                                        src=\"{{imageUrl.src}}\"\n                                    {{/if}}\n                                    alt=\"{{title}}\"\n                                    sizes=\"auto\"\n                                    width=\"{{width.value}}\"\n                                    height=\"{{height.value}}\"\n                                />\n                                <div class=\"_overlay\"></div>\n                                <div class=\"_links-left\">\n                                    {{#if ../showDownload}}\n                                        <a href=\"{{#if downloadImageUrl.src}}{{downloadImageUrl.src}}{{else}}{{imageUrl.src}}{{/if}}\" class=\"_link _link--download\" target=\"_blank\" title=\"Download\" download><svg class=\"_icon\"><use xlink:href=\"#icon-papathemes-widget-image-gallery-download\"></use></svg></a>\n                                    {{/if}}\n                                    {{#if ../showZoom}}\n                                        <a href=\"{{imageUrl.src}}\" class=\"_link _link--zoom\" title=\"Zoom\" data-papathemes-widget-image-gallery-lightbox><svg class=\"_icon\"><use xlink:href=\"#icon-papathemes-widget-image-gallery-enlarge\"></use></svg></a>\n                                    {{/if}}\n                                </div>\n                                <div class=\"_links-right\">\n                                    {{#if ../showFacebook}}\n                                        <a href=\"https://www.facebook.com/sharer/sharer.php?u={{encodeURI imageUrl.src}}\" data-papathemes-widget-image-gallery-share-facebook class=\"_link _link--facebook\" title=\"Facebook\"><svg class=\"_icon\"><use xlink:href=\"#icon-papathemes-widget-image-gallery-facebook\"></use></svg></a>\n                                    {{/if}}\n                                    {{#if ../showTwitter}}\n                                        <a href=\"https://twitter.com/intent/tweet?url={{encodeURI imageUrl.src}}&text={{encodeURI title}}\" data-papathemes-widget-image-gallery-share-twitter class=\"_link _link--twitter\" title=\"Twitter\"><svg class=\"_icon\"><use xlink:href=\"#icon-papathemes-widget-image-gallery-twitter\"></use></svg></a>\n                                    {{/if}}\n                                    {{#if ../showPinterest}}\n                                        <a href=\"https://www.pinterest.com/pin-builder/?url={{encodeURI imageUrl.src}}&description={{encodeURI title}}&media={{encodeURI imageUrl.src}}&method=bookmarklet\" data-papathemes-widget-image-gallery-share-pinterest class=\"_link _link--pinterest\" title=\"Pinterest\"><svg class=\"_icon\"><use xlink:href=\"#icon-papathemes-widget-image-gallery-pinterest\"></use></svg></a>\n                                    {{/if}}\n                                </div>\n                            </div>\n                            <figcaption id=\"PapathemesWidgetImageGallery_{{../_.id}}_{{@index}}_title\" data-editable-content=\"items.{{@index}}.title\">{{{title}}}</figcaption>\n                        </figure>\n                    </div>\n                {{/each}}\n            </div>\n        </div>\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapathemesWidgetImageGallery = window.PapathemesWidgetImageGallery || [];\n                window.PapathemesWidgetImageGallery.push({\n                    elementId: 'PapathemesWidgetImageGallery-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{{json .}}},\n                    iconUrl: 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/image-gallery.svg',\n                    cssUrl: 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/image-gallery.css'\n                });\n                var src = 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/image-gallery.js';\n                if (!document.head.querySelector('script[src=\"' + src + '\"]')) {\n                    var script = document.createElement('script');\n                    script.src = src;\n                    script.async = true;\n                    script.defer = true;\n                    script.nonce = '{{nonce}}';\n                    document.head.appendChild(script);\n                } else if (window.PapathemesWidgetImageGalleryInit) {\n                    window.PapathemesWidgetImageGalleryInit();\n                }\n            })();\n        </script>\n    <!-- ###VERSION:1.0.0### -->",
      "date_created": "2025-01-11T01:34:05.981Z",
      "date_modified": "2025-04-02T08:53:47.622Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "8a597e67-5e10-4ca9-a37c-712449d8ac92",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "f1f70ac1-a769-4fa4-8ce6-37e59c73fdf1",
      "name": "Product List | PapaThemes",
      "schema": [
        {
          "type": "hidden",
          "settings": [
            {
              "type": "graphQl",
              "id": "graphQueries",
              "typeMeta": {
                "mappings": {
                  "productIds": {
                    "reads": "products.value.*.productId",
                    "type": "Int!"
                  }
                }
              }
            }
          ]
        },
        {
          "type": "tab",
          "label": "Content",
          "sections": [
            {
              "label": "Products",
              "settings": [
                {
                  "type": "productSet",
                  "label": "Product Set",
                  "id": "products",
                  "entryLabel": "Product",
                  "default": {
                    "type": "manual",
                    "value": []
                  }
                }
              ],
              "typeMeta": {
                "type": "setSection"
              }
            },
            {
              "label": "Elements",
              "settings": [
                {
                  "type": "visibility",
                  "label": "Product image",
                  "id": "productImage",
                  "default": "show"
                },
                {
                  "type": "visibility",
                  "label": "Brand",
                  "id": "brand",
                  "default": "hide"
                },
                {
                  "type": "visibility",
                  "label": "Product name",
                  "id": "productName",
                  "default": "show"
                },
                {
                  "type": "visibility",
                  "label": "Price",
                  "id": "price",
                  "default": "show"
                },
                {
                  "type": "visibility",
                  "label": "SKU",
                  "id": "sku",
                  "default": "show"
                },
                {
                  "type": "visibility",
                  "label": "Product rating",
                  "id": "productRating",
                  "default": "hide"
                },
                {
                  "type": "visibility",
                  "label": "Swatches (only works for some PapaThemes' themes)",
                  "id": "swatches",
                  "default": "hide"
                },
                {
                  "type": "element",
                  "label": "Add to Cart button",
                  "id": "button",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "show"
                      },
                      "advanced": {
                        "label": "Button Style",
                        "settings": [
                          {
                            "type": "select",
                            "label": "Position",
                            "id": "position",
                            "default": "below_card",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Below image",
                                  "value": "below_image"
                                },
                                {
                                  "label": "Below product card",
                                  "value": "below_card"
                                }
                              ]
                            }
                          },
                          {
                            "type": "input",
                            "label": "Add to Cart label",
                            "id": "addToCartLabel",
                            "default": "Add to Cart"
                          },
                          {
                            "type": "input",
                            "label": "Choose Options label",
                            "id": "chooseOptionsLabel",
                            "default": "Choose Options"
                          },
                          {
                            "type": "input",
                            "label": "Pre-Order label",
                            "id": "preOrderLabel",
                            "default": "Pre-Order"
                          },
                          {
                            "type": "boolean",
                            "label": "Always visible",
                            "id": "alwaysVisible",
                            "default": true
                          },
                          {
                            "type": "boolean",
                            "label": "Show quantity box",
                            "id": "qty",
                            "default": false
                          },
                          {
                            "type": "input",
                            "label": "Quantity label",
                            "id": "qtyLabel",
                            "default": "Quantity",
                            "conditional": {
                              "key": "qty",
                              "operator": "IN",
                              "value": [
                                true
                              ]
                            }
                          },
                          {
                            "type": "input",
                            "label": "Increase label",
                            "id": "incLabel",
                            "default": "Increase",
                            "conditional": {
                              "key": "qty",
                              "operator": "IN",
                              "value": [
                                true
                              ]
                            }
                          },
                          {
                            "type": "input",
                            "label": "Decrease label",
                            "id": "decLabel",
                            "default": "Decrease",
                            "conditional": {
                              "key": "qty",
                              "operator": "IN",
                              "value": [
                                true
                              ]
                            }
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Quick View",
                  "id": "quickview",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "show"
                      },
                      "advanced": {
                        "label": "Quick-View Style",
                        "settings": [
                          {
                            "type": "select",
                            "label": "Position",
                            "id": "position",
                            "default": "below_card",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Below image",
                                  "value": "below_image"
                                },
                                {
                                  "label": "Below product card",
                                  "value": "below_card"
                                }
                              ]
                            }
                          },
                          {
                            "type": "input",
                            "label": "Quick View label",
                            "id": "label",
                            "default": "Quick View"
                          },
                          {
                            "type": "boolean",
                            "label": "Always visible",
                            "id": "alwaysVisible",
                            "default": true
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "boolean",
                  "label": "Show microdata schema",
                  "id": "schema",
                  "default": true
                },
                {
                  "type": "boolean",
                  "label": "Use common CSS classes (productGrid, product, card...)",
                  "id": "useCommonClass",
                  "default": true
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <style>\n            .PapathemesWidgetProductList .card-img-container {\n                position: relative;\n            }\n            .PapathemesWidgetProductList .card-buttons ._qty {\n                display: flex;\n                flex-direction: column;\n                align-items: stretch;\n                width: 100%;\n            }\n            .PapathemesWidgetProductList .card-buttons ._qty .card-figcaption-button {\n                margin: 0;\n            }\n            .PapathemesWidgetProductList .card-buttons ._qty .form-increment {\n                display: flex;\n            }\n            .PapathemesWidgetProductList .card-buttons ._qty .form-increment .form-input {\n                width: unset;\n                min-width: 50px;\n                margin-bottom: 0.75rem;\n            }\n            .PapathemesWidgetProductList .card-footer {\n                position: relative;\n            }\n            .PapathemesWidgetProductList .card-footer .card-buttons {\n                position: static;\n                padding: 0.375rem 0.75rem;\n                transform: none;\n            }\n            .PapathemesWidgetProductList .card-footer .card-buttons + .card-buttons {\n                padding-top: 0;\n            }\n            .PapathemesWidgetProductList .card-footer .card-buttons--alt .button {\n                flex: 1;\n            }\n            .PapathemesWidgetProductList .card-footer .card-buttons--alt .card-figcaption-button--compare {\n                flex: 0;\n            }\n            {{#if button.alwaysVisible}}\n                .PapathemesWidgetProductList .card-footer ._card-buttons-main {\n                    opacity: 1;\n                    visibility: visible;\n                }\n                .PapathemesWidgetProductList .card:hover .card-footer ._card-buttons-main {\n                    padding-top: 0.375rem;\n                }\n                .PapathemesWidgetProductList .card:hover .card-footer .card-buttons + .card-buttons {\n                    padding-top: 0;\n                }\n                {{#if button.position '==' 'below_image'}}\n                    .PapathemesWidgetProductList .card-figure .card-figcaption {\n                        position: static;\n                        height: auto;\n                        opacity: 1;\n                    }\n                    .PapathemesWidgetProductList .card-figcaption-body {\n                        transform: none;\n                        position: static;\n                    }\n                    .PapathemesWidgetProductList ._card-buttons-main {\n                        position: static;\n                        visibility: visible;\n                        opacity: 1;\n                        clip: auto;\n                        transform: none;\n                        padding: 0;\n                    }\n                {{/if}}\n            {{/if}}\n            {{#if quickview.alwaysVisible}}\n                .PapathemesWidgetProductList .card-footer ._card-buttons-quickview {\n                    opacity: 1;\n                    visibility: visible;\n                }\n                .PapathemesWidgetProductList .card:hover .card-footer ._card-buttons-quickview {\n                    padding-top: 0.375rem;\n                }\n                .PapathemesWidgetProductList .card:hover .card-footer .card-buttons + .card-buttons {\n                    padding-top: 0;\n                }\n                {{#if quickview.position '==' 'below_image'}}\n                    .PapathemesWidgetProductList .card-figure .card-figcaption {\n                        position: static;\n                        height: auto;\n                        opacity: 1;\n                    }\n                    .PapathemesWidgetProductList .card-figcaption-body {\n                        transform: none;\n                        position: static;\n                    }\n                    .PapathemesWidgetProductList ._card-buttons-quickview {\n                        position: static;\n                        visibility: visible;\n                        opacity: 1;\n                        clip: auto;\n                        transform: none;\n                    }\n                {{/if}}\n            {{/if}}\n\n            {{#unless useCommonClass}}\n                .PapathemesWidgetProductList__productGrid {\n                    display: grid;\n                    grid-template-columns: 50% 50%;\n                    gap: 0.75rem;\n                    list-style: none;\n                }\n                .PapathemesWidgetProductList__card-figure {\n                    position: relative;\n                    overflow: hidden;\n                }\n                .PapathemesWidgetProductList__card-img-container {\n                    position: relative;\n                }\n                .PapathemesWidgetProductList__card-img-container::after {\n                    content: '';\n                    display: block;\n                    height: 0;\n                    padding-bottom: 100%;\n                    width: 100%;\n                }\n                .PapathemesWidgetProductList__card-image {\n                    position: absolute;\n                    top: 0;\n                    bottom: 0;\n                    left: 0;\n                    right: 0;\n                    margin: auto;\n                    border: 0;\n                    font-family: \"object-fit: contain;\";\n                    max-height: 100%;\n                    object-fit: contain;\n                    width: 100%;\n                }\n                .PapathemesWidgetProductList__card-figcaption {\n                    display: block;\n                    margin: 0;\n                }\n                .PapathemesWidgetProductList__card-figcaption-body {\n                    display: flex;\n                    flex-wrap: wrap;\n                    gap: 0.75rem;\n                    justify-content: center;\n                    margin-top: 0.75rem;\n                }\n                .PapathemesWidgetProductList__card-buttons {\n                    flex: 1;\n                }\n                .PapathemesWidgetProductList__card-buttons .button {\n                    width: 100%;\n                }\n                .PapathemesWidgetProductList__card-body {\n                    text-align: center;\n                }\n                .PapathemesWidgetProductList__card-title {\n                    margin-bottom: 0.75rem;\n                    font-weight: 700;\n                }\n                .PapathemesWidgetProductList__card-text {\n                    margin-bottom: 0.75rem;\n                }\n                @media (min-width: 801px) {\n                    .PapathemesWidgetProductList__productGrid {\n                        grid-template-columns: 25% 25% 25% 25%;\n                        gap: 1.5rem;\n                    }\n                    .PapathemesWidgetProductList__card-figcaption-body {\n                        flex-wrap: nowrap;\n                    }\n                    .PapathemesWidgetProductList__card-buttons {\n                        flex: 0;\n                    }\n                }\n            {{/unless}}\n        </style>\n        <div class=\"PapathemesWidgetProductList PapathemesWidgetProductList-{{_.id}}\" id=\"PapathemesWidgetProductList-{{_.id}}\" data-test=\"papathemes-widget-product-list\">\n            {{#if products.value.length '>' 0}}\n                <ul class=\"{{#unless useCommonClass}}PapathemesWidgetProductList__{{/unless}}productGrid\">\n                    {{#each products.value as |product|}}\n                        {{#each ../_.data.site.products.edges as |productResource|}}\n                            {{#withHash root=../../this}}\n                                {{#if productResource.node.entityId '==' product.productId}}\n                                    <li class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}product\">\n                                        <article class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card\"\n                                            data-event-type=\"list\"\n                                            data-entity-id=\"{{productResource.node.entityId}}\"\n                                            data-position=\"\"\n                                            data-name=\"{{productResource.node.name}}\"\n                                            data-product-category=\"\"\n                                            data-product-brand=\"{{productResource.node.brand.name}}\"\n                                            data-product-price=\"\n                                                {{#or productResource.node.priceWithTax.price productResource.node.priceWithoutTax.price}}\n                                                    {{#if root._.data.site.settings.tax.plp '==' 'EX'}}\n                                                        {{productResource.node.priceWithoutTax.price.value}}\n                                                    {{else}}\n                                                        {{productResource.node.priceWithTax.price.value}}\n                                                    {{/if}}\n                                                {{else}}\n                                                    Login for pricing\n                                                {{/or}}\"\n                                        >\n                                            <figure class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-figure\">\n                                                {{#unless productResource.node.inventory.isInStock}}\n                                                    <div class=\"sale-flag-side sale-flag-side--outstock\">\n                                                        <span class=\"sale-text\">{{root._.data.site.settings.inventory.defaultOutOfStockMessage}}</span>\n                                                    </div>\n                                                {{/unless}}\n\n                                                {{#or productResource.node.priceWithTax.salePrice productResource.node.priceWithoutTax.salePrice}}\n                                                    <div class=\"sale-flag-sash\">\n                                                        <span class=\"sale-text\">On Sale</span>\n                                                    </div>\n                                                {{/or}}\n\n                                                {{#if root.productImage '==' 'show'}}\n                                                    <a href=\"{{productResource.node.path}}\" data-event-type=\"product-click\">\n                                                        <div class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-img-container\">\n                                                            <img src=\"{{productResource.node.defaultImage.url320wide}}\" srcset=\"\n                                                                {{productResource.node.defaultImage.url80wide}} 80w,\n                                                                {{productResource.node.defaultImage.url160wide}} 160w,\n                                                                {{productResource.node.defaultImage.url320wide}} 320w,\n                                                                {{productResource.node.defaultImage.url640wide}} 640w,\n                                                                {{productResource.node.defaultImage.url960wide}} 960w,\n                                                                {{productResource.node.defaultImage.url1280wide}} 1280w,\n                                                                {{productResource.node.defaultImage.url1920wide}}\" alt=\"{{productResource.node.name}}\" class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-image\" loading=\"lazy\">\n                                                        </div>\n                                                    </a>\n                                                {{/if}}\n                                                <figcaption class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-figcaption\">\n                                                    <div class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-figcaption-body\">\n                                                        {{#if root.button.position '==' 'below_image'}}\n                                                            {{#if root.button.visibility '==' 'show'}}\n                                                                <div class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-buttons _card-buttons-main\">\n                                                                    {{#if productResource.node.showCartAction}}\n                                                                        <div class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}_qty\">\n                                                                            {{#if root.button.qty}}\n                                                                                {{assignVar 'qtyBoxRand' (random 0 1000000)}}\n                                                                                <div class=\"form-field form-field--increments\">\n                                                                                    <label class=\"form-label form-label--alternate is-srOnly\" for=\"qty_{{id}}_{{incrementVar 'qtyBoxUID'}}_{{getVar 'qtyBoxRand'}}\">{{root.button.qtyLabel}}</label>\n                                                                                    <div class=\"form-increment\" data-card-quantity-change>\n                                                                                        <button class=\"button button--icon\" data-action=\"dec\"><span class=\"is-srOnly\">{{root.button.decLabel}}</span>-</button>\n                                                                                        <input class=\"form-input form-input--incrementTotal\"\n                                                                                            id=\"qty_{{id}}_{{getVar 'qtyBoxUID'}}_{{getVar 'qtyBoxRand'}}\"\n                                                                                            name=\"qty_{{id}}\"\n                                                                                            type=\"tel\"\n                                                                                            value=\"{{#if productResource.node.minPurchaseQuantity}}{{productResource.node.minPurchaseQuantity}}{{else}}1{{/if}}\"\n                                                                                            data-quantity-min=\"{{productResource.node.minPurchaseQuantity}}\"\n                                                                                            data-quantity-max=\"{{productResource.node.maxPurchaseQuantity}}\"\n                                                                                            min=\"1\"\n                                                                                            pattern=\"[0-9]*\"\n                                                                                            aria-live=\"polite\">\n                                                                                        <button class=\"button button--icon\" data-action=\"inc\"><span class=\"is-srOnly\">{{root.button.incLabel}}</span>+</button>\n                                                                                    </div>\n                                                                                </div>\n                                                                            {{/if}}\n                                                                            {{#if productResource.node.productOptions.edges.length '>' 0}}\n                                                                                <a href=\"{{productResource.node.path}}\" data-event-type=\"product-click\" class=\"button button--small button--primary card-figcaption-button quickview-alt\" data-product-id=\"{{productResource.node.entityId}}\">{{root.button.chooseOptionsLabel}}</a>\n                                                                            {{else if productResource.node.availabilityV2.status '==' 'Preorder'}}\n                                                                                <a href=\"{{productResource.node.path}}\" data-event-type=\"product-click\" class=\"button button--small button--primary card-figcaption-button\">{{root.button.preOrderLabel}}</a>\n                                                                            {{else if productResource.node.addToCartUrl}}\n                                                                                {{#if productResource.node.inventory.isInStock}}\n                                                                                    <a href=\"{{productResource.node.addToCartUrl}}\" data-event-type=\"product-click\" class=\"button button--small button--primary card-figcaption-button\" data-papathemes-cart-item-add data-emthemesmodez-cart-item-add data-chiara-cart-item-add>{{root.button.addToCartLabel}}</a>\n                                                                                {{/if}}\n                                                                            {{/if}}\n                                                                            {{#unless productResource.node.inventory.isInStock}}\n                                                                                <a href=\"{{productResource.node.path}}\" data-event-type=\"product-click\" class=\"button button--small card-figcaption-button _outstock\" data-product-id=\"{{productResource.node.entityId}}\">\n                                                                                    {{root._.data.site.settings.inventory.defaultOutOfStockMessage}}\n                                                                                </a>\n                                                                            {{/unless}}\n                                                                        </div>\n                                                                    {{/if}}\n                                                                </div>\n                                                            {{/if}}\n                                                        {{/if}}\n                                                        {{#if root.quickview.position '==' 'below_image'}}\n                                                            {{#if root.quickview.visibility '==' 'show'}}\n                                                                <div class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-buttons {{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-buttons--alt _card-buttons-quickview\">\n                                                                    <a class=\"button button--small card-figcaption-button quickview\" data-event-type=\"product-click\" data-product-id=\"{{productResource.node.entityId}}\">{{root.quickview.label}}</a>\n                                                                    {{#if root._.data.site.settings.storefront.catalog.productComparisonsEnabled}}\n                                                                        <button type=\"button\" class=\"button button--small card-figcaption-button card-figcaption-button--compare\"\n                                                                            data-compare-id=\"{{productResource.node.entityId}}\"\n                                                                            data-compare-image=\"{{productResource.node.defaultImage.url160wide}}\"\n                                                                            data-compare-title=\"{{productResource.node.name}}\"\n                                                                        >Compare</button>\n                                                                    {{/if}}\n                                                                </div>\n                                                            {{/if}}\n                                                        {{/if}}\n                                                    </div>\n                                                </figcaption>\n                                            </figure>\n                                            <div class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-body\">\n                                                {{#if root.productName '==' 'show'}}\n                                                    <h4 class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-title\">\n                                                        <a href=\"{{productResource.node.path}}\" data-instantload data-event-type=\"product-click\">{{productResource.node.name}}</a>\n                                                    </h4>\n                                                {{/if}}\n\n                                                {{#if root.brand '==' 'show'}}\n                                                    {{#if productResource.node.brand.name}}\n                                                        <p class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-text {{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-text--brand\" data-test-info-type=\"brandName\">{{productResource.node.brand.name}}</p>\n                                                    {{/if}}\n                                                {{/if}}\n\n                                                {{#if root.sku '==' 'show'}}\n                                                    {{#if productResource.node.sku}}\n                                                        <p class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-text {{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-text--sku\" data-test-info-type=\"sku\">{{productResource.node.sku}}</p>\n                                                    {{/if}}\n                                                {{/if}}\n\n                                                {{#if root.swatches '==' 'show'}}\n                                                    <div class=\"card-text card-text--colorswatches\"></div>\n                                                {{/if}}\n\n\n                                                {{#if root.productRating '==' 'show'}}\n                                                    {{#if productResource.node.reviewSummary.numberOfReviews '>' 0}}\n                                                        <p class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-text {{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-text--rating\" data-test-info-type=\"productRating\">\n                                                            <span class=\"rating--small\">\n                                                                {{#for 1 5}}\n                                                                    {{#if (divide productResource.node.reviewSummary.summationOfRatings productResource.node.reviewSummary.numberOfReviews) '>=' $index}}\n                                                                        <span class=\"icon icon--ratingFull\">\n                                                                            <svg>\n                                                                                <use href=\"#icon-star\" />\n                                                                            </svg>\n                                                                        </span>\n                                                                    {{else}}\n                                                                        <span class=\"icon icon--ratingEmpty\">\n                                                                            <svg>\n                                                                                <use href=\"#icon-star\" />\n                                                                            </svg>\n                                                                        </span>\n                                                                    {{/if}}\n                                                                {{/for}}\n                                                            </span>\n                                                        </p>\n                                                    {{/if}}\n                                                {{/if}}\n\n                                                {{#if root.price '==' 'show'}}\n                                                    <div class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-text {{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-text--price\" data-test-info-type=\"price\">\n                                                        {{#if root._.data.site.settings.tax.plp '==' 'EX'}}\n                                                            {{#if productResource.node.priceWithoutTax.salePrice}}\n                                                                <div class=\"price-section price-section--withoutTax non-sale-price--withoutTax\">\n                                                                    <span data-product-non-sale-price-without-tax class=\"price price--non-sale\">\n                                                                        {{productResource.node.priceWithoutTax.basePrice.formatted}}\n                                                                    </span>\n                                                                </div>\n                                                            {{/if}}\n                                                            <div class=\"price-section price-section--withoutTax\">\n                                                                <span data-product-price-without-tax class=\"price price--withoutTax price--main\">\n                                                                    {{productResource.node.priceWithoutTax.price.formatted}}\n                                                                </span>\n                                                            </div>\n                                                        {{/if}}\n                                                        {{#if root._.data.site.settings.tax.plp '==' 'INC'}}\n                                                            {{#if productResource.node.priceWithTax.salePrice}}\n                                                                <div class=\"price-section price-section--withTax non-sale-price--withTax\">\n                                                                    <span data-product-non-sale-price-with-tax class=\"price price--non-sale\">\n                                                                        {{productResource.node.priceWithTax.basePrice.formatted}}\n                                                                    </span>\n                                                                </div>\n                                                            {{/if}}\n                                                            <div class=\"price-section price-section--withTax\">\n                                                                <span data-product-price-with-tax class=\"price price--withTax price--main\">\n                                                                    {{productResource.node.priceWithTax.price.formatted}}\n                                                                </span>\n                                                            </div>\n                                                        {{/if}}\n                                                        {{#if root._.data.site.settings.tax.plp '==' 'BOTH'}}\n                                                            {{#if productResource.node.priceWithoutTax.salePrice}}\n                                                                <div class=\"price-section price-section--withoutTax non-sale-price--withoutTax\">\n                                                                    <span data-product-non-sale-price-without-tax class=\"price price--non-sale\">\n                                                                        {{productResource.node.priceWithoutTax.basePrice.formatted}}\n                                                                    </span>\n                                                                    <abbr title=\"Excluding Tax\">Ex. Tax</abbr>\n                                                                </div>\n                                                            {{/if}}\n                                                            <div class=\"price-section price-section--withoutTax\">\n                                                                <span data-product-price-without-tax class=\"price price--withoutTax price--main\">\n                                                                    {{productResource.node.priceWithoutTax.price.formatted}}\n                                                                </span>\n                                                                <abbr title=\"Excluding Tax\">Ex. Tax</abbr>\n                                                            </div>\n                                                            {{#if productResource.node.priceWithTax.salePrice}}\n                                                                <div class=\"price-section price-section--withTax non-sale-price--withTax\">\n                                                                    <span data-product-non-sale-price-with-tax class=\"price price--non-sale\">\n                                                                        {{productResource.node.priceWithTax.basePrice.formatted}}\n                                                                    </span>\n                                                                    <abbr title=\"Including Tax\">Inc. Tax</abbr>\n                                                                </div>\n                                                            {{/if}}\n                                                            <div class=\"price-section price-section--withTax\">\n                                                                <span data-product-price-with-tax class=\"price price--withTax price--main\">\n                                                                    {{productResource.node.priceWithTax.price.formatted}}\n                                                                </span>\n                                                                <abbr title=\"Including Tax\">Inc. Tax</abbr>\n                                                            </div>\n                                                        {{/if}}\n                                                    </div>\n                                                {{/if}}\n                                            </div>\n                                            <div class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-footer\">\n                                                {{#if root.button.position '==' 'below_card'}}\n                                                    {{#if root.button.visibility '==' 'show'}}\n                                                        <div class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-buttons _card-buttons-main\">\n                                                            {{#if productResource.node.showCartAction}}\n                                                                <div class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}_qty\">\n                                                                    {{#if root.button.qty}}\n                                                                        {{assignVar 'qtyBoxRand' (random 0 1000000)}}\n                                                                        <div class=\"form-field form-field--increments\">\n                                                                            <label class=\"form-label form-label--alternate is-srOnly\" for=\"qty_{{id}}_{{incrementVar 'qtyBoxUID'}}_{{getVar 'qtyBoxRand'}}\">{{root.button.qtyLabel}}</label>\n                                                                            <div class=\"form-increment\" data-card-quantity-change>\n                                                                                <button class=\"button button--icon\" data-action=\"dec\"><span class=\"is-srOnly\">{{root.button.decLabel}}</span>-</button>\n                                                                                <input class=\"form-input form-input--incrementTotal\"\n                                                                                    id=\"qty_{{id}}_{{getVar 'qtyBoxUID'}}_{{getVar 'qtyBoxRand'}}\"\n                                                                                    name=\"qty_{{id}}\"\n                                                                                    type=\"tel\"\n                                                                                    value=\"{{#if productResource.node.minPurchaseQuantity}}{{productResource.node.minPurchaseQuantity}}{{else}}1{{/if}}\"\n                                                                                    data-quantity-min=\"{{productResource.node.minPurchaseQuantity}}\"\n                                                                                    data-quantity-max=\"{{productResource.node.maxPurchaseQuantity}}\"\n                                                                                    min=\"1\"\n                                                                                    pattern=\"[0-9]*\"\n                                                                                    aria-live=\"polite\">\n                                                                                <button class=\"button button--icon\" data-action=\"inc\"><span class=\"is-srOnly\">{{root.button.incLabel}}</span>+</button>\n                                                                            </div>\n                                                                        </div>\n                                                                    {{/if}}\n                                                                    {{#if productResource.node.productOptions.edges.length '>' 0}}\n                                                                        <a href=\"{{productResource.node.path}}\" data-event-type=\"product-click\" class=\"button button--small button--primary card-figcaption-button quickview-alt\" data-product-id=\"{{productResource.node.entityId}}\">{{root.button.chooseOptionsLabel}}</a>\n                                                                    {{else if productResource.node.availabilityV2.status '==' 'Preorder'}}\n                                                                        <a href=\"{{productResource.node.path}}\" data-event-type=\"product-click\" class=\"button button--small button--primary card-figcaption-button\">{{root.button.preOrderLabel}}</a>\n                                                                    {{else if productResource.node.addToCartUrl}}\n                                                                        {{#if productResource.node.inventory.isInStock}}\n                                                                            <a href=\"{{productResource.node.addToCartUrl}}\" data-event-type=\"product-click\" class=\"button button--small button--primary card-figcaption-button\" data-papathemes-cart-item-add data-emthemesmodez-cart-item-add data-chiara-cart-item-add>{{root.button.addToCartLabel}}</a>\n                                                                        {{/if}}\n                                                                    {{/if}}\n                                                                    {{#unless productResource.node.inventory.isInStock}}\n                                                                        <a href=\"{{productResource.node.path}}\" data-event-type=\"product-click\" class=\"button button--small card-figcaption-button _outstock\" data-product-id=\"{{productResource.node.entityId}}\">\n                                                                            {{root._.data.site.settings.inventory.defaultOutOfStockMessage}}\n                                                                        </a>\n                                                                    {{/unless}}\n                                                                </div>\n                                                            {{/if}}\n                                                        </div>\n                                                    {{/if}}\n                                                {{/if}}\n                                                {{#if root.quickview.position '==' 'below_card'}}\n                                                    {{#if root.quickview.visibility '==' 'show'}}\n                                                        <div class=\"{{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-buttons {{#unless root.useCommonClass}}PapathemesWidgetProductList__{{/unless}}card-buttons--alt _card-buttons-quickview\">\n                                                            <a class=\"button button--small card-figcaption-button quickview\" data-event-type=\"product-click\" data-product-id=\"{{productResource.node.entityId}}\">{{root.quickview.label}}</a>\n                                                            {{#if root._.data.site.settings.storefront.catalog.productComparisonsEnabled}}\n                                                                <button type=\"button\" class=\"button button--small card-figcaption-button card-figcaption-button--compare\"\n                                                                    data-compare-id=\"{{productResource.node.entityId}}\"\n                                                                    data-compare-image=\"{{productResource.node.defaultImage.url160wide}}\"\n                                                                    data-compare-title=\"{{productResource.node.name}}\"\n                                                                >Compare</button>\n                                                            {{/if}}\n                                                        </div>\n                                                    {{/if}}\n                                                {{/if}}\n                                            </div>\n                                        </article>\n                                    </li>\n                                    {{#if root.schema}}\n                                        <script type=\"application/ld+json\" nonce=\"{{nonce}}\">\n                                        {\n                                            \"@context\": \"https://schema.org/\",\n                                            \"@type\": \"Product\",\n                                            \"name\": \"{{productResource.node.name}}\",\n                                            \"image\": \"{{productResource.node.defaultImage.url}}\",\n                                            \"description\": \"{{productResource.node.plainTextDescription}}\",\n                                            \"sku\": \"{{productResource.node.sku}}\",\n                                            \"aggregateRating\": {\n                                                \"@type\": \"AggregateRating\",\n                                                {{#if productResource.node.reviewSummary.summationOfRatings \"==\" 0}}\n                                                    \"ratingValue\": \"0\",\n                                                {{else}}\n                                                    \"ratingValue\": \"{{divide productResource.node.reviewSummary.summationOfRatings productResource.node.reviewSummary.numberOfReviews}}\",\n                                                {{/if}}\n                                                \"reviewCount\": \"{{productResource.node.reviewSummary.numberOfReviews}}\"\n                                            },\n                                            \"offers\": {\n                                                \"@type\": \"Offer\",\n                                                {{#if root._.data.site.settings.tax.plp '==' 'EX'}}\n                                                    \"priceCurrency\": \"{{productResource.node.priceWithoutTax.price.currencyCode}}\",\n                                                    \"price\": \"{{productResource.node.priceWithoutTax.price.value}}\",\n                                                {{else}}\n                                                    \"priceCurrency\": \"{{productResource.node.priceWithTax.price.currencyCode}}\",\n                                                    \"price\": \"{{productResource.node.priceWithTax.price.value}}\",\n                                                {{/if}}\n                                                \"seller\": {\n                                                    \"@type\": \"Organization\",\n                                                    \"name\": \"{{root._.data.site.settings.storeName}}\"\n                                                }\n                                            }\n                                        }\n                                        </script>\n                                    {{/if}}\n                                {{/if}}\n                            {{/withHash}}\n                        {{/each}}\n                    {{/each}}\n                </ul>\n            {{else}}\n                <p>Select some products from your catalog to feature on this page.</p>\n            {{/if}}\n        </div>\n    <!-- ###VERSION:1.0.0### -->",
      "date_created": "2025-01-11T01:34:07.656Z",
      "date_modified": "2025-04-02T08:53:48.663Z",
      "kind": "custom",
      "storefront_api_query": "\n        query ProductSet($productIds: [Int!], $activeCurrencyCode: currencyCode!) {\n            site {\n                settings {\n                    storeName\n                    tax {\n                        plp\n                    }\n                    inventory {\n                        defaultOutOfStockMessage\n                    }\n                    storefront {\n                        catalog {\n                            productComparisonsEnabled\n                        }\n                    }\n                }\n                currency(currencyCode: $activeCurrencyCode) {\n                    display {\n                        symbol\n                        symbolPlacement\n                        decimalToken\n                        decimalPlaces\n                        thousandsToken\n                    }\n                }\n                products(entityIds: $productIds, first: 50) {\n                    edges {\n                        node {\n                            brand {\n                                name\n                            }\n                            name\n                            entityId\n                            addToCartUrl\n                            addToWishlistUrl\n                            path\n                            sku\n                            showCartAction\n                            minPurchaseQuantity\n                            maxPurchaseQuantity\n                            plainTextDescription(characterLimit: 1000)\n                            inventory {\n                                isInStock\n                            }\n                            availabilityV2 {\n                                status\n                            }\n                            priceWithTax: prices(includeTax: true, currencyCode: $activeCurrencyCode)  {\n                                price {\n                                    currencyCode\n                                    value\n                                    formatted\n                                }\n                                salePrice {\n                                    currencyCode\n                                    value\n                                    formatted\n                                }\n                                basePrice {\n                                    currencyCode\n                                    value\n                                    formatted\n                                }\n                            }\n                            priceWithoutTax: prices(includeTax: false, currencyCode: $activeCurrencyCode)  {\n                                price {\n                                    currencyCode\n                                    value\n                                    formatted\n                                }\n                                salePrice {\n                                    currencyCode\n                                    value\n                                    formatted\n                                }\n                                basePrice {\n                                    currencyCode\n                                    value\n                                    formatted\n                                }\n                            }\n                            reviewSummary {\n                                summationOfRatings\n                                numberOfReviews\n                            }\n                            defaultImage {\n                                url80wide: url(width: 80)\n                                url160wide: url(width: 160)\n                                url320wide: url(width: 320)\n                                url640wide: url(width: 640)\n                                url960wide: url(width: 960)\n                                url1280wide: url(width: 1280)\n                                url1920wide: url(width: 1920)\n                            }\n                            productOptions {\n                                edges {\n                                    node {\n                                        entityId\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    ",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "ff5f7300-874e-4172-845b-7de9c9363cb3",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "8782ac1c-47fd-4384-b502-c435153f0237",
      "name": "Category Icons | PapaThemes",
      "schema": [
        {
          "type": "tab",
          "label": "Settings",
          "sections": [
            {
              "label": "General",
              "settings": [
                {
                  "type": "visibility",
                  "label": "Product image",
                  "id": "productImage",
                  "default": "show"
                },
                {
                  "type": "visibility",
                  "label": "Brand",
                  "id": "brand",
                  "default": "show"
                },
                {
                  "type": "visibility",
                  "label": "Product name",
                  "id": "productName",
                  "default": "show"
                },
                {
                  "type": "visibility",
                  "label": "Price",
                  "id": "price",
                  "default": "show"
                },
                {
                  "type": "visibility",
                  "label": "SKU",
                  "id": "sku",
                  "default": "hide"
                },
                {
                  "type": "visibility",
                  "label": "Product rating",
                  "id": "productRating",
                  "default": "hide"
                },
                {
                  "type": "element",
                  "label": "Add to Cart button",
                  "id": "button",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "hide"
                      },
                      "advanced": {
                        "label": "Button Style",
                        "settings": [
                          {
                            "type": "select",
                            "label": "Position",
                            "id": "position",
                            "default": "below_card",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Below image",
                                  "value": "below_image"
                                },
                                {
                                  "label": "Below product card",
                                  "value": "below_card"
                                }
                              ]
                            }
                          },
                          {
                            "type": "input",
                            "label": "Add to Cart label",
                            "id": "addToCartLabel",
                            "default": "Add to Cart"
                          },
                          {
                            "type": "input",
                            "label": "Choose Options label",
                            "id": "chooseOptionsLabel",
                            "default": "Choose Options"
                          },
                          {
                            "type": "input",
                            "label": "Pre-Order label",
                            "id": "preOrderLabel",
                            "default": "Pre-Order"
                          },
                          {
                            "type": "boolean",
                            "label": "Always visible",
                            "id": "alwaysVisible",
                            "default": true
                          },
                          {
                            "type": "input",
                            "label": "Quantity label",
                            "id": "qtyLabel",
                            "default": "Quantity",
                            "conditional": {
                              "key": "qty",
                              "operator": "IN",
                              "value": [
                                true
                              ]
                            }
                          },
                          {
                            "type": "input",
                            "label": "Increase label",
                            "id": "incLabel",
                            "default": "Increase",
                            "conditional": {
                              "key": "qty",
                              "operator": "IN",
                              "value": [
                                true
                              ]
                            }
                          },
                          {
                            "type": "input",
                            "label": "Decrease label",
                            "id": "decLabel",
                            "default": "Decrease",
                            "conditional": {
                              "key": "qty",
                              "operator": "IN",
                              "value": [
                                true
                              ]
                            }
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Quick View",
                  "id": "quickview",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "hide"
                      },
                      "advanced": {
                        "label": "Quick-View Style",
                        "settings": [
                          {
                            "type": "select",
                            "label": "Position",
                            "id": "position",
                            "default": "below_card",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Below image",
                                  "value": "below_image"
                                },
                                {
                                  "label": "Below product card",
                                  "value": "below_card"
                                }
                              ]
                            }
                          },
                          {
                            "type": "input",
                            "label": "Quick View label",
                            "id": "label",
                            "default": "Quick View"
                          },
                          {
                            "type": "boolean",
                            "label": "Always visible",
                            "id": "alwaysVisible",
                            "default": true
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "number",
                  "label": "Product columns",
                  "id": "productCol",
                  "default": {
                    "value": 5,
                    "type": ""
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "number",
                  "label": "Product count",
                  "id": "productCount",
                  "default": {
                    "value": 10,
                    "type": ""
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "boolean",
                  "label": "Use common CSS classes (productGrid, product, card...)",
                  "id": "useCommonClass",
                  "default": true
                }
              ]
            }
          ]
        },
        {
          "type": "array",
          "label": "Categories",
          "id": "items",
          "defaultCount": 4,
          "entryLabel": "Category",
          "schema": [
            {
              "type": "hidden",
              "settings": [
                {
                  "id": "text",
                  "default": "Your Category"
                }
              ]
            },
            {
              "type": "tab",
              "label": "Content",
              "sections": [
                {
                  "settings": [
                    {
                      "type": "input",
                      "label": "Category Name",
                      "id": "categoryName",
                      "default": ""
                    },
                    {
                      "type": "input",
                      "label": "Path",
                      "id": "path",
                      "default": "",
                      "typeMeta": {
                        "placeholder": "https://"
                      }
                    },
                    {
                      "type": "select",
                      "label": "Sort by",
                      "id": "sortBy",
                      "default": "featured",
                      "typeMeta": {
                        "selectOptions": [
                          {
                            "label": "Featured Items",
                            "value": "featured"
                          },
                          {
                            "label": "Newest Items",
                            "value": "newest"
                          },
                          {
                            "label": "Best Selling",
                            "value": "bestselling"
                          },
                          {
                            "label": "A to Z",
                            "value": "alphaasc"
                          },
                          {
                            "label": "Z to A",
                            "value": "alphadesc"
                          },
                          {
                            "label": "By Review",
                            "value": "avgcustomerreview"
                          },
                          {
                            "label": "Price: Ascending",
                            "value": "priceasc"
                          },
                          {
                            "label": "Price: Descending",
                            "value": "pricedesc"
                          }
                        ]
                      }
                    },
                    {
                      "type": "select",
                      "label": "Icon",
                      "id": "icon",
                      "default": "custom",
                      "typeMeta": {
                        "selectOptions": [
                          {
                            "label": "Custom HTML/SVG",
                            "value": "custom"
                          },
                          {
                            "label": "Choose Image",
                            "value": "image"
                          }
                        ]
                      }
                    },
                    {
                      "type": "imageManager",
                      "label": "Icon image",
                      "id": "iconImage",
                      "default": {
                        "src": "https://source.unsplash.com/piBorUFXHhU/100x100",
                        "type": "IMAGE_MANAGER"
                      },
                      "conditional": {
                        "key": "icon",
                        "operator": "IN",
                        "value": [
                          "image"
                        ]
                      }
                    },
                    {
                      "type": "code",
                      "label": "Icon SVG Code",
                      "id": "iconContent",
                      "default": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4d3880\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"16.5\" y1=\"9.4\" x2=\"7.5\" y2=\"4.21\"></line><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"></path><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"></polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"></line></svg>",
                      "typeMeta": {
                        "language": "html",
                        "placeholder": "Insert SVG code here"
                      },
                      "conditional": {
                        "key": "icon",
                        "operator": "IN",
                        "value": [
                          "custom"
                        ]
                      }
                    },
                    {
                      "type": "select",
                      "label": "Icon size",
                      "id": "iconSize",
                      "default": "original",
                      "typeMeta": {
                        "selectOptions": [
                          {
                            "label": "Original",
                            "value": "original"
                          },
                          {
                            "label": "Custom dimension",
                            "value": "custom"
                          }
                        ]
                      }
                    },
                    {
                      "type": "number",
                      "label": "Icon width",
                      "id": "iconWidth",
                      "default": {
                        "value": 0,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      },
                      "conditional": {
                        "key": "iconSize",
                        "operator": "IN",
                        "value": [
                          "custom"
                        ]
                      }
                    },
                    {
                      "type": "number",
                      "label": "Icon height",
                      "id": "iconHeight",
                      "default": {
                        "value": 0,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      },
                      "conditional": {
                        "key": "iconSize",
                        "operator": "IN",
                        "value": [
                          "custom"
                        ]
                      }
                    },
                    {
                      "type": "visibility",
                      "label": "Show text",
                      "id": "textVisibility",
                      "default": "show"
                    },
                    {
                      "type": "boolean",
                      "label": "Hide on mobile",
                      "id": "textHideMobile",
                      "default": false,
                      "conditional": {
                        "key": "textVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    },
                    {
                      "type": "typography",
                      "label": "Text style",
                      "id": "textStyle",
                      "default": "custom",
                      "typeMeta": {
                        "conditionalSettings": [
                          {
                            "condition": "custom",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Font family",
                                "id": "fontFamily",
                                "default": "Roboto, sans-serif",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Theme Default",
                                      "value": "inherit"
                                    },
                                    {
                                      "label": "Arial",
                                      "value": "Arial, sans-serif"
                                    },
                                    {
                                      "label": "Tahoma",
                                      "value": "Tahoma, sans-serif"
                                    },
                                    {
                                      "label": "Verdana",
                                      "value": "Verdana, sans-serif"
                                    },
                                    {
                                      "label": "Lucida",
                                      "value": "Lucida, sans-serif"
                                    },
                                    {
                                      "label": "Times New Roman",
                                      "value": "Times New Roman, serif"
                                    },
                                    {
                                      "label": "Courier",
                                      "value": "Courier, serif"
                                    },
                                    {
                                      "label": "Georgia",
                                      "value": "Georgia, serif"
                                    },
                                    {
                                      "label": "Palatino",
                                      "value": "Palatino, serif"
                                    },
                                    {
                                      "label": "Roboto",
                                      "value": "Roboto, sans-serif"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Font weight",
                                "id": "fontWeight",
                                "default": "400",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Thin",
                                      "value": "100"
                                    },
                                    {
                                      "label": "Extra Light (Ultra Light)",
                                      "value": "200"
                                    },
                                    {
                                      "label": "Light",
                                      "value": "300"
                                    },
                                    {
                                      "label": "Normal",
                                      "value": "400"
                                    },
                                    {
                                      "label": "Medium",
                                      "value": "500"
                                    },
                                    {
                                      "label": "Semi Bold (Demi Bold)",
                                      "value": "600"
                                    },
                                    {
                                      "label": "Bold",
                                      "value": "700"
                                    },
                                    {
                                      "label": "Extra Bold (Ultra Bold)",
                                      "value": "800"
                                    },
                                    {
                                      "label": "Black (Heavy)",
                                      "value": "900"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Font size",
                                "id": "fontSize",
                                "default": {
                                  "value": 12,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                }
                              },
                              {
                                "type": "number",
                                "label": "Font size (Mobile)",
                                "id": "fontSizeMobile",
                                "default": {
                                  "value": 12,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                }
                              },
                              {
                                "type": "color",
                                "label": "Text color",
                                "id": "fontColor",
                                "default": "#232323"
                              },
                              {
                                "type": "color",
                                "label": "Text color hover",
                                "id": "fontColorHover",
                                "default": "#4d3880"
                              }
                            ]
                          }
                        ]
                      },
                      "conditional": {
                        "key": "textVisibility",
                        "operator": "IN",
                        "value": [
                          "show"
                        ]
                      }
                    },
                    {
                      "type": "color",
                      "label": "Border color",
                      "id": "borderColor",
                      "default": "#4d3880"
                    },
                    {
                      "type": "color",
                      "label": "Border color hover",
                      "id": "borderColorHover",
                      "default": "#4d388066"
                    },
                    {
                      "type": "element",
                      "label": "Padding",
                      "id": "padding",
                      "typeMeta": {
                        "controls": {
                          "advanced": {
                            "label": "Padding",
                            "settings": [
                              {
                                "type": "boxModel",
                                "label": "Desktop",
                                "id": "desktop",
                                "default": {
                                  "top": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "0",
                                    "type": "px"
                                  }
                                }
                              },
                              {
                                "type": "boxModel",
                                "label": "Tablet",
                                "id": "tablet",
                                "default": {
                                  "top": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "0",
                                    "type": "px"
                                  }
                                }
                              },
                              {
                                "type": "boxModel",
                                "label": "Mobile",
                                "id": "mobile",
                                "default": {
                                  "top": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "8",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "0",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "0",
                                    "type": "px"
                                  }
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Margin",
                      "id": "margin",
                      "typeMeta": {
                        "controls": {
                          "advanced": {
                            "label": "Margin",
                            "settings": [
                              {
                                "type": "boxModel",
                                "label": "Desktop",
                                "id": "desktop",
                                "default": {
                                  "top": {
                                    "value": "10",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "10",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "20",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "20",
                                    "type": "px"
                                  }
                                }
                              },
                              {
                                "type": "boxModel",
                                "label": "Tablet",
                                "id": "tablet",
                                "default": {
                                  "top": {
                                    "value": "10",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "10",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "20",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "20",
                                    "type": "px"
                                  }
                                }
                              },
                              {
                                "type": "boxModel",
                                "label": "Mobile",
                                "id": "mobile",
                                "default": {
                                  "top": {
                                    "value": "10",
                                    "type": "px"
                                  },
                                  "bottom": {
                                    "value": "10",
                                    "type": "px"
                                  },
                                  "left": {
                                    "value": "20",
                                    "type": "px"
                                  },
                                  "right": {
                                    "value": "20",
                                    "type": "px"
                                  }
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "boolean",
                      "label": "Display icons in container div",
                      "id": "useContainer",
                      "default": true
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <style>\n            @keyframes papathemes__categoryIconsWidget_placeHolderShimmer{\n                0%{\n                    background-position: -468px 0\n                }\n                100%{\n                    background-position: 468px 0\n                }\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} .product:has(._placeholder_img),\n            .papathemes__categoryIconsWidget-{{_.id}} .papathemes__categoryIconsWidget__product:has(._placeholder_img) {\n                height: 283px;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} ._placeholder_img {\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                border-radius: 4px;\n                position: relative;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} .gradient {\n                animation-duration: 1.5s;\n                animation-fill-mode: forwards;\n                animation-iteration-count: infinite;\n                animation-name: papathemes__categoryIconsWidget_placeHolderShimmer;\n                animation-timing-function: linear;\n                background: #f6f7f8;\n                background: linear-gradient(to right, #f2f2f2 0%, #d0d0d0 50%, #f2f2f2 100%);\n                background-size: 1000px 640px;\n                position: absolute;\n                width: 100%;\n                height: 100%;\n                top: 0;\n                left: 0;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} ._row {\n                display: flex;\n                justify-content: center;\n                overflow-x: scroll;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} ._row::-webkit-scrollbar {\n                display: none;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} ._item {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} ._col {\n                border-bottom: 2px solid transparent;\n                transition: all 0.1s linear;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} ._col.is-loading {\n                opacity: 0.4;\n                pointer-events: none;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} ._heading {\n                text-align: center;\n                white-space: nowrap;\n                line-height: 16px;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} .card-title {\n                white-space: nowrap;\n                overflow: hidden;\n                text-overflow: ellipsis;\n                display: inline-block;\n                max-width: 100%;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} ._icon {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} ._icon-aspect,\n            .papathemes__categoryIconsWidget-{{_.id}} ._icon-aspect svg {\n                width: 100%;\n                height: 100%;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} .productGrid,\n            .papathemes__categoryIconsWidget-{{_.id}} .papathemes__categoryIconsWidget__productGrid {\n                padding-top: 16px;\n                padding-bottom: 16px;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} .papathemes__categoryIconsWidget__productGrid {\n                display: grid;\n                grid-template-columns: repeat({{productCol.value}}, minmax(0, 1fr));\n                gap: 12px;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} .papathemes__categoryIconsWidget__product {\n                list-style: none;\n                text-align: center;\n            }\n\n            {{#unless useCommonClass}}\n                .papathemes__categoryIconsWidget-{{_.id}} .card-figcaption-button--compare {\n                    width: 100%;\n                }\n            {{/unless}}\n\n            .papathemes__categoryIconsWidget-{{_.id}} .papathemes__categoryIconsWidget__card-figure {\n                position: relative;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} ._viewAll-button {\n                display: none;\n                justify-content: center;\n                margin-top: 16px;\n                margin-bottom: 16px;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} ._viewAll-button.is-active {\n                display: flex;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} ._viewAll-button .button {\n                margin: 0;\n            }\n\n            @media (max-width: 800px) {\n                .papathemes__categoryIconsWidget-{{_.id}} .papathemes__categoryIconsWidget__productGrid {\n                    grid-template-columns: repeat(2, minmax(0, 1fr));\n                    gap: 12px;\n                }\n            }\n\n            @media (min-width: 801px) {\n                {{#if productCol.value '>' 0}}\n                    .papathemes__categoryIconsWidget-{{_.id}} .productGrid .product {\n                        flex-basis: {{divide 100 productCol.value}}%;\n                        width: {{divide 100 productCol.value}}%;\n                    }\n                {{/if}}\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} .productGrid ._card-buttons-main {\n                display: block;\n            }\n\n            .papathemes__categoryIconsWidget-{{_.id}} .sale-flag-sash {\n                top: 0;\n                transform: unset;\n                right: 0;\n                width: fit-content;\n                padding: 3px 6px;\n                display: flex;\n                align-items: center;\n                font-size: 12px;\n            }\n\n            {{#if button.alwaysVisible}}\n                .papathemes__categoryIconsWidget-{{_.id}} .productGrid .card-footer ._card-buttons-main {\n                    opacity: 1;\n                    visibility: visible;\n                    padding: 6px 12px;\n                    position: relative;\n                }\n\n                {{#if button.position '==' 'below_image'}}\n                    .papathemes__categoryIconsWidget-{{_.id}} .card-figure .card-figcaption {\n                        position: static;\n                        height: auto;\n                        opacity: 1;\n                    }\n                    .papathemes__categoryIconsWidget-{{_.id}} .card-figcaption-body {\n                        transform: none;\n                        position: static;\n                    }\n                    .papathemes__categoryIconsWidget-{{_.id}} ._card-buttons-main {\n                        position: static;\n                        visibility: visible;\n                        opacity: 1;\n                        clip: auto;\n                        transform: none;\n                        padding: 0;\n                        display: block;\n                    }\n                {{/if}}\n            {{/if}}\n\n            {{#if quickview.alwaysVisible}}\n                .papathemes__categoryIconsWidget-{{_.id}} .productGrid .card-footer ._card-buttons-quickview {\n                    opacity: 1;\n                    visibility: visible;\n                    position: relative;\n                    padding: 6px 12px;\n                    transform: none;\n                }\n\n                .papathemes__categoryIconsWidget-{{_.id}} .productGrid .card-footer .quickview {\n                    flex: 1;\n                }\n\n                .papathemes__categoryIconsWidget-{{_.id}} .productGrid .card-footer .quickview,\n                .papathemes__categoryIconsWidget-{{_.id}} .productGrid .card-footer .quickview + .card-figcaption-button--compare {\n                    margin-top: 0;\n                }\n\n                .papathemes__categoryIconsWidget-{{_.id}} .productGrid.is-empty {\n                    font-size: 16px;\n                }\n\n                {{#if quickview.position '==' 'below_image'}}\n                    .papathemes__categoryIconsWidget-{{_.id}} .card-figure .card-figcaption {\n                        position: static;\n                        height: auto;\n                        opacity: 1;\n                    }\n                    .papathemes__categoryIconsWidget-{{_.id}} .card-figcaption-body {\n                        transform: none;\n                        position: static;\n                    }\n                    .papathemes__categoryIconsWidget-{{_.id}} ._card-buttons-quickview {\n                        position: static;\n                        visibility: visible;\n                        opacity: 1;\n                        clip: auto;\n                        transform: none;\n                    }\n                    .papathemes__categoryIconsWidget-{{_.id}} .card-figcaption .quickview {\n                        flex: 1;\n                    }\n                {{/if}}\n            {{/if}}\n\n            {{#and (if quickview.position '==' 'below_card') (if button.position '==' 'below_card')}}\n                .papathemes__categoryIconsWidget-{{_.id}} .card-footer {\n                    display: flex;\n                    flex-direction: column;\n                }\n            {{/and}}\n\n            {{#each items}}\n                .papathemes__categoryIconsWidget-{{../_.id}} [data-index=\"{{@index}}\"]._col ._icon {\n                    {{#if iconSize '===' 'custom'}}\n                        {{#if iconWidth.value '>' 0}}\n                            width: {{iconWidth.value}}{{iconWidth.type}};\n                        {{/if}}\n                        {{#if iconHeight.value '>' 0}}\n                            height: {{iconHeight.value}}{{iconHeight.type}};\n                        {{/if}}\n                    {{/if}}\n                }\n\n                .papathemes__categoryIconsWidget-{{../_.id}} [data-index=\"{{@index}}\"]._col ._heading {\n                    {{#if textStyle '===' 'custom'}}\n                        font-size: {{fontSize.value}}{{fontSize.type}};\n                        font-family: {{fontFamily}};\n                        color: {{fontColor}};\n                        font-weight: {{fontWeight}};\n                    {{/if}}\n                }\n\n                .papathemes__categoryIconsWidget-{{../_.id}} [data-index=\"{{@index}}\"]._col.is-active {\n                    border-color: {{borderColor}};\n                }\n\n                .papathemes__categoryIconsWidget-{{../_.id}} [data-index=\"{{@index}}\"]._col:hover {\n                    border-color: {{borderColorHover}};\n                }\n\n                .papathemes__categoryIconsWidget-{{../_.id}} [data-index=\"{{@index}}\"]._col:hover {\n                    cursor: pointer;\n                }\n\n                .papathemes__categoryIconsWidget-{{../_.id}} ._col.is-active ._heading,\n                .papathemes__categoryIconsWidget-{{../_.id}} [data-index=\"{{@index}}\"]._col:hover ._heading,\n                .papathemes__categoryIconsWidget-{{../_.id}} [data-index=\"{{@index}}\"]._col:focus ._heading,\n                .papathemes__categoryIconsWidget-{{../_.id}} [data-index=\"{{@index}}\"]._col:is-active ._heading,\n                .papathemes__categoryIconsWidget-{{../_.id}} [data-index=\"{{@index}}\"]._col:focus-visible ._heading {\n                    color: {{fontColorHover}};\n                }\n\n                @media (max-width: 550px) {\n                    .papathemes__categoryIconsWidget-{{../_.id}} [data-index=\"{{@index}}\"]._col {\n                        padding-top: {{padding.mobile.top.value}}{{padding.mobile.top.type}};\n                        padding-bottom: {{padding.mobile.bottom.value}}{{padding.mobile.bottom.type}};\n                        padding-left: {{padding.mobile.left.value}}{{padding.mobile.left.type}};\n                        padding-right: {{padding.mobile.right.value}}{{padding.mobile.right.type}};\n                        margin-top: {{margin.mobile.top.value}}{{margin.mobile.top.type}};\n                        margin-bottom: {{margin.mobile.bottom.value}}{{margin.mobile.bottom.type}};\n                        margin-left: {{margin.mobile.left.value}}{{margin.mobile.left.type}};\n                        margin-right: {{margin.mobile.right.value}}{{margin.mobile.right.type}};\n                    }\n\n                    .papathemes__categoryIconsWidget-{{../_.id}} [data-index=\"{{@index}}\"]._col ._heading {\n                        {{#if textHideMobile}}\n                            display: none;\n                        {{/if}}\n                        {{#if textStyle '===' 'custom'}}\n                            font-size: {{fontSizeMobile.value}}{{fontSizeMobile.type}};\n                        {{/if}}\n                    }\n                }\n\n                @media (min-width: 551px) and (max-width: 800px) {\n                    .papathemes__categoryIconsWidget-{{../_.id}} [data-index=\"{{@index}}\"]._col {\n                        padding-top: {{padding.tablet.top.value}}{{padding.tablet.top.type}};\n                        padding-bottom: {{padding.tablet.bottom.value}}{{padding.tablet.bottom.type}};\n                        padding-left: {{padding.tablet.left.value}}{{padding.tablet.left.type}};\n                        padding-right: {{padding.tablet.right.value}}{{padding.tablet.right.type}};\n                        margin-top: {{margin.tablet.top.value}}{{margin.tablet.top.type}};\n                        margin-bottom: {{margin.tablet.bottom.value}}{{margin.tablet.bottom.type}};\n                        margin-left: {{margin.tablet.left.value}}{{margin.tablet.left.type}};\n                        margin-right: {{margin.tablet.right.value}}{{margin.tablet.right.type}};\n                    }\n                }\n\n                @media (min-width: 801px) {\n                    .papathemes__categoryIconsWidget-{{../_.id}} [data-index=\"{{@index}}\"]._col {\n                        padding-top: {{padding.desktop.top.value}}{{padding.desktop.top.type}};\n                        padding-bottom: {{padding.desktop.bottom.value}}{{padding.desktop.bottom.type}};\n                        padding-left: {{padding.desktop.left.value}}{{padding.desktop.left.type}};\n                        padding-right: {{padding.desktop.right.value}}{{padding.desktop.right.type}};\n                        margin-top: {{margin.desktop.top.value}}{{margin.desktop.top.type}};\n                        margin-bottom: {{margin.desktop.bottom.value}}{{margin.desktop.bottom.type}};\n                        margin-left: {{margin.desktop.left.value}}{{margin.desktop.left.type}};\n                        margin-right: {{margin.desktop.right.value}}{{margin.desktop.right.type}};\n                    }\n                }\n            {{/each}}\n        </style>\n        <div class=\"papathemes__categoryIconsWidget papathemes__categoryIconsWidget-{{_.id}}\" id=\"papathemes__categoryIconsWidget-{{_.id}}\">\n            {{#any items useContainer=true}}\n                <div class=\"container\">\n            {{/any}}\n                    <div class=\"_row\">\n                        {{#each items}}\n                            <div class=\"_col {{#if @first}}is-active{{/if}}\"\n                                data-index=\"{{@index}}\"\n                                data-papathemes-widget-category-icons-item\n                                data-category-path=\"{{path}}\"\n                                data-sort-by=\"{{#if sortBy '==' 'featured'}}FEATURED{{else if sortBy '==' 'newest'}}NEWEST{{else if sortBy '==' 'bestselling'}}BEST_SELLING{{else if sortBy '==' 'alphaasc'}}A_TO_Z{{else if sortBy '==' 'alphadesc'}}Z_TO_A{{else if sortBy '==' 'avgcustomerreview'}}BEST_REVIEWED{{else if sortBy '==' 'priceasc'}}LOWEST_PRICE{{else if sortBy '==' 'pricedesc'}}HIGHEST_PRICE{{/if}}\"\n                            >\n                                <div class=\"_item\">\n                                    <div class=\"_icon\">\n                                        <div class=\"_icon-aspect\">\n                                            {{#if icon '==' 'custom'}}\n                                                {{{iconContent}}}\n                                            {{else if icon '==' 'image'}}\n                                                <img src=\"{{iconImage.src}}\" alt=\"{{iconImage.alt}}\">\n                                            {{/if}}\n                                        </div>\n                                    </div>\n                                    {{#if textVisibility '==' 'show'}}\n                                        <div class=\"_heading\">{{#if categoryName}}{{categoryName}}{{else}}{{{text}}}{{/if}}</div>\n                                    {{/if}}\n                                </div>\n                            </div>\n                        {{/each}}\n                    </div>\n                    <ul class=\"{{#unless useCommonClass}}papathemes__categoryIconsWidget__{{/unless}}productGrid\" data-papathemes-widget-category-icons-container></ul>\n            {{#any items useContainer=true}}\n                </div>\n            {{/any}}\n        </div>\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapaThemesWidgetCategoryIcons = window.PapaThemesWidgetCategoryIcons || [];\n                window.PapaThemesWidgetCategoryIcons.push({\n                    elementId: 'papathemes__categoryIconsWidget-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{{json .}}}\n                });\n            })();\n        </script>\n        <script nonce=\"{{nonce}}\" src=\"https://d2lz7267o80s75.cloudfront.net/widgets/1.0.1/category-icons.js\" async defer></script>\n    <!-- ###VERSION:1.0.1### -->",
      "date_created": "2025-01-11T01:34:09.674Z",
      "date_modified": "2025-07-10T04:24:16.118Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "b22aa788-b63b-44bd-b412-d5efd0b072d2",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "cd186332-5c42-4b95-b6fb-00ba7087c212",
      "name": "Responsive | PapaThemes",
      "schema": [
        {
          "type": "tab",
          "label": "Design",
          "sections": [
            {
              "label": "Screen Size 1",
              "settings": [
                {
                  "type": "number",
                  "label": "Min",
                  "id": "min0",
                  "default": {
                    "value": 0,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "number",
                  "label": "Max",
                  "id": "max0",
                  "default": {
                    "value": 550,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "select",
                  "label": "Display",
                  "id": "display0",
                  "default": "unset",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Show",
                        "value": "show"
                      },
                      {
                        "label": "Force Show",
                        "value": "force-show"
                      },
                      {
                        "label": "Hide",
                        "value": "hide"
                      },
                      {
                        "label": "Force Hide",
                        "value": "force-hide"
                      },
                      {
                        "label": "Unset",
                        "value": "unset"
                      }
                    ]
                  }
                }
              ]
            },
            {
              "label": "Screen Size 2",
              "settings": [
                {
                  "type": "number",
                  "label": "Min",
                  "id": "min1",
                  "default": {
                    "value": 551,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "number",
                  "label": "Max",
                  "id": "max1",
                  "default": {
                    "value": 700,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "select",
                  "label": "Display",
                  "id": "display1",
                  "default": "unset",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Show",
                        "value": "show"
                      },
                      {
                        "label": "Force Show",
                        "value": "force-show"
                      },
                      {
                        "label": "Hide",
                        "value": "hide"
                      },
                      {
                        "label": "Force Hide",
                        "value": "force-hide"
                      },
                      {
                        "label": "Unset",
                        "value": "unset"
                      }
                    ]
                  }
                }
              ]
            },
            {
              "label": "Screen Size 3",
              "settings": [
                {
                  "type": "number",
                  "label": "Min",
                  "id": "min2",
                  "default": {
                    "value": 701,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "number",
                  "label": "Max",
                  "id": "max2",
                  "default": {
                    "value": 800,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "select",
                  "label": "Display",
                  "id": "display2",
                  "default": "unset",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Show",
                        "value": "show"
                      },
                      {
                        "label": "Force Show",
                        "value": "force-show"
                      },
                      {
                        "label": "Hide",
                        "value": "hide"
                      },
                      {
                        "label": "Force Hide",
                        "value": "force-hide"
                      },
                      {
                        "label": "Unset",
                        "value": "unset"
                      }
                    ]
                  }
                }
              ]
            },
            {
              "label": "Screen Size 4",
              "settings": [
                {
                  "type": "number",
                  "label": "Min",
                  "id": "min3",
                  "default": {
                    "value": 801,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "number",
                  "label": "Max",
                  "id": "max3",
                  "default": {
                    "value": 1260,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "select",
                  "label": "Display",
                  "id": "display3",
                  "default": "unset",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Show",
                        "value": "show"
                      },
                      {
                        "label": "Force Show",
                        "value": "force-show"
                      },
                      {
                        "label": "Hide",
                        "value": "hide"
                      },
                      {
                        "label": "Force Hide",
                        "value": "force-hide"
                      },
                      {
                        "label": "Unset",
                        "value": "unset"
                      }
                    ]
                  }
                }
              ]
            },
            {
              "label": "Screen Size 5",
              "settings": [
                {
                  "type": "number",
                  "label": "Min",
                  "id": "min4",
                  "default": {
                    "value": 1261,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "number",
                  "label": "Max",
                  "id": "max4",
                  "default": {
                    "value": 0,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "select",
                  "label": "Display",
                  "id": "display4",
                  "default": "unset",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Show",
                        "value": "show"
                      },
                      {
                        "label": "Force Show",
                        "value": "force-show"
                      },
                      {
                        "label": "Hide",
                        "value": "hide"
                      },
                      {
                        "label": "Force Hide",
                        "value": "force-hide"
                      },
                      {
                        "label": "Unset",
                        "value": "unset"
                      }
                    ]
                  }
                }
              ]
            },
            {
              "label": "Apply",
              "settings": [
                {
                  "type": "select",
                  "label": "Apply to",
                  "id": "applyTo",
                  "default": "nextAll",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "All layouts & widgets following this widget",
                        "value": "nextAll"
                      },
                      {
                        "label": "Only a layout or widget following this widget",
                        "value": "nextOne"
                      }
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Apply for login",
                  "id": "applyForLogin",
                  "default": "none",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "None",
                        "value": "none"
                      },
                      {
                        "label": "Non logged in customers",
                        "value": "anonymous"
                      },
                      {
                        "label": "Logged in customers",
                        "value": "login"
                      },
                      {
                        "label": "Specific customer groups",
                        "value": "groups"
                      }
                    ]
                  }
                },
                {
                  "type": "input",
                  "label": "Customer group IDs (separated by comma)",
                  "id": "applyForCustomerGroups",
                  "default": "",
                  "conditional": {
                    "key": "applyForLogin",
                    "operator": "IN",
                    "value": [
                      "groups"
                    ]
                  }
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        {{#if applyForLogin '===' 'none'}}\n            {{assignVar 'shouldApply' 1}}\n        {{else if applyForLogin '===' 'anonymous'}}\n            {{#unless _.data.customer.entityId}}\n                {{assignVar 'shouldApply' 1}}\n            {{/unless}}\n        {{else if applyForLogin '===' 'login'}}\n            {{#if _.data.customer.entityId}}\n                {{assignVar 'shouldApply' 1}}\n            {{/if}}\n        {{else if applyForLogin '===' 'groups'}}\n            {{#each (split applyForCustomerGroups ',')}}\n                {{#if (toInt this) '===' ../_.data.customer.customerGroupId}}\n                    {{assignVar 'shouldApply' 1}}\n                {{/if}}\n            {{/each}}\n        {{/if}}\n        <style>\n            .PapathemesWidgetResponsive {\n                display: none;\n            }\n            .PapathemesWidgetResponsive._editMode {\n                display: block;\n                text-align: center;\n                position: relative;\n            }\n            .PapathemesWidgetResponsive::before {\n                content: '';\n                position: absolute;\n                top: calc(50% + 1px);\n                left: 0;\n                right: 0;\n                border-top: 2px dashed #999;\n                background-color: #fff;\n            }\n            .PapathemesWidgetResponsive ._indicator {\n                position: relative;\n                display: inline-block;\n                line-height: 1.5;\n                text-transform: uppercase;\n                font-size: 14px;\n                font-weight: 700;\n                color: #999;\n                background-color: #fff;\n                padding: 0.125rem 1.5rem;\n                border-radius: 4px;\n                border: 2px dashed #999;\n            }\n            {{#if (getVar 'shouldApply')}}\n                @media (min-width: {{min0.value}}{{min0.type}}) {{#if max0.value '>' 0}}and (max-width: {{max0.value}}{{max0.type}}){{/if}} {\n                    {{#if display0 '!==' 'unset'}}\n                        {{#if applyTo '===' 'nextAll'}}\n                            [data-widget-id=\"{{_.id}}\"] ~ *,\n                            [data-sub-layout-container]:has(.PapathemesWidgetResponsive-{{_.id}}) ~ * {\n                                {{#if display0 '===' 'show'}}\n                                    display: block;\n                                {{else if display0 '===' 'force-show'}}\n                                    display: block !important;\n                                {{else if display0 '===' 'hide'}}\n                                    display: none;\n                                {{else if display0 '===' 'force-hide'}}\n                                    display: none !important;\n                                {{/if}}\n                            }\n                        {{else if applyTo '===' 'nextOne'}}\n                            [data-widget-id=\"{{_.id}}\"] + *,\n                            [data-sub-layout-container]:has(.PapathemesWidgetResponsive-{{_.id}}) + * {\n                                {{#if display0 '===' 'show'}}\n                                    display: block;\n                                {{else if display0 '===' 'force-show'}}\n                                    display: block !important;\n                                {{else if display0 '===' 'hide'}}\n                                    display: none;\n                                {{else if display0 '===' 'force-hide'}}\n                                    display: none !important;\n                                {{/if}}\n                            }\n                        {{/if}}\n                    {{/if}}\n                }\n                @media (min-width: {{min1.value}}{{min1.type}}) {{#if max1.value '>' 0}}and (max-width: {{max1.value}}{{max1.type}}){{/if}} {\n                    {{#if display1 '!==' 'unset'}}\n                        {{#if applyTo '===' 'nextAll'}}\n                            [data-widget-id=\"{{_.id}}\"] ~ *,\n                            [data-sub-layout-container]:has(.PapathemesWidgetResponsive-{{_.id}}) ~ * {\n                                {{#if display1 '===' 'show'}}\n                                    display: block;\n                                {{else if display1 '===' 'force-show'}}\n                                    display: block !important;\n                                {{else if display1 '===' 'hide'}}\n                                    display: none;\n                                {{else if display1 '===' 'force-hide'}}\n                                    display: none !important;\n                                {{/if}}\n                            }\n                        {{else if applyTo '===' 'nextOne'}}\n                            [data-widget-id=\"{{_.id}}\"] + *,\n                            [data-sub-layout-container]:has(.PapathemesWidgetResponsive-{{_.id}}) + * {\n                                {{#if display1 '===' 'show'}}\n                                    display: block;\n                                {{else if display1 '===' 'force-show'}}\n                                    display: block !important;\n                                {{else if display1 '===' 'hide'}}\n                                    display: none;\n                                {{else if display1 '===' 'force-hide'}}\n                                    display: none !important;\n                                {{/if}}\n                            }\n                        {{/if}}\n                    {{/if}}\n                }\n                @media (min-width: {{min2.value}}{{min2.type}}) {{#if max2.value '>' 0}}and (max-width: {{max2.value}}{{max2.type}}){{/if}} {\n                    {{#if display2 '!==' 'unset'}}\n                        {{#if applyTo '===' 'nextAll'}}\n                            [data-widget-id=\"{{_.id}}\"] ~ *,\n                            [data-sub-layout-container]:has(.PapathemesWidgetResponsive-{{_.id}}) ~ * {\n                                {{#if display2 '===' 'show'}}\n                                    display: block;\n                                {{else if display2 '===' 'force-show'}}\n                                    display: block !important;\n                                {{else if display2 '===' 'hide'}}\n                                    display: none;\n                                {{else if display2 '===' 'force-hide'}}\n                                    display: none !important;\n                                {{/if}}\n                            }\n                        {{else if applyTo '===' 'nextOne'}}\n                            [data-widget-id=\"{{_.id}}\"] + *,\n                            [data-sub-layout-container]:has(.PapathemesWidgetResponsive-{{_.id}}) + * {\n                                {{#if display2 '===' 'show'}}\n                                    display: block;\n                                {{else if display2 '===' 'force-show'}}\n                                    display: block !important;\n                                {{else if display2 '===' 'hide'}}\n                                    display: none;\n                                {{else if display2 '===' 'force-hide'}}\n                                    display: none !important;\n                                {{/if}}\n                            }\n                        {{/if}}\n                    {{/if}}\n                }\n                @media (min-width: {{min3.value}}{{min3.type}}) {{#if max3.value '>' 0}}and (max-width: {{max3.value}}{{max3.type}}){{/if}} {\n                    {{#if display3 '!==' 'unset'}}\n                        {{#if applyTo '===' 'nextAll'}}\n                            [data-widget-id=\"{{_.id}}\"] ~ *,\n                            [data-sub-layout-container]:has(.PapathemesWidgetResponsive-{{_.id}}) ~ * {\n                                {{#if display3 '===' 'show'}}\n                                    display: block;\n                                {{else if display3 '===' 'force-show'}}\n                                    display: block !important;\n                                {{else if display3 '===' 'hide'}}\n                                    display: none;\n                                {{else if display3 '===' 'force-hide'}}\n                                    display: none !important;\n                                {{/if}}\n                            }\n                        {{else if applyTo '===' 'nextOne'}}\n                            [data-widget-id=\"{{_.id}}\"] + *,\n                            [data-sub-layout-container]:has(.PapathemesWidgetResponsive-{{_.id}}) + * {\n                                {{#if display3 '===' 'show'}}\n                                    display: block;\n                                {{else if display3 '===' 'force-show'}}\n                                    display: block !important;\n                                {{else if display3 '===' 'hide'}}\n                                    display: none;\n                                {{else if display3 '===' 'force-hide'}}\n                                    display: none !important;\n                                {{/if}}\n                            }\n                        {{/if}}\n                    {{/if}}\n                }\n                @media (min-width: {{min4.value}}{{min4.type}}) {{#if max4.value '>' 0}}and (max-width: {{max4.value}}{{max4.type}}){{/if}} {\n                    {{#if display4 '!==' 'unset'}}\n                        {{#if applyTo '===' 'nextAll'}}\n                            [data-widget-id=\"{{_.id}}\"] ~ *,\n                            [data-sub-layout-container]:has(.PapathemesWidgetResponsive-{{_.id}}) ~ * {\n                                {{#if display4 '===' 'show'}}\n                                    display: block;\n                                {{else if display4 '===' 'force-show'}}\n                                    display: block !important;\n                                {{else if display4 '===' 'hide'}}\n                                    display: none;\n                                {{else if display4 '===' 'force-hide'}}\n                                    display: none !important;\n                                {{/if}}\n                            }\n                        {{else if applyTo '===' 'nextOne'}}\n                            [data-widget-id=\"{{_.id}}\"] + *,\n                            [data-sub-layout-container]:has(.PapathemesWidgetResponsive-{{_.id}}) + * {\n                                {{#if display4 '===' 'show'}}\n                                    display: block;\n                                {{else if display4 '===' 'force-show'}}\n                                    display: block !important;\n                                {{else if display4 '===' 'hide'}}\n                                    display: none;\n                                {{else if display4 '===' 'force-hide'}}\n                                    display: none !important;\n                                {{/if}}\n                            }\n                        {{/if}}\n                    {{/if}}\n                }\n            {{/if}}\n        </style>\n        <div class=\"PapathemesWidgetResponsive PapathemesWidgetResponsive-{{_.id}}\" id=\"PapathemesWidgetResponsive-{{_.id}}\" data-test=\"papathemes-widget-responsive\">\n            <div class=\"_indicator\">\n                Responsive Following\n                {{#if applyForLogin '===' 'anonymous'}}\n                    (Non logged in customers)\n                {{else if applyForLogin '===' 'login'}}\n                    (Logged in customers)\n                {{else if applyForLogin '===' 'groups'}}\n                    (Specific customer groups)\n                {{/if}}\n                :\n            </div>\n        </div>\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                var src = 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/responsive.js';\n                if (!document.head.querySelector('script[src=\"' + src + '\"]')) {\n                    var script = document.createElement('script');\n                    script.src = src;\n                    script.async = true;\n                    script.defer = true;\n                    script.nonce = '{{nonce}}';\n                    script.onload = function() {\n                        window.PapathemesWidgetResponsiveInit();\n                    };\n                    document.head.appendChild(script);\n                } else if (window.PapathemesWidgetResponsiveInit) {\n                    window.PapathemesWidgetResponsiveInit();\n                }\n            })();\n        </script>\n    <!-- ###VERSION:1.0.0### -->",
      "date_created": "2025-01-11T01:34:11.387Z",
      "date_modified": "2025-04-02T08:53:50.932Z",
      "kind": "custom",
      "storefront_api_query": "\n        query {\n            customer {\n                entityId\n                customerGroupId\n            }\n        }\n    ",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "2b13e4be-8bde-411e-9670-7b0035644ff4",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "2bf9514a-871b-4e2d-bf5b-217905094dcb",
      "name": "Our Policies Block | Eyeva Sofas",
      "schema": [
        {
          "type": "tab",
          "label": "Settings",
          "sections": [
            {
              "label": "General",
              "settings": [
                {
                  "type": "code",
                  "label": "Heading text",
                  "id": "headingText",
                  "default": "Our policies are top-notch",
                  "typeMeta": {
                    "language": "html"
                  }
                },
                {
                  "type": "select",
                  "label": "Style",
                  "id": "styleOption",
                  "default": "inherit",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Inherit theme",
                        "value": "inherit"
                      },
                      {
                        "label": "Custom",
                        "value": "custom"
                      }
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Base spacing",
                  "id": "baseSpacing",
                  "default": {
                    "value": 1,
                    "type": "rem"
                  },
                  "typeMeta": {
                    "unit": "rem"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Heading font size",
                  "id": "headingFontSize",
                  "default": {
                    "value": 28,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Heading font size on mobile",
                  "id": "headingFontSizeMobile",
                  "default": {
                    "value": 24,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Item background color",
                  "id": "itemBgColor",
                  "default": "#ffffff",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Item border color",
                  "id": "itemBorderColor",
                  "default": "#dddddd",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Item border radius",
                  "id": "itemBorderRadius",
                  "default": {
                    "value": 4,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Icon color",
                  "id": "iconColor",
                  "default": "#76774A",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Text color",
                  "id": "textColor",
                  "default": "#555555",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Font size",
                  "id": "fontSize",
                  "default": {
                    "value": 18,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Font size on mobile",
                  "id": "fontSizeMobile",
                  "default": {
                    "value": 16,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                }
              ]
            }
          ]
        },
        {
          "type": "array",
          "label": "Items",
          "id": "items",
          "defaultCount": 2,
          "entryLabel": "Policy Item",
          "schema": [
            {
              "type": "tab",
              "label": "Content",
              "sections": [
                {
                  "settings": [
                    {
                      "type": "code",
                      "label": "SVG Icon HTML",
                      "id": "icon",
                      "default": "<svg width=\"38\" height=\"31\" viewBox=\"0 0 38 31\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4.2 2.04346C3.17672 2.04346 2.35 2.88135 2.35 3.91846V20.7935C2.35 21.8306 3.17672 22.6685 4.2 22.6685H4.51797C5.28109 20.4829 7.33344 18.9185 9.75 18.9185C12.1666 18.9185 14.2247 20.4829 14.982 22.6685H22.7V3.91846C22.7 2.88135 21.8733 2.04346 20.85 2.04346H4.2ZM4.2 24.5435C2.15922 24.5435 0.5 22.8618 0.5 20.7935V3.91846C0.5 1.8501 2.15922 0.168457 4.2 0.168457H20.85C22.8908 0.168457 24.55 1.8501 24.55 3.91846V5.79346H28.3252C29.1345 5.79346 29.9034 6.15088 30.4295 6.77783L34.9794 12.1567C35.413 12.6665 35.65 13.3169 35.65 13.9849V22.6685H36.575C37.0838 22.6685 37.5 23.0903 37.5 23.606C37.5 24.1216 37.0838 24.5435 36.575 24.5435H33.8C33.8 27.6489 31.3141 30.1685 28.25 30.1685C25.1859 30.1685 22.7 27.6489 22.7 24.5435H15.3C15.3 27.6489 12.8141 30.1685 9.75 30.1685C6.68594 30.1685 4.2 27.6489 4.2 24.5435Z\" />\n</svg>\n                                ",
                      "typeMeta": {
                        "language": "html"
                      }
                    },
                    {
                      "type": "code",
                      "label": "HTML text",
                      "id": "text",
                      "default": "Safe & convenient delivery",
                      "typeMeta": {
                        "language": "html"
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <link rel=\"stylesheet\" href=\"{{earlyHint 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/eyeva-sofas-block-our-policies.css' 'preload' as='style' crossorigin='anonymous'}}\">\n        <style>\n            .papathemes-eyeva-sofas-block-our-policies-{{_.id}}._config {\n                --papathemes-eyeva-09bedf8d-spacing-base: {{#if styleOption '==' 'inherit'}}1rem{{else}}{{baseSpacing.value}}{{baseSpacing.type}}{{/if}};\n                --papathemes-eyeva-09bedf8d-heading-font-size: {{#if styleOption '==' 'inherit'}}28px{{else}}{{headingFontSize.value}}{{headingFontSize.type}}{{/if}};\n                --papathemes-eyeva-09bedf8d-heading-font-size-mobile: {{#if styleOption '==' 'inherit'}}24px{{else}}{{headingFontSizeMobile.value}}{{headingFontSizeMobile.type}}{{/if}};\n                --papathemes-eyeva-09bedf8d-bg-color: {{#if styleOption '==' 'inherit'}}#ffffff{{else}}{{itemBgColor}}{{/if}};\n                --papathemes-eyeva-09bedf8d-border-color: {{#if styleOption '==' 'inherit'}}#dddddd{{else}}{{itemBorderColor}}{{/if}};\n                --papathemes-eyeva-09bedf8d-border-radius: {{#if styleOption '==' 'inherit'}}4px{{else}}{{itemBorderRadius.value}}{{itemBorderRadius.type}}{{/if}};\n                --papathemes-eyeva-09bedf8d-primary-color: {{#if styleOption '==' 'inherit'}}#76774A{{else}}{{iconColor}}{{/if}};\n                --papathemes-eyeva-09bedf8d-secondary-color: {{#if styleOption '==' 'inherit'}}#555555{{else}}{{textColor}}{{/if}};\n                --papathemes-eyeva-09bedf8d-font-size: {{#if styleOption '==' 'inherit'}}18px{{else}}{{fontSize.value}}{{fontSize.type}}{{/if}};\n                --papathemes-eyeva-09bedf8d-font-size-mobile: {{#if styleOption '==' 'inherit'}}16px{{else}}{{fontSizeMobile.value}}{{fontSizeMobile.type}}{{/if}};\n            }\n        </style>\n        <div class=\"papathemes-eyeva-sofas-block-our-policies papathemes-eyeva-sofas-block-our-policies-{{_.id}} _config {{#if styleOption '==' 'inherit'}}_theme-styled{{/if}}\" id=\"papathemes-eyeva-sofas-block-our-policies-{{_.id}}\">\n          <div class=\"container\">\n            <h3 class=\"_heading\" data-editable-content=\"headingText\">{{{headingText}}}</h3>\n            <div class=\"_flex\">\n              {{#each items}}\n                <div class=\"_item\">\n                  <div class=\"_icon\">\n                    {{{this.icon}}}\n                  </div>\n                  <div class=\"_text\" data-editable-content=\"items.{{@index}}.text\">{{{this.text}}}</div>\n                </div>\n              {{/each}}\n            </div>\n          </div>\n        </div>\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapaThemesWidgetEyevaSofasBlockOurPolicies = window.PapaThemesWidgetEyevaSofasBlockOurPolicies || [];\n                window.PapaThemesWidgetEyevaSofasBlockOurPolicies.push({\n                    elementId: 'papathemes-eyeva-sofas-block-our-policies-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{{json .}}}\n                });\n                var src = \"{{earlyHint 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/eyeva-sofas-block-our-policies.js' 'preload' as='script' crossorigin='anonymous'}}\";\n                if (!document.head.querySelector('script[src=\"' + src + '\"]')) {\n                    var script = document.createElement('script');\n                    script.src = src;\n                    script.async = true;\n                    script.defer = true;\n                    script.nonce = '{{nonce}}';\n                    document.head.appendChild(script);\n                } else if (window.PapaThemesWidgetEyevaSofasBlockOurPoliciesInit) {\n                    window.PapaThemesWidgetEyevaSofasBlockOurPoliciesInit();\n                }\n            })();\n        </script>\n    <!-- ###VERSION:1.0.0### -->",
      "date_created": "2025-03-20T10:43:04.177Z",
      "date_modified": "2025-04-02T08:54:03.644Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "88e98b90-533f-419f-a324-7499d2587985",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "fa828928-2f0f-4cee-9ae1-16c86613ebdf",
      "name": "Perfect Piece Block | Eyeva Sofas",
      "schema": [
        {
          "type": "tab",
          "label": "Settings",
          "sections": [
            {
              "label": "General",
              "settings": [
                {
                  "type": "select",
                  "label": "Style",
                  "id": "styleOption",
                  "default": "inherit",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Inherit theme",
                        "value": "inherit"
                      },
                      {
                        "label": "Custom",
                        "value": "custom"
                      }
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Base spacing",
                  "id": "baseSpacing",
                  "default": {
                    "value": 1,
                    "type": "rem"
                  },
                  "typeMeta": {
                    "unit": "rem"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Background color",
                  "id": "itemBgColor",
                  "default": "#f7f7f7",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Border color",
                  "id": "borderColor",
                  "default": "#dddddd",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Small border radius",
                  "id": "smallBorderRadius",
                  "default": {
                    "value": 4,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Border radius",
                  "id": "borderRadius",
                  "default": {
                    "value": 8,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Icon color",
                  "id": "iconColor",
                  "default": "#2D73BD",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Text color",
                  "id": "textColor",
                  "default": "#555555",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Font size",
                  "id": "fontSize",
                  "default": {
                    "value": 18,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                }
              ]
            }
          ]
        },
        {
          "type": "array",
          "label": "Items",
          "id": "items",
          "defaultCount": 2,
          "entryLabel": "Item",
          "schema": [
            {
              "type": "tab",
              "label": "Content",
              "sections": [
                {
                  "settings": [
                    {
                      "type": "imageManager",
                      "label": "Image",
                      "id": "imageUrl",
                      "default": {
                        "src": "https://cdn11.bigcommerce.com/s-hhudllvhkp/images/stencil/original/image-manager/sofas-perfect-piece-1.jpg?t=1741931750",
                        "type": "IMAGE_MANAGER"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Image width",
                      "id": "width",
                      "default": {
                        "value": 585,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Image height",
                      "id": "height",
                      "default": {
                        "value": 490,
                        "type": "px"
                      },
                      "typeMeta": {
                        "parseType": "integer"
                      }
                    },
                    {
                      "type": "text",
                      "label": "Image Alt Text",
                      "id": "imageAlt"
                    },
                    {
                      "type": "text",
                      "label": "Heading",
                      "id": "heading",
                      "default": "Visit a Define Studio"
                    },
                    {
                      "type": "code",
                      "label": "Content",
                      "id": "content",
                      "default": "<p>See our pieces in an atmosphere that's inspiring—not overwhelming.</p>",
                      "typeMeta": {
                        "language": "html"
                      }
                    },
                    {
                      "type": "element",
                      "label": "Box 1",
                      "id": "box1",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "show"
                          },
                          "advanced": {
                            "label": "Box 1 Settings",
                            "settings": [
                              {
                                "type": "code",
                                "label": "SVG Icon HTML",
                                "id": "icon",
                                "default": "<svg width=\"27\" height=\"25\" viewBox=\"0 0 27 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M13.0022 0.420703C13.2834 0.172266 13.71 0.172266 13.9959 0.420703L17.9991 3.95508V2.8582C17.9991 2.23477 18.5006 1.7332 19.1241 1.7332H22.8741C23.4975 1.7332 23.9991 2.23477 23.9991 2.8582V9.24727L26.7459 11.6707C27.0553 11.9426 27.0881 12.4207 26.8116 12.7301C26.535 13.0395 26.0616 13.0723 25.7522 12.7957L23.9991 11.2488V20.4832C23.9991 22.5551 22.3209 24.2332 20.2491 24.2332H6.74907C4.6772 24.2332 2.99907 22.5551 2.99907 20.4832V11.2488L1.24595 12.7957C0.936573 13.0676 0.458448 13.0395 0.186573 12.7301C-0.0853024 12.4207 -0.0571774 11.9426 0.252198 11.6707L13.0022 0.420703ZM22.4991 7.92539V3.2332H19.4991V5.27695L22.4991 7.92539ZM4.49907 9.92227V20.4832C4.49907 21.7254 5.50688 22.7332 6.74907 22.7332H9.74907V15.2332C9.74907 14.4035 10.4194 13.7332 11.2491 13.7332H15.7491C16.5788 13.7332 17.2491 14.4035 17.2491 15.2332V22.7332H20.2491C21.4913 22.7332 22.4991 21.7254 22.4991 20.4832V9.92227L13.4991 1.98164L4.49907 9.92227ZM15.7491 15.2332H11.2491V22.7332H15.7491V15.2332Z\"/>\n    </svg>",
                                "typeMeta": {
                                  "language": "html"
                                }
                              },
                              {
                                "type": "code",
                                "label": "Text",
                                "id": "text",
                                "default": "Find your nearest Define Studio",
                                "typeMeta": {
                                  "language": "html"
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Box 2",
                      "id": "box2",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "show"
                          },
                          "advanced": {
                            "label": "Box 2 Settings",
                            "settings": [
                              {
                                "type": "code",
                                "label": "SVG Icon HTML",
                                "id": "icon",
                                "default": "<svg width=\"27\" height=\"25\" viewBox=\"0 0 27 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M13.0022 0.420703C13.2834 0.172266 13.71 0.172266 13.9959 0.420703L17.9991 3.95508V2.8582C17.9991 2.23477 18.5006 1.7332 19.1241 1.7332H22.8741C23.4975 1.7332 23.9991 2.23477 23.9991 2.8582V9.24727L26.7459 11.6707C27.0553 11.9426 27.0881 12.4207 26.8116 12.7301C26.535 13.0395 26.0616 13.0723 25.7522 12.7957L23.9991 11.2488V20.4832C23.9991 22.5551 22.3209 24.2332 20.2491 24.2332H6.74907C4.6772 24.2332 2.99907 22.5551 2.99907 20.4832V11.2488L1.24595 12.7957C0.936573 13.0676 0.458448 13.0395 0.186573 12.7301C-0.0853024 12.4207 -0.0571774 11.9426 0.252198 11.6707L13.0022 0.420703ZM22.4991 7.92539V3.2332H19.4991V5.27695L22.4991 7.92539ZM4.49907 9.92227V20.4832C4.49907 21.7254 5.50688 22.7332 6.74907 22.7332H9.74907V15.2332C9.74907 14.4035 10.4194 13.7332 11.2491 13.7332H15.7491C16.5788 13.7332 17.2491 14.4035 17.2491 15.2332V22.7332H20.2491C21.4913 22.7332 22.4991 21.7254 22.4991 20.4832V9.92227L13.4991 1.98164L4.49907 9.92227ZM15.7491 15.2332H11.2491V22.7332H15.7491V15.2332Z\"/>\n    </svg>",
                                "typeMeta": {
                                  "language": "html"
                                }
                              },
                              {
                                "type": "code",
                                "label": "Text",
                                "id": "text",
                                "default": "Find your nearest Define Studio",
                                "typeMeta": {
                                  "language": "html"
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Box 3",
                      "id": "box3",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "hide"
                          },
                          "advanced": {
                            "label": "Box 3 Settings",
                            "settings": [
                              {
                                "type": "code",
                                "label": "SVG Icon HTML",
                                "id": "icon",
                                "default": "<svg width=\"27\" height=\"25\" viewBox=\"0 0 27 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M13.0022 0.420703C13.2834 0.172266 13.71 0.172266 13.9959 0.420703L17.9991 3.95508V2.8582C17.9991 2.23477 18.5006 1.7332 19.1241 1.7332H22.8741C23.4975 1.7332 23.9991 2.23477 23.9991 2.8582V9.24727L26.7459 11.6707C27.0553 11.9426 27.0881 12.4207 26.8116 12.7301C26.535 13.0395 26.0616 13.0723 25.7522 12.7957L23.9991 11.2488V20.4832C23.9991 22.5551 22.3209 24.2332 20.2491 24.2332H6.74907C4.6772 24.2332 2.99907 22.5551 2.99907 20.4832V11.2488L1.24595 12.7957C0.936573 13.0676 0.458448 13.0395 0.186573 12.7301C-0.0853024 12.4207 -0.0571774 11.9426 0.252198 11.6707L13.0022 0.420703ZM22.4991 7.92539V3.2332H19.4991V5.27695L22.4991 7.92539ZM4.49907 9.92227V20.4832C4.49907 21.7254 5.50688 22.7332 6.74907 22.7332H9.74907V15.2332C9.74907 14.4035 10.4194 13.7332 11.2491 13.7332H15.7491C16.5788 13.7332 17.2491 14.4035 17.2491 15.2332V22.7332H20.2491C21.4913 22.7332 22.4991 21.7254 22.4991 20.4832V9.92227L13.4991 1.98164L4.49907 9.92227ZM15.7491 15.2332H11.2491V22.7332H15.7491V15.2332Z\"/>\n    </svg>",
                                "typeMeta": {
                                  "language": "html"
                                }
                              },
                              {
                                "type": "code",
                                "label": "Text",
                                "id": "text",
                                "default": "Find your nearest Define Studio",
                                "typeMeta": {
                                  "language": "html"
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Box 4",
                      "id": "box4",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "hide"
                          },
                          "advanced": {
                            "label": "Box 4 Settings",
                            "settings": [
                              {
                                "type": "code",
                                "label": "SVG Icon HTML",
                                "id": "icon",
                                "default": "<svg width=\"27\" height=\"25\" viewBox=\"0 0 27 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M13.0022 0.420703C13.2834 0.172266 13.71 0.172266 13.9959 0.420703L17.9991 3.95508V2.8582C17.9991 2.23477 18.5006 1.7332 19.1241 1.7332H22.8741C23.4975 1.7332 23.9991 2.23477 23.9991 2.8582V9.24727L26.7459 11.6707C27.0553 11.9426 27.0881 12.4207 26.8116 12.7301C26.535 13.0395 26.0616 13.0723 25.7522 12.7957L23.9991 11.2488V20.4832C23.9991 22.5551 22.3209 24.2332 20.2491 24.2332H6.74907C4.6772 24.2332 2.99907 22.5551 2.99907 20.4832V11.2488L1.24595 12.7957C0.936573 13.0676 0.458448 13.0395 0.186573 12.7301C-0.0853024 12.4207 -0.0571774 11.9426 0.252198 11.6707L13.0022 0.420703ZM22.4991 7.92539V3.2332H19.4991V5.27695L22.4991 7.92539ZM4.49907 9.92227V20.4832C4.49907 21.7254 5.50688 22.7332 6.74907 22.7332H9.74907V15.2332C9.74907 14.4035 10.4194 13.7332 11.2491 13.7332H15.7491C16.5788 13.7332 17.2491 14.4035 17.2491 15.2332V22.7332H20.2491C21.4913 22.7332 22.4991 21.7254 22.4991 20.4832V9.92227L13.4991 1.98164L4.49907 9.92227ZM15.7491 15.2332H11.2491V22.7332H15.7491V15.2332Z\"/>\n    </svg>",
                                "typeMeta": {
                                  "language": "html"
                                }
                              },
                              {
                                "type": "code",
                                "label": "Text",
                                "id": "text",
                                "default": "Find your nearest Define Studio",
                                "typeMeta": {
                                  "language": "html"
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Box 5",
                      "id": "box5",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "hide"
                          },
                          "advanced": {
                            "label": "Box 5 Settings",
                            "settings": [
                              {
                                "type": "code",
                                "label": "SVG Icon HTML",
                                "id": "icon",
                                "default": "<svg width=\"27\" height=\"25\" viewBox=\"0 0 27 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M13.0022 0.420703C13.2834 0.172266 13.71 0.172266 13.9959 0.420703L17.9991 3.95508V2.8582C17.9991 2.23477 18.5006 1.7332 19.1241 1.7332H22.8741C23.4975 1.7332 23.9991 2.23477 23.9991 2.8582V9.24727L26.7459 11.6707C27.0553 11.9426 27.0881 12.4207 26.8116 12.7301C26.535 13.0395 26.0616 13.0723 25.7522 12.7957L23.9991 11.2488V20.4832C23.9991 22.5551 22.3209 24.2332 20.2491 24.2332H6.74907C4.6772 24.2332 2.99907 22.5551 2.99907 20.4832V11.2488L1.24595 12.7957C0.936573 13.0676 0.458448 13.0395 0.186573 12.7301C-0.0853024 12.4207 -0.0571774 11.9426 0.252198 11.6707L13.0022 0.420703ZM22.4991 7.92539V3.2332H19.4991V5.27695L22.4991 7.92539ZM4.49907 9.92227V20.4832C4.49907 21.7254 5.50688 22.7332 6.74907 22.7332H9.74907V15.2332C9.74907 14.4035 10.4194 13.7332 11.2491 13.7332H15.7491C16.5788 13.7332 17.2491 14.4035 17.2491 15.2332V22.7332H20.2491C21.4913 22.7332 22.4991 21.7254 22.4991 20.4832V9.92227L13.4991 1.98164L4.49907 9.92227ZM15.7491 15.2332H11.2491V22.7332H15.7491V15.2332Z\"/>\n    </svg>",
                                "typeMeta": {
                                  "language": "html"
                                }
                              },
                              {
                                "type": "code",
                                "label": "Text",
                                "id": "text",
                                "default": "Find your nearest Define Studio",
                                "typeMeta": {
                                  "language": "html"
                                }
                              }
                            ]
                          }
                        }
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <link rel=\"stylesheet\" href=\"{{earlyHint 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.1/eyeva-sofas-block-perfect-piece.css' 'preload' as='style' crossorigin='anonymous'}}\">\n        <style>\n            .papathemes-eyeva-sofas-block-perfect-piece-{{_.id}} {\n                --papathemes-eyeva-c474f578-spacing-base: {{#if styleOption '==' 'inherit'}}1rem{{else}}{{baseSpacing.value}}{{baseSpacing.type}}{{/if}};\n                --papathemes-eyeva-c474f578-bg-color: {{#if styleOption '==' 'inherit'}}#f7f7f7{{else}}{{itemBgColor}}{{/if}};\n                --papathemes-eyeva-c474f578-primary-color: {{#if styleOption '==' 'inherit'}}#2D73BD{{else}}{{iconColor}}{{/if}};\n                --papathemes-eyeva-c474f578-border-color: {{#if styleOption '==' 'inherit'}}#dddddd{{else}}{{borderColor}}{{/if}};\n                --papathemes-eyeva-c474f578-secondary-color: {{#if styleOption '==' 'inherit'}}#555555{{else}}{{textColor}}{{/if}};\n                --papathemes-eyeva-c474f578-small-radius: {{#if styleOption '==' 'inherit'}}4px{{else}}{{smallBorderRadius.value}}{{smallBorderRadius.type}}{{/if}};\n                --papathemes-eyeva-c474f578-medium-radius: {{#if styleOption '==' 'inherit'}}8px{{else}}{{borderRadius.value}}{{borderRadius.type}}{{/if}};\n                --papathemes-eyeva-c474f578-font-size-18: {{#if styleOption '==' 'inherit'}}18px{{else}}{{fontSize.value}}{{fontSize.type}}{{/if}};\n            }\n        </style>\n        <div class=\"papathemes-eyeva-sofas-block-perfect-piece papathemes-eyeva-sofas-block-perfect-piece-{{_.id}} _config {{#if styleOption '==' 'inherit'}}_theme-styled{{/if}}\" id=\"papathemes-eyeva-sofas-block-perfect-piece-{{_.id}}\">\n            <div class=\"container\">\n                <div class=\"_flex\">\n                    {{#each items}}\n                        <div class=\"_col\">\n                            {{#if imageUrl.src}}\n                                <div class=\"_imgContainer\">\n                                    <img class=\"lazyload\" data-src=\"{{imageUrl.src}}\" width=\"{{width}}\" height=\"{{height}}\" alt=\"{{imageAlt}}\">\n                                </div><!-- /_imgContainer -->\n                            {{/if}}\n                            <h3 class=\"_heading\" data-editable-content=\"items.{{@index}}.heading\">{{{heading}}}</h3>\n                            <div class=\"_content\" data-editable-content=\"items.{{@index}}.content\">{{{content}}}</div>\n                            {{#if box1.visibility '!=' 'hide'}}\n                                <div class=\"_box\">\n                                    <div class=\"_icon\">{{{box1.icon}}}</div>\n                                    <div class=\"_text\" data-editable-content=\"items.{{@index}}.box1.text\">{{{box1.text}}}</div>\n                                </div><!-- /_box -->\n                            {{/if}}\n                            {{#if box2.visibility '!=' 'hide'}}\n                                <div class=\"_box\">\n                                    <div class=\"_icon\">{{{box2.icon}}}</div>\n                                    <div class=\"_text\" data-editable-content=\"items.{{@index}}.box2.text\">{{{box2.text}}}</div>\n                                </div><!-- /_box -->\n                            {{/if}}\n                            {{#if box3.visibility '!=' 'hide'}}\n                                <div class=\"_box\">\n                                    <div class=\"_icon\">{{{box3.icon}}}</div>\n                                    <div class=\"_text\" data-editable-content=\"items.{{@index}}.box3.text\">{{{box3.text}}}</div>\n                                </div><!-- /_box -->\n                            {{/if}}\n                            {{#if box4.visibility '!=' 'hide'}}\n                                <div class=\"_box\">\n                                    <div class=\"_icon\">{{{box4.icon}}}</div>\n                                    <div class=\"_text\" data-editable-content=\"items.{{@index}}.box4.text\">{{{box4.text}}}</div>\n                                </div><!-- /_box -->\n                            {{/if}}\n                            {{#if box5.visibility '!=' 'hide'}}\n                                <div class=\"_box\">\n                                    <div class=\"_icon\">{{{box5.icon}}}</div>\n                                    <div class=\"_text\" data-editable-content=\"items.{{@index}}.box5.text\">{{{box5.text}}}</div>\n                                </div><!-- /_box -->\n                            {{/if}}\n                        </div><!-- /_col -->\n                    {{/each}}\n                </div><!-- /_flex -->\n            </div><!-- /container -->\n        </div><!-- /papathemes-eyeva-sofas-block-perfect-piece -->\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapaThemesWidgetEyevaSofasBlockPerfectPiece = window.PapaThemesWidgetEyevaSofasBlockPerfectPiece || [];\n                window.PapaThemesWidgetEyevaSofasBlockPerfectPiece.push({\n                    elementId: 'papathemes-eyeva-sofas-block-perfect-piece-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{{json .}}}\n                });\n                var src = \"{{earlyHint 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.1/eyeva-sofas-block-perfect-piece.js' 'preload' as='script' crossorigin='anonymous'}}\";\n                if (!document.head.querySelector('script[src=\"' + src + '\"]')) {\n                    var script = document.createElement('script');\n                    script.src = src;\n                    script.async = true;\n                    script.defer = true;\n                    script.nonce = '{{nonce}}';\n                    document.head.appendChild(script);\n                } else if (window.PapaThemesWidgetEyevaSofasBlockPerfectPieceInit) {\n                    window.PapaThemesWidgetEyevaSofasBlockPerfectPieceInit();\n                }\n            })();\n        </script>\n    <!-- ###VERSION:1.0.1### -->",
      "date_created": "2025-03-20T10:43:06.492Z",
      "date_modified": "2025-07-10T04:24:19.086Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "74694ef3-3040-446d-a3ec-70c8de9cb5e1",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "ecbb51d2-a8cc-4121-a85f-fcc4040bf152",
      "name": "Leaderboard | Eyeva Glasses",
      "schema": [
        {
          "type": "tab",
          "label": "Settings",
          "sections": [
            {
              "label": "General",
              "settings": [
                {
                  "type": "visibility",
                  "label": "Display Image/Video",
                  "id": "imageVisibility",
                  "default": "show"
                },
                {
                  "type": "imageManager",
                  "label": "Image",
                  "id": "image",
                  "default": {
                    "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/original/image-manager/pick-5-pairs-from-our-home-try-on-collection.jpg?t=1737535372",
                    "type": "IMAGE_MANAGER"
                  },
                  "conditional": {
                    "key": "imageVisibility",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "text",
                  "label": "Image Alt",
                  "id": "alt",
                  "default": "image alt text",
                  "conditional": {
                    "key": "imageVisibility",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Image Width",
                  "id": "width",
                  "default": {
                    "value": 500,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px",
                    "parseType": "integer"
                  },
                  "conditional": {
                    "key": "imageVisibility",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Image Height",
                  "id": "height",
                  "default": {
                    "value": 500,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px",
                    "parseType": "integer"
                  },
                  "conditional": {
                    "key": "imageVisibility",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Image Fit",
                  "id": "objectFit",
                  "default": "cover",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Cover",
                        "value": "cover"
                      },
                      {
                        "label": "Contain",
                        "value": "contain"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "imageVisibility",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "imageManager",
                  "label": "Image (mobile) (optional)",
                  "id": "mobileImage",
                  "default": {
                    "src": "",
                    "type": "IMAGE_MANAGER"
                  },
                  "conditional": {
                    "key": "imageVisibility",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Mobile Image Width",
                  "id": "mobileImageWidth",
                  "default": {
                    "value": 1500,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px",
                    "parseType": "integer"
                  },
                  "conditional": {
                    "key": "imageVisibility",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Mobile Image Height",
                  "id": "mobileImageHeight",
                  "default": {
                    "value": 1500,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px",
                    "parseType": "integer"
                  },
                  "conditional": {
                    "key": "imageVisibility",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "input",
                  "label": "Video URL (.mp4): Use third-party storage like Cloudflare R2 Free instead of WebDAV for Safari compatibility. Upload your video and paste the URL here.",
                  "id": "video",
                  "default": "",
                  "typeMeta": {
                    "placeholder": "https://"
                  },
                  "conditional": {
                    "key": "imageVisibility",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Show video",
                  "id": "showVideo",
                  "default": "hover",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Always: Automatically play when page loads.",
                        "value": "always"
                      },
                      {
                        "label": "Hover: Play on mouse hover (desktop) or touch (mobile).",
                        "value": "hover"
                      },
                      {
                        "label": "In Viewport: Play when visible on screen.",
                        "value": "viewport"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "imageVisibility",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "boolean",
                  "label": "Hide video when paused",
                  "id": "hideVideoWhenPaused",
                  "default": true,
                  "conditional": {
                    "key": "imageVisibility",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Content Direction",
                  "id": "contentDirection",
                  "default": "row-reverse",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Image - Text",
                        "value": "row"
                      },
                      {
                        "label": "Text - Image",
                        "value": "row-reverse"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "imageVisibility",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Content Direction (mobile)",
                  "id": "contentDirectionMobile",
                  "default": "column",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Image - Text",
                        "value": "column"
                      },
                      {
                        "label": "Text - Image",
                        "value": "column-reverse"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "imageVisibility",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Background",
                  "id": "background",
                  "default": "#f7f7f7"
                },
                {
                  "type": "color",
                  "label": "Background on Mobile",
                  "id": "backgroundMobile",
                  "default": "#ffffff"
                },
                {
                  "type": "element",
                  "label": "Heading",
                  "id": "heading",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "show"
                      },
                      "advanced": {
                        "label": "Heading Settings",
                        "settings": [
                          {
                            "type": "text",
                            "label": "Text",
                            "id": "text",
                            "default": "Pick 5 pairs from our Home Try-On collection"
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Text1",
                  "id": "text1",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "show"
                      },
                      "advanced": {
                        "label": "Text1 Settings",
                        "settings": [
                          {
                            "type": "code",
                            "label": "Content",
                            "id": "text",
                            "default": "Start with a style quiz",
                            "typeMeta": {
                              "language": "html"
                            }
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Text2",
                  "id": "text2",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "show"
                      },
                      "advanced": {
                        "label": "Text2 Settings",
                        "settings": [
                          {
                            "type": "code",
                            "label": "Content",
                            "id": "text",
                            "default": "Start with a style quiz",
                            "typeMeta": {
                              "language": "html"
                            }
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Button1",
                  "id": "button1",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "show"
                      },
                      "advanced": {
                        "label": "Button1 Settings",
                        "settings": [
                          {
                            "type": "text",
                            "label": "Content",
                            "id": "text",
                            "default": "Button"
                          },
                          {
                            "type": "input",
                            "label": "Link",
                            "id": "link",
                            "default": "",
                            "typeMeta": {
                              "placeholder": "https://"
                            }
                          },
                          {
                            "type": "select",
                            "label": "Size",
                            "id": "size",
                            "default": "",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Unset",
                                  "value": ""
                                },
                                {
                                  "label": "Small",
                                  "value": "small"
                                },
                                {
                                  "label": "Large",
                                  "value": "large"
                                }
                              ]
                            }
                          },
                          {
                            "type": "select",
                            "label": "Style",
                            "id": "style",
                            "default": "primary",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Primary",
                                  "value": "primary"
                                },
                                {
                                  "label": "Default",
                                  "value": "default"
                                }
                              ]
                            }
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Button2",
                  "id": "button2",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "show"
                      },
                      "advanced": {
                        "label": "Button2 Settings",
                        "settings": [
                          {
                            "type": "text",
                            "label": "Content",
                            "id": "text",
                            "default": "Button"
                          },
                          {
                            "type": "input",
                            "label": "Link",
                            "id": "link",
                            "default": "",
                            "typeMeta": {
                              "placeholder": "https://"
                            }
                          },
                          {
                            "type": "select",
                            "label": "Size",
                            "id": "size",
                            "default": "",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Unset",
                                  "value": ""
                                },
                                {
                                  "label": "Small",
                                  "value": "small"
                                },
                                {
                                  "label": "Large",
                                  "value": "large"
                                }
                              ]
                            }
                          },
                          {
                            "type": "select",
                            "label": "Style",
                            "id": "style",
                            "default": "primary",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Primary",
                                  "value": "primary"
                                },
                                {
                                  "label": "Default",
                                  "value": "default"
                                }
                              ]
                            }
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Button3",
                  "id": "button3",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "hide"
                      },
                      "advanced": {
                        "label": "Button3 Settings",
                        "settings": [
                          {
                            "type": "text",
                            "label": "Content",
                            "id": "text",
                            "default": "Button"
                          },
                          {
                            "type": "input",
                            "label": "Link",
                            "id": "link",
                            "default": "",
                            "typeMeta": {
                              "placeholder": "https://"
                            }
                          },
                          {
                            "type": "select",
                            "label": "Size",
                            "id": "size",
                            "default": "",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Unset",
                                  "value": ""
                                },
                                {
                                  "label": "Small",
                                  "value": "small"
                                },
                                {
                                  "label": "Large",
                                  "value": "large"
                                }
                              ]
                            }
                          },
                          {
                            "type": "select",
                            "label": "Style",
                            "id": "style",
                            "default": "primary",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Primary",
                                  "value": "primary"
                                },
                                {
                                  "label": "Default",
                                  "value": "default"
                                }
                              ]
                            }
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "select",
                  "label": "Style",
                  "id": "styleOption",
                  "default": "inherit",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Inherit theme",
                        "value": "inherit"
                      },
                      {
                        "label": "Custom",
                        "value": "custom"
                      }
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Base Spacing",
                  "id": "baseSpacing",
                  "default": {
                    "value": 1,
                    "type": "rem"
                  },
                  "typeMeta": {
                    "unit": "rem"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Heading Font Size (Desktop)",
                  "id": "headingFontSizeDesktop",
                  "default": {
                    "value": 36,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Heading Font Size (Mobile)",
                  "id": "headingFontSizeMobile",
                  "default": {
                    "value": 28,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Heading Text Color",
                  "id": "headingTextColor",
                  "default": "#333333",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Text Font Size (Desktop)",
                  "id": "textFontSizeDesktop",
                  "default": {
                    "value": 16,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Text Font Size (Mobile)",
                  "id": "textFontSizeMobile",
                  "default": {
                    "value": 14,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Text Color",
                  "id": "textColor",
                  "default": "#555555",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Link Color",
                  "id": "linkColor",
                  "default": "#2D73BD",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <link rel=\"stylesheet\" href=\"{{earlyHint 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.3/eyeva-glasses-leaderboard.css' 'preload' as='style' crossorigin='anonymous'}}\">\n        <style>\n            .papathemes-eyeva-glasses-leaderboard-{{_.id}}._config {\n                /* Image Dimensions */\n                --papathemes-eyeva-5981bff7-image-width: {{width.value}};\n                --papathemes-eyeva-5981bff7-image-height: {{height.value}};\n                --papathemes-eyeva-5981bff7-image-width-mobile: {{mobileImageWidth.value}};\n                --papathemes-eyeva-5981bff7-image-height-mobile: {{mobileImageHeight.value}};\n                --papathemes-eyeva-5981bff7-image-fit: {{objectFit}};\n\n                /* Background Colors */\n                --papathemes-eyeva-5981bff7-bg-color: {{background}};\n                --papathemes-eyeva-5981bff7-bg-color-mobile: {{backgroundMobile}};\n\n                /* Spacing & Typography */\n                --papathemes-eyeva-5981bff7-spacing-base: {{#if styleOption '==' 'inherit'}}1rem{{else}}{{baseSpacing.value}}{{baseSpacing.type}}{{/if}};\n                --papathemes-eyeva-5981bff7-heading-font-size: {{#if styleOption '==' 'inherit'}}36px{{else}}{{headingFontSizeDesktop.value}}{{headingFontSizeDesktop.type}}{{/if}};\n                --papathemes-eyeva-5981bff7-heading-font-size-mobile: {{#if styleOption '==' 'inherit'}}28px{{else}}{{headingFontSizeMobile.value}}{{headingFontSizeMobile.type}}{{/if}};\n                --papathemes-eyeva-5981bff7-heading-color: {{#if styleOption '==' 'inherit'}}#333333{{else}}{{headingTextColor}}{{/if}};\n                --papathemes-eyeva-5981bff7-text-font-size: {{#if styleOption '==' 'inherit'}}16px{{else}}{{textFontSizeDesktop.value}}{{textFontSizeDesktop.type}}{{/if}};\n                --papathemes-eyeva-5981bff7-text-font-size-mobile: {{#if styleOption '==' 'inherit'}}14px{{else}}{{textFontSizeMobile.value}}{{textFontSizeMobile.type}}{{/if}};\n                --papathemes-eyeva-5981bff7-text-color: {{#if styleOption '==' 'inherit'}}#555555{{else}}{{textColor}}{{/if}};\n                --papathemes-eyeva-5981bff7-link-color: {{#if styleOption '==' 'inherit'}}#2D73BD{{else}}{{linkColor}}{{/if}};\n\n                /* Content Direction */\n                --papathemes-eyeva-5981bff7-direction-desktop: {{contentDirection}};\n                --papathemes-eyeva-5981bff7-direction-mobile: {{contentDirectionMobile}};\n            }\n        </style>\n        <div class=\"papathemes-eyeva-glasses-leaderboard papathemes-eyeva-glasses-leaderboard-{{_.id}} _config {{#if styleOption '==' 'inherit'}}_theme-styled{{/if}}\" id=\"papathemes-eyeva-glasses-leaderboard-{{_.id}}\">\n            <div class=\"container\">\n                {{#if imageVisibility '!=' 'hide'}}\n                    <div class=\"_col-img\">\n                        <div class=\"_imgContainer _desktop\">\n                            <img class=\"lazyload\" width=\"{{width.value}}\" height=\"{{height.value}}\" data-src=\"{{image.src}}\" alt=\"{{alt}}\" />\n                            {{#if video}}\n                                <video class=\"{{#if hideVideoWhenPaused}}_hidePaused{{/if}}\" muted loop playsinline data-play-option=\"{{showVideo}}\">\n                                    <source src=\"{{video}}\" type=\"video/mp4\">\n                                </video>\n                            {{/if}}\n                        </div>\n                        <div class=\"_imgContainer _mobile\">\n                            <img class=\"lazyload\"\n                                width=\"{{#if mobileImageWidth.value}}{{mobileImageWidth.value}}{{else}}{{width.value}}{{/if}}\"\n                                height=\"{{#if mobileImageHeight.value}}{{mobileImageHeight.value}}{{else}}{{height.value}}{{/if}}\"\n                                data-src=\"{{#if mobileImage.src}}{{mobileImage.src}}{{else}}{{image.src}}{{/if}}\"\n                                alt=\"{{alt}}\" />\n                            {{#if video}}\n                                <video class=\"{{#if hideVideoWhenPaused}}_hidePaused{{/if}}\" muted loop playsinline data-play-option=\"{{showVideo}}\">\n                                    <source src=\"{{video}}\" type=\"video/mp4\">\n                                </video>\n                            {{/if}}\n                        </div>\n                    </div>\n                {{/if}}\n                <div class=\"_col-content\">\n                    <div class=\"_content {{#if imageVisibility '==' 'hide'}}_center{{/if}}\">\n                        {{#if heading.visibility '==' 'show'}}\n                            <h3 class=\"_heading\" data-editable-content=\"heading.text\">{{{heading.text}}}</h3>\n                        {{/if}}\n                        {{#if text1.visibility '==' 'show'}}\n                            <div class=\"_text\" data-editable-content=\"text1.text\">{{{text1.text}}}</div>\n                        {{/if}}\n                        <div class=\"_buttons\">\n                            {{#if button1.visibility '==' 'show'}}\n                                <div class=\"button button--{{button1.style}} button--{{button1.size}}\"\n                                    role=\"button\"\n                                    data-href=\"{{button1.link}}\"\n                                    data-editable-content=\"button1.text\">\n                                    {{{button1.text}}}\n                                </div>\n                            {{/if}}\n                            {{#if button2.visibility '==' 'show'}}\n                                <div class=\"button button--{{button2.style}} button--{{button2.size}}\"\n                                    role=\"button\"\n                                    data-href=\"{{button2.link}}\"\n                                    data-editable-content=\"button2.text\">\n                                    {{{button2.text}}}\n                                </div>\n                            {{/if}}\n                            {{#if button3.visibility '==' 'show'}}\n                                <div class=\"button button--{{button3.style}} button--{{button3.size}}\"\n                                    role=\"button\"\n                                    data-href=\"{{button3.link}}\"\n                                    data-editable-content=\"button3.text\">\n                                    {{{button3.text}}}\n                                </div>\n                            {{/if}}\n                        </div>\n                        {{#if text2.visibility '==' 'show'}}\n                            <div class=\"_text\" data-editable-content=\"text2.text\">{{{text2.text}}}</div>\n                        {{/if}}\n                    </div>\n                </div>\n            </div>\n        </div>\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapaThemesWidgetEyevaGlassesLeaderboard = window.PapaThemesWidgetEyevaGlassesLeaderboard || [];\n                window.PapaThemesWidgetEyevaGlassesLeaderboard.push({\n                    elementId: 'papathemes-eyeva-glasses-leaderboard-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{{json .}}}\n                });\n                var src = \"{{earlyHint 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.3/eyeva-glasses-leaderboard.js' 'preload' as='script' crossorigin='anonymous'}}\";\n                if (!document.head.querySelector('script[src=\"' + src + '\"]')) {\n                    var script = document.createElement('script');\n                    script.src = src;\n                    script.async = true;\n                    script.defer = true;\n                    script.nonce = '{{nonce}}';\n                    document.head.appendChild(script);\n                } else if (window.PapaThemesWidgetEyevaGlassesLeaderboardInit) {\n                    window.PapaThemesWidgetEyevaGlassesLeaderboardInit();\n                }\n            })();\n        </script>\n    <!-- ###VERSION:1.0.3### -->",
      "date_created": "2025-03-20T10:43:08.522Z",
      "date_modified": "2025-04-04T08:48:27.572Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "d33ffbe6-ce25-447d-b168-af6a81f0edaf",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "d81e5a1b-7c8b-4e60-a376-57257a7edc39",
      "name": "Hero Carousel | Eyeva",
      "schema": [
        {
          "type": "tab",
          "label": "Settings",
          "sections": [
            {
              "label": "General",
              "settings": [
                {
                  "type": "select",
                  "label": "Style",
                  "id": "styleOption",
                  "default": "inherit",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Inherit theme",
                        "value": "inherit"
                      },
                      {
                        "label": "Custom",
                        "value": "custom"
                      }
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Base Spacing",
                  "id": "spacingBase",
                  "default": {
                    "value": 1,
                    "type": "rem"
                  },
                  "typeMeta": {
                    "unit": "rem"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Background Color",
                  "id": "bgColor",
                  "default": "#ffffff",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Text Color",
                  "id": "textColor",
                  "default": "#333333",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Primary Color",
                  "id": "primaryColor",
                  "default": "#2D73BD",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Border Color",
                  "id": "borderColor",
                  "default": "#dddddd",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Dot Color",
                  "id": "dotColor",
                  "default": "#888888",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Dot Active Color",
                  "id": "dotColorActive",
                  "default": "#555555",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Dot Background Color",
                  "id": "dotBgColor",
                  "default": "#ffffff",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Title Color",
                  "id": "titleColor",
                  "default": "#333333",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Title Font Family",
                  "id": "titleFontFamily",
                  "default": "Playfair Display",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Inherit",
                        "value": "inherit"
                      },
                      {
                        "label": "Playfair Display",
                        "value": "Playfair Display"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Title Font Size",
                  "id": "titleFontSize",
                  "default": {
                    "value": 48,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Title Font Size (Mobile)",
                  "id": "titleFontSizeMobile",
                  "default": {
                    "value": 28,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Title Font Weight",
                  "id": "titleFontWeight",
                  "default": {
                    "value": 400,
                    "type": ""
                  },
                  "typeMeta": {
                    "unit": ""
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Title Line Height",
                  "id": "titleLineHeight",
                  "default": {
                    "value": 1.15,
                    "type": "em"
                  },
                  "typeMeta": {
                    "unit": "em"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Description Color",
                  "id": "descriptionColor",
                  "default": "#555555",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Description Font Size",
                  "id": "descriptionFontSize",
                  "default": {
                    "value": 16,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Description Font Size (Mobile)",
                  "id": "descriptionFontSizeMobile",
                  "default": {
                    "value": 14,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Button Height",
                  "id": "buttonHeight",
                  "default": {
                    "value": 50,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                }
              ]
            },
            {
              "label": "Slider",
              "settings": [
                {
                  "type": "boolean",
                  "label": "Enable Autoplay",
                  "id": "enableAutoplay",
                  "default": true
                },
                {
                  "type": "number",
                  "label": "Autoplay Interval",
                  "id": "autoplayInterval",
                  "default": {
                    "value": 5000,
                    "type": "ms"
                  },
                  "typeMeta": {
                    "unit": "ms"
                  },
                  "conditional": {
                    "key": "enableAutoplay",
                    "operator": "IN",
                    "value": [
                      true
                    ]
                  }
                },
                {
                  "type": "boolean",
                  "label": "Stop Autoplay on Interaction",
                  "id": "stopAutoplayOnInteraction",
                  "default": true,
                  "conditional": {
                    "key": "enableAutoplay",
                    "operator": "IN",
                    "value": [
                      true
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Height on Mobile",
                  "id": "mobileHeight",
                  "default": {
                    "value": 0,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  }
                },
                {
                  "type": "boolean",
                  "label": "Stretched (recommended for video display)",
                  "id": "stretched",
                  "default": false
                },
                {
                  "type": "alignment",
                  "label": "Content align",
                  "id": "contentAlign",
                  "default": {
                    "horizontal": "left"
                  },
                  "typeMeta": {
                    "display": "horizontal"
                  }
                }
              ]
            }
          ]
        },
        {
          "type": "array",
          "label": "Slides",
          "id": "items",
          "defaultCount": 2,
          "entryLabel": "Slide",
          "schema": [
            {
              "type": "tab",
              "label": "Content",
              "sections": [
                {
                  "label": "Image",
                  "settings": [
                    {
                      "type": "imageManager",
                      "label": "Image",
                      "id": "image",
                      "default": {
                        "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/1920w/carousel/3/home-carousel1.jpg?c=1",
                        "type": "IMAGE_MANAGER"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Width",
                      "id": "width",
                      "default": {
                        "value": 1920,
                        "type": "px"
                      },
                      "typeMeta": {
                        "unit": "px"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Height",
                      "id": "height",
                      "default": {
                        "value": 800,
                        "type": "px"
                      },
                      "typeMeta": {
                        "unit": "px"
                      }
                    },
                    {
                      "type": "imageManager",
                      "label": "Image on Mobile (optional)",
                      "id": "mobileImage",
                      "default": {
                        "src": "",
                        "type": "IMAGE_MANAGER"
                      }
                    },
                    {
                      "type": "text",
                      "label": "Alt Text",
                      "id": "alt",
                      "default": "alt text"
                    },
                    {
                      "type": "input",
                      "label": "Image Link",
                      "id": "link",
                      "default": "",
                      "typeMeta": {
                        "placeholder": "https://"
                      }
                    },
                    {
                      "type": "input",
                      "label": "Video URL (.mp4): Use third-party storage like Cloudflare R2 Free instead of WebDAV for Safari compatibility. Upload your video and paste the URL here.",
                      "id": "video",
                      "default": "",
                      "typeMeta": {
                        "placeholder": "https://"
                      }
                    }
                  ]
                },
                {
                  "label": "Content",
                  "settings": [
                    {
                      "type": "element",
                      "label": "Heading",
                      "id": "heading",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "show"
                          },
                          "advanced": {
                            "label": "Heading settings",
                            "settings": [
                              {
                                "type": "code",
                                "label": "Text",
                                "id": "text",
                                "default": "Find Your Perfect Pair – Style Meets Clarity",
                                "typeMeta": {
                                  "language": "html"
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Description",
                      "id": "description",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "show"
                          },
                          "advanced": {
                            "label": "Description settings",
                            "settings": [
                              {
                                "type": "code",
                                "label": "Text",
                                "id": "text",
                                "default": "Elevate Your Vision with Style! Explore our curated collection of premium eyeglasses and sunglasses designed for comfort, durability, and timeless fashion. Discover your perfect pair today.",
                                "typeMeta": {
                                  "language": "html"
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Button 1",
                      "id": "button1",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "show"
                          },
                          "advanced": {
                            "label": "Button settings",
                            "settings": [
                              {
                                "type": "text",
                                "label": "Text",
                                "id": "text",
                                "default": "Shop Now"
                              },
                              {
                                "type": "input",
                                "label": "Link",
                                "id": "link",
                                "default": "",
                                "typeMeta": {
                                  "placeholder": "https://"
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Button 2",
                      "id": "button2",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "hide"
                          },
                          "advanced": {
                            "label": "Button settings",
                            "settings": [
                              {
                                "type": "text",
                                "label": "Text",
                                "id": "text",
                                "default": "Shop Now"
                              },
                              {
                                "type": "input",
                                "label": "Link",
                                "id": "link",
                                "default": "",
                                "typeMeta": {
                                  "placeholder": "https://"
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Button 3",
                      "id": "button3",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "hide"
                          },
                          "advanced": {
                            "label": "Button settings",
                            "settings": [
                              {
                                "type": "text",
                                "label": "Text",
                                "id": "text",
                                "default": "Shop Now"
                              },
                              {
                                "type": "input",
                                "label": "Link",
                                "id": "link",
                                "default": "",
                                "typeMeta": {
                                  "placeholder": "https://"
                                }
                              }
                            ]
                          }
                        }
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <link rel=\"stylesheet\" href=\"{{earlyHint 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.2/eyeva-hero-carousel.css' 'preload' as='style' crossorigin='anonymous'}}\">\n        <style>\n            .papathemes-eyeva-hero-carousel-{{_.id}} {\n                --papathemes-eyeva-hero-carousel-bg-color: {{#if styleOption '==' 'inherit'}}#ffffff{{else}}{{bgColor}}{{/if}};\n                --papathemes-eyeva-hero-carousel-text-color: {{#if styleOption '==' 'inherit'}}#333333{{else}}{{textColor}}{{/if}};\n                --papathemes-eyeva-hero-carousel-primary-color: {{#if styleOption '==' 'inherit'}}#2D73BD{{else}}{{primaryColor}}{{/if}};\n                --papathemes-eyeva-hero-carousel-border-color: {{#if styleOption '==' 'inherit'}}#dddddd{{else}}{{borderColor}}{{/if}};\n                --papathemes-eyeva-hero-carousel-dot-color: {{#if styleOption '==' 'inherit'}}#888888{{else}}{{dotColor}}{{/if}};\n                --papathemes-eyeva-hero-carousel-dot-color-active: {{#if styleOption '==' 'inherit'}}#555555{{else}}{{dotColorActive}}{{/if}};\n                --papathemes-eyeva-hero-carousel-dot-bg-color: {{#if styleOption '==' 'inherit'}}#ffffff{{else}}{{dotBgColor}}{{/if}};\n                --papathemes-eyeva-hero-carousel-title-color: {{#if styleOption '==' 'inherit'}}#333333{{else}}{{titleColor}}{{/if}};\n                --papathemes-eyeva-hero-carousel-title-font-family: {{#if styleOption '==' 'inherit'}}\"Playfair Display\"{{else}}{{titleFontFamily}}{{/if}};\n                --papathemes-eyeva-hero-carousel-title-font-size: {{#if styleOption '==' 'inherit'}}48px{{else}}{{titleFontSize.value}}{{titleFontSize.type}}{{/if}};\n                --papathemes-eyeva-hero-carousel-title-font-size-mobile: {{#if styleOption '==' 'inherit'}}28px{{else}}{{titleFontSizeMobile.value}}{{titleFontSizeMobile.type}}{{/if}};\n                --papathemes-eyeva-hero-carousel-title-font-weight: {{#if styleOption '==' 'inherit'}}400{{else}}{{titleFontWeight.value}}{{/if}};\n                --papathemes-eyeva-hero-carousel-title-line-height: {{#if styleOption '==' 'inherit'}}1.15{{else}}{{titleLineHeight.value}}{{/if}};\n                --papathemes-eyeva-hero-carousel-description-color: {{#if styleOption '==' 'inherit'}}#555555{{else}}{{descriptionColor}}{{/if}};\n                --papathemes-eyeva-hero-carousel-description-font-size: {{#if styleOption '==' 'inherit'}}16px{{else}}{{descriptionFontSize.value}}{{descriptionFontSize.type}}{{/if}};\n                --papathemes-eyeva-hero-carousel-description-font-size-mobile: {{#if styleOption '==' 'inherit'}}14px{{else}}{{descriptionFontSizeMobile.value}}{{descriptionFontSizeMobile.type}}{{/if}};\n                --papathemes-eyeva-hero-carousel-mobile-height: {{mobileHeight.value}}{{mobileHeight.type}};\n                --papathemes-eyeva-hero-carousel-spacing-base: {{#if styleOption '==' 'inherit'}}1rem{{else}}{{spacingBase.value}}{{spacingBase.type}}{{/if}};\n                --papathemes-eyeva-button-height: {{#if styleOption '==' 'inherit'}}50px{{else}}{{buttonHeight.value}}{{buttonHeight.type}}{{/if}};\n            }\n        </style>\n        <section\n            class=\"\n                papathemes-eyeva-hero-carousel\n                papathemes-eyeva-hero-carousel-{{_.id}}\n                blaze-slider\n                {{#if stretched}}_stretched{{/if}}\n                {{#if mobileHeight.value '>' 0}}_mobile-fixed-height{{/if}}\n                _config\n                {{#if styleOption '==' 'inherit'}}_theme-styled{{/if}}\n            \"\n            id=\"papathemes-eyeva-hero-carousel-{{_.id}}\"\n            data-config='{\n                \"all\": {\n                    \"enablePagination\": true,\n                    \"enableAutoplay\": {{enableAutoplay}},\n                    \"autoplayInterval\": {{autoplayInterval.value}},\n                    \"stopAutoplayOnInteraction\": {{stopAutoplayOnInteraction}},\n                    \"transitionDuration\": 800,\n                    \"slidesToShow\": 1,\n                    \"slidesToScroll\": 1,\n                    \"slideGap\": \"0px\"\n                }\n            }'\n            style=\"--image-width: {{items.0.width.value}}; --image-height: {{items.0.height.value}}\"\n        >\n            <div class=\"blaze-container\">\n                <div class=\"blaze-track-container\">\n                    <div class=\"blaze-track\">\n                        {{#each items}}\n                            <div class=\"papathemes-eyeva-hero-carousel-slide\">\n                                {{#if link}}\n                                    <div data-href=\"{{link}}\" aria-label=\"{{alt}}\" role=\"link\" tabindex=\"0\">\n                                {{/if}}\n\n                                <div class=\"papathemes-eyeva-hero-carousel-image-wrapper\" {{#unless ../stretched}}style=\"--image-width: {{width.value}}; --image-height: {{height.value}}\"{{/unless}}>\n                                    {{#if @first}}\n                                        <img\n                                            src=\"{{image.src}}\"\n                                            {{#if image.data.name}}\n                                                srcset=\"{{getImageManagerImageSrcset image.data.name}}\"\n                                            {{/if}}\n                                            class=\"papathemes-eyeva-hero-carousel-image _align-{{../../contentAlign.horizontal}}\"\n                                            alt=\"{{alt}}\">\n                                    {{else}}\n                                        <img\n                                            src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"\n                                            data-src=\"{{image.src}}\"\n                                            {{#if image.data.name}}\n                                                data-srcset=\"{{getImageManagerImageSrcset image.data.name}}\"\n                                            {{/if}}\n                                            data-sizes=\"auto\"\n                                            class=\"lazyload papathemes-eyeva-hero-carousel-image _align-{{../../contentAlign.horizontal}}\"\n                                            alt=\"{{alt}}\">\n                                    {{/if}}\n\n                                    {{#if mobileImage.src}}\n                                        <img\n                                            {{#if @first}}\n                                                src=\"{{mobileImage.src}}\"\n                                                {{#if mobileImage.data.name}}\n                                                    srcset=\"{{getImageManagerImageSrcset mobileImage.data.name}}\"\n                                                {{/if}}\n                                                class=\"papathemes-eyeva-hero-carousel-image papathemes-eyeva-hero-carousel-image--mobile _align-{{../../../contentAlign.horizontal}}\"\n                                            {{else}}\n                                                src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"\n                                                data-src=\"{{mobileImage.src}}\"\n                                                {{#if mobileImage.data.name}}\n                                                    data-srcset=\"{{getImageManagerImageSrcset mobileImage.data.name}}\"\n                                                {{/if}}\n                                                data-sizes=\"auto\"\n                                                class=\"lazyload papathemes-eyeva-hero-carousel-image papathemes-eyeva-hero-carousel-image--mobile _align-{{../../../contentAlign.horizontal}}\"\n                                            {{/if}}\n                                            alt=\"{{alt}}\"\n                                        />\n                                    {{/if}}\n\n                                    {{#if video}}\n                                        <video class=\"papathemes-eyeva-hero-carousel-video\" muted loop playsinline src=\"{{video}}\"></video>\n                                    {{/if}}\n                                </div>\n\n                                <div class=\"papathemes-eyeva-hero-carousel-content _align-{{../contentAlign.horizontal}}\">\n                                    {{#if heading.visibility '!=' 'hide'}}\n                                        <div class=\"papathemes-eyeva-hero-carousel-title _show-content\" data-editable-content=\"items.{{@index}}.heading.text\">{{{heading.text}}}</div>\n                                    {{/if}}\n                                    {{#if description.visibility '!=' 'hide'}}\n                                        <div class=\"papathemes-eyeva-hero-carousel-description _show-content\" data-editable-content=\"items.{{@index}}.description.text\">{{{description.text}}}</div>\n                                    {{/if}}\n                                    <div class=\"papathemes-eyeva-hero-carousel-buttons _align-{{../contentAlign.horizontal}}\">\n                                        {{#if button1.visibility '!=' 'hide'}}\n                                            <button type=\"button\" {{#if button1.link}}data-href=\"{{button1.link}}\"{{/if}} aria-label=\"{{alt}}, {{button1.text}}\" class=\"papathemes-eyeva-hero-carousel-action button button--primary _show-content\" data-editable-content=\"items.{{@index}}.button1.text\">{{{button1.text}}}</button>\n                                        {{/if}}\n                                        {{#if button2.visibility '!=' 'hide'}}\n                                            <button type=\"button\" {{#if button2.link}}data-href=\"{{button2.link}}\"{{/if}} aria-label=\"{{alt}}, {{button2.text}}\" class=\"papathemes-eyeva-hero-carousel-action button button--primary _show-content\" data-editable-content=\"items.{{@index}}.button2.text\">{{{button2.text}}}</button>\n                                        {{/if}}\n                                        {{#if button3.visibility '!=' 'hide'}}\n                                            <button type=\"button\" {{#if button3.link}}data-href=\"{{button3.link}}\"{{/if}} aria-label=\"{{alt}}, {{button3.text}}\" class=\"papathemes-eyeva-hero-carousel-action button button--primary _show-content\" data-editable-content=\"items.{{@index}}.button3.text\">{{{button3.text}}}</button>\n                                        {{/if}}\n                                    </div>\n                                </div>\n\n                                {{#if link}}\n                                    </div>\n                                {{/if}}\n                            </div>\n                        {{/each}}\n                    </div>\n                </div>\n\n                <!-- pagination container -->\n                <div class=\"blaze-pagination\"></div>\n\n                <!-- navigation buttons -->\n                <button class=\"blaze-prev\" type=\"button\" aria-label=\"Previous\"><span class=\"icon\"><svg><use href=\"#papathemes-widget-eyeva-hero-carousel-icon-prev\"></use></svg></span></button>\n                <button class=\"blaze-next\" type=\"button\" aria-label=\"Next\"><span class=\"icon\"><svg><use href=\"#papathemes-widget-eyeva-hero-carousel-icon-next\"></use></svg></span></button>\n                <button class=\"blaze-pause\" type=\"button\" aria-label=\"Play/Pause\"><span class=\"icon\"><svg><use href=\"#papathemes-widget-eyeva-hero-carousel-icon-play-pause\"></use></svg></span></button>\n            </div>\n        </section><!-- /papathemes-eyeva-hero-carousel -->\n\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapaThemesWidgetEyevaHeroCarousel = window.PapaThemesWidgetEyevaHeroCarousel || [];\n                window.PapaThemesWidgetEyevaHeroCarousel.push({\n                    elementId: 'papathemes-eyeva-hero-carousel-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{#if _.context.isEditorMode}}{{{json .}}}{{else}}null{{/if}},\n                    iconUrl: 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.2/eyeva-hero-carousel.svg'\n                });\n                var src = \"{{earlyHint 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.2/eyeva-hero-carousel.js' 'preload' as='script' crossorigin='anonymous'}}\";\n                if (!document.head.querySelector('script[src=\"' + src + '\"]')) {\n                    var script = document.createElement('script');\n                    script.src = src;\n                    script.async = true;\n                    script.defer = true;\n                    script.nonce = '{{nonce}}';\n                    document.head.appendChild(script);\n                } else if (window.PapaThemesWidgetEyevaHeroCarouselInit) {\n                    window.PapaThemesWidgetEyevaHeroCarouselInit();\n                }\n            })();\n        </script>\n    <!-- ###VERSION:1.0.2### -->",
      "date_created": "2025-03-25T06:17:21.926Z",
      "date_modified": "2025-07-10T04:24:19.945Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "1b412e33-8407-40cb-9bb4-7787f0ce54dc",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "bd0e214d-ed12-48c8-adac-a8ee3087bd21",
      "name": "Banner Carousel | Eyeva",
      "schema": [
        {
          "type": "tab",
          "label": "Settings",
          "sections": [
            {
              "label": "General",
              "settings": [
                {
                  "type": "select",
                  "label": "Style",
                  "id": "styleOption",
                  "default": "inherit",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Inherit theme",
                        "value": "inherit"
                      },
                      {
                        "label": "Custom",
                        "value": "custom"
                      }
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Background Color",
                  "id": "bgColor",
                  "default": "#ffffff",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Text Color",
                  "id": "textColor",
                  "default": "#333333",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Primary Color",
                  "id": "primaryColor",
                  "default": "#2D73BD",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Border Color",
                  "id": "borderColor",
                  "default": "#dddddd",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Dot Color",
                  "id": "dotColor",
                  "default": "#888888",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Dot Active Color",
                  "id": "dotColorActive",
                  "default": "#555555",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Dot Background Color",
                  "id": "dotBgColor",
                  "default": "#ffffff",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Button style",
                  "id": "buttonStyle",
                  "default": "default",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Default",
                        "value": "default"
                      },
                      {
                        "label": "Eyeva Sofas",
                        "value": "eyeva-sofas"
                      }
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Button Hover Color",
                  "id": "buttonColorHover",
                  "default": "#ffffff",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Button Background Hover Color",
                  "id": "buttonBgColorHover",
                  "default": "#104EA5",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Shadow Color",
                  "id": "shadowColor",
                  "default": "#000000",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Image Background Color",
                  "id": "imageBgColor",
                  "default": "transparent",
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Base Spacing",
                  "id": "spacingBase",
                  "default": {
                    "value": 1,
                    "type": "rem"
                  },
                  "typeMeta": {
                    "unit": "rem"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Font Size",
                  "id": "fontSize",
                  "default": {
                    "value": 1,
                    "type": "rem"
                  },
                  "typeMeta": {
                    "unit": "rem"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Font Size (Mobile)",
                  "id": "fontSizeMobile",
                  "default": {
                    "value": 14,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Header Font Size",
                  "id": "headerFontSize",
                  "default": {
                    "value": 28,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Header Font Size (Mobile)",
                  "id": "headerFontSizeMobile",
                  "default": {
                    "value": 24,
                    "type": "px"
                  },
                  "typeMeta": {
                    "unit": "px"
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Header Font Weight",
                  "id": "headerFontWeight",
                  "default": {
                    "value": 400,
                    "type": ""
                  },
                  "typeMeta": {
                    "unit": ""
                  },
                  "conditional": {
                    "key": "styleOption",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "element",
                  "label": "Header",
                  "id": "header",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "show"
                      },
                      "advanced": {
                        "label": "Header settings",
                        "settings": [
                          {
                            "type": "text",
                            "label": "Text",
                            "id": "text",
                            "default": "Banner Carousel Header"
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "boolean",
                  "label": "Show in .container element",
                  "id": "showInContainer",
                  "default": false
                }
              ]
            },
            {
              "label": "Slider",
              "settings": [
                {
                  "type": "number",
                  "label": "Columns",
                  "id": "columns",
                  "default": {
                    "value": 4,
                    "type": ""
                  },
                  "typeMeta": {
                    "unit": "",
                    "parseType": "float"
                  }
                },
                {
                  "type": "number",
                  "label": "Columns (Tablet)",
                  "id": "columnsTablet",
                  "default": {
                    "value": 2.25,
                    "type": ""
                  },
                  "typeMeta": {
                    "unit": "",
                    "parseType": "float"
                  }
                },
                {
                  "type": "number",
                  "label": "Columns (Mobile)",
                  "id": "columnsMobile",
                  "default": {
                    "value": 1.25,
                    "type": ""
                  },
                  "typeMeta": {
                    "unit": "",
                    "parseType": "float"
                  }
                },
                {
                  "type": "boolean",
                  "label": "Enable Autoplay",
                  "id": "enableAutoplay",
                  "default": true
                },
                {
                  "type": "number",
                  "label": "Autoplay Interval",
                  "id": "autoplayInterval",
                  "default": {
                    "value": 5000,
                    "type": "ms"
                  },
                  "typeMeta": {
                    "unit": "ms"
                  },
                  "conditional": {
                    "key": "enableAutoplay",
                    "operator": "IN",
                    "value": [
                      true
                    ]
                  }
                },
                {
                  "type": "boolean",
                  "label": "Stop Autoplay on Interaction",
                  "id": "stopAutoplayOnInteraction",
                  "default": true,
                  "conditional": {
                    "key": "enableAutoplay",
                    "operator": "IN",
                    "value": [
                      true
                    ]
                  }
                }
              ]
            }
          ]
        },
        {
          "type": "array",
          "label": "Slides",
          "id": "items",
          "defaultCount": 6,
          "entryLabel": "Slide",
          "schema": [
            {
              "type": "tab",
              "label": "Content",
              "sections": [
                {
                  "settings": [
                    {
                      "type": "imageManager",
                      "label": "Image",
                      "id": "image",
                      "default": {
                        "src": "https://cdn11.bigcommerce.com/s-ivbr30q0b6/images/stencil/160w/e/wide%20banner%20eyeglasses__33070_category.original.png",
                        "type": "IMAGE_MANAGER"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Width",
                      "id": "width",
                      "default": {
                        "value": 1296,
                        "type": "px"
                      },
                      "typeMeta": {
                        "unit": "px"
                      }
                    },
                    {
                      "type": "number",
                      "label": "Height",
                      "id": "height",
                      "default": {
                        "value": 1650,
                        "type": "px"
                      },
                      "typeMeta": {
                        "unit": "px"
                      }
                    },
                    {
                      "type": "text",
                      "label": "Alt Text",
                      "id": "alt",
                      "default": "alt text"
                    },
                    {
                      "type": "input",
                      "label": "Image Link",
                      "id": "link",
                      "default": "",
                      "typeMeta": {
                        "placeholder": "https://"
                      }
                    },
                    {
                      "type": "element",
                      "label": "Button",
                      "id": "button",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "show"
                          },
                          "advanced": {
                            "label": "Button settings",
                            "settings": [
                              {
                                "type": "text",
                                "label": "Text",
                                "id": "text",
                                "default": "Shop Now"
                              },
                              {
                                "type": "input",
                                "label": "Link",
                                "id": "link",
                                "default": "",
                                "typeMeta": {
                                  "placeholder": "https://"
                                }
                              }
                            ]
                          }
                        }
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <link rel=\"stylesheet\" href=\"{{earlyHint 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/eyeva-banner-carousel.css' 'preload' as='style' crossorigin='anonymous'}}\">\n        <style>\n            .papathemes-eyeva-banner-carousel-{{_.id}} {\n                --papathemes-eyeva-banner-carousel-base-spacing: {{#if spacingBase}}{{spacingBase.value}}{{spacingBase.type}}{{else}}1rem{{/if}};\n                --papathemes-eyeva-banner-carousel-header-font-size: {{#if headerFontSize}}{{headerFontSize.value}}{{headerFontSize.type}}{{else}}28px{{/if}};\n                --papathemes-eyeva-banner-carousel-header-font-size-mobile: {{#if headerFontSizeMobile}}{{headerFontSizeMobile.value}}{{headerFontSizeMobile.type}}{{else}}24px{{/if}};\n                --papathemes-eyeva-banner-carousel-header-font-weight: {{#if headerFontWeight}}{{headerFontWeight.value}}{{else}}400{{/if}};\n                --papathemes-eyeva-banner-carousel-columns: {{#if columns}}{{columns.value}}{{else}}4{{/if}};\n                --papathemes-eyeva-banner-carousel-columns-tablet: {{#if columnsTablet}}{{columnsTablet.value}}{{else}}2.25{{/if}};\n                --papathemes-eyeva-banner-carousel-columns-mobile: {{#if columnsMobile}}{{columnsMobile.value}}{{else}}1.25{{/if}};\n                --papathemes-eyeva-banner-carousel-bg-color: {{#if bgColor}}{{bgColor}}{{else}}#ffffff{{/if}};\n                --papathemes-eyeva-banner-carousel-text-color: {{#if textColor}}{{textColor}}{{else}}#333333{{/if}};\n                --papathemes-eyeva-banner-carousel-primary-color: {{#if primaryColor}}{{primaryColor}}{{else}}#2D73BD{{/if}};\n                --papathemes-eyeva-banner-carousel-border-color: {{#if borderColor}}{{borderColor}}{{else}}#dddddd{{/if}};\n                --papathemes-eyeva-banner-carousel-dot-color: {{#if dotColor}}{{dotColor}}{{else}}#888888{{/if}};\n                --papathemes-eyeva-banner-carousel-dot-color-active: {{#if dotColorActive}}{{dotColorActive}}{{else}}#555555{{/if}};\n                --papathemes-eyeva-banner-carousel-dot-bg-color: {{#if dotBgColor}}{{dotBgColor}}{{else}}#ffffff{{/if}};\n                --papathemes-eyeva-banner-carousel-button-color-hover: {{#if buttonColorHover}}{{buttonColorHover}}{{else}}#ffffff{{/if}};\n                --papathemes-eyeva-banner-carousel-button-bg-color-hover: {{#if buttonBgColorHover}}{{buttonBgColorHover}}{{else}}#104EA5{{/if}};\n                --papathemes-eyeva-banner-carousel-shadow-color: {{#if shadowColor}}{{shadowColor}}{{else}}#000000{{/if}};\n                --papathemes-eyeva-banner-carousel-font-size-mobile: {{#if fontSizeMobile}}{{fontSizeMobile.value}}{{fontSizeMobile.type}}{{else}}14px{{/if}};\n                --papathemes-eyeva-banner-carousel-font-size: {{#if fontSize}}{{fontSize.value}}{{fontSize.type}}{{else}}1rem{{/if}};\n                --papathemes-eyeva-banner-carousel-image-bg-color: {{#if imageBgColor}}{{imageBgColor}}{{else}}transparent{{/if}};\n            }\n            {{#each items}}\n                .papathemes-eyeva-banner-carousel-{{../_.id}} .papathemes-eyeva-banner-carousel-slide[data-index=\"{{@index}}\"] {\n                    {{#if width.value}}\n                        --papathemes-eyeva-banner-carousel-image-width: {{width.value}};\n                    {{/if}}\n                    {{#if height.value}}\n                        --papathemes-eyeva-banner-carousel-image-height: {{height.value}};\n                    {{/if}}\n                }\n            {{/each}}\n        </style>\n        <div\n            class=\"\n                papathemes-eyeva-banner-carousel\n                papathemes-eyeva-banner-carousel-{{_.id}}\n                {{#if header.visibility '!=' 'hide'}}_has-header{{/if}}\n                _config\n                {{#if styleOption '==' 'inherit'}}_theme-styled{{/if}}\n            \"\n            id=\"papathemes-eyeva-banner-carousel-{{_.id}}\"\n        >\n            {{#if showInContainer}}\n                <div class=\"container\">\n                    <div class=\"_relative-box\">\n            {{/if}}\n\n            {{#if header.visibility '!=' 'hide'}}\n                <h2 class=\"_header\" data-editable-content=\"header.text\">{{{header.text}}}</h2>\n            {{/if}}\n\n            <section class=\"papathemes-eyeva-banner-carousel-slider blaze-slider\"\n                data-config='{\n                    \"all\": {\n                        \"enablePagination\": true,\n                        \"enableAutoplay\": {{#if enableAutoplay}}true{{else}}false{{/if}},\n                        \"autoplayInterval\": {{autoplayInterval.value}},\n                        \"stopAutoplayOnInteraction\": {{#if stopAutoplayOnInteraction}}true{{else}}false{{/if}},\n                        \"transitionDuration\": 800,\n                        \"slidesToShow\": {{#if columns}}4{{else}}4{{/if}},\n                        \"slidesToScroll\": {{#if columns}}4{{else}}4{{/if}},\n                        \"slideGap\": \"32px\"\n                    },\n                    \"(max-width: 800px)\": {\n                        \"slidesToShow\": {{#if columnsTablet}}2.25{{else}}2.25{{/if}},\n                        \"slidesToScroll\": {{#if columnsTablet}}2.25{{else}}2.25{{/if}},\n                        \"slideGap\": \"16px\"\n                    },\n                    \"(max-width: 550px)\": {\n                        \"slidesToShow\": {{#if columnsMobile}}1.25{{else}}1.25{{/if}},\n                        \"slidesToScroll\": {{#if columnsMobile}}1.25{{else}}1.25{{/if}},\n                        \"slideGap\": \"16px\"\n                    }\n                }'\n            >\n                <div class=\"blaze-container\">\n                    <div class=\"blaze-track-container\">\n                        <div class=\"blaze-track\">\n                            {{#each items}}\n                                <div class=\"papathemes-eyeva-banner-carousel-slide\" data-index=\"{{@index}}\">\n                                    <div class=\"papathemes-eyeva-banner-carousel-img-container\">\n                                        <div {{#if link}}data-href=\"{{link}}\"{{/if}} class=\"papathemes-eyeva-banner-carousel-link\">\n                                            <img\n                                                src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"\n                                                data-src=\"{{image.src}}\"\n                                                {{#if image.data.name}}\n                                                    data-srcset=\"{{getImageManagerImageSrcset image.data.name}}\"\n                                                {{/if}}\n                                                data-sizes=\"auto\"\n                                                class=\"lazyload papathemes-eyeva-banner-carousel-image\"\n                                                alt=\"{{alt}}\">\n                                            {{#if button.visibility '!=' 'hide'}}\n                                                <div {{#if button.link}}data-href=\"{{button.link}}\"{{/if}} class=\"button button--small papathemes-eyeva-banner-carousel-name {{#if ../../buttonStyle '==' 'eyeva-sofas'}}_style-sofas{{/if}}\" data-editable-content=\"items.{{@index}}.button.text\">{{button.text}}</div>\n                                            {{/if}}\n                                        </div>\n                                    </div>\n                                </div>\n                            {{/each}}\n                        </div>\n                    </div>\n\n                    <!-- navigation buttons -->\n                    <button class=\"blaze-prev\" type=\"button\" aria-label=\"Previous\"><span class=\"icon\"><svg><use href=\"#papathemes-widget-eyeva-banner-carousel-icon-prev\"></use></svg></span></button>\n                    <button class=\"blaze-next\" type=\"button\" aria-label=\"Next\"><span class=\"icon\"><svg><use href=\"#papathemes-widget-eyeva-banner-carousel-icon-next\"></use></svg></span></button>\n                </div>\n            </section>\n            {{#if showInContainer}}\n                    </div>\n                </div>\n            {{/if}}\n        </div><!-- /papathemes-eyeva-banner-carousel -->\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapaThemesWidgetEyevaBannerCarousel = window.PapaThemesWidgetEyevaBannerCarousel || [];\n                window.PapaThemesWidgetEyevaBannerCarousel.push({\n                    elementId: 'papathemes-eyeva-banner-carousel-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{{json .}}},\n                    iconUrl: 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/eyeva-banner-carousel.svg'\n                });\n                var src = \"{{earlyHint 'https://d2lz7267o80s75.cloudfront.net/widgets/1.0.0/eyeva-banner-carousel.js' 'preload' as='script' crossorigin='anonymous'}}\";\n                if (!document.head.querySelector('script[src=\"' + src + '\"]')) {\n                    var script = document.createElement('script');\n                    script.src = src;\n                    script.async = true;\n                    script.defer = true;\n                    script.nonce = '{{nonce}}';\n                    document.head.appendChild(script);\n                } else if (window.PapaThemesWidgetEyevaBannerCarouselInit) {\n                    window.PapaThemesWidgetEyevaBannerCarouselInit();\n                }\n            })();\n        </script>\n    <!-- ###VERSION:1.0.0### -->",
      "date_created": "2025-04-02T08:54:06.176Z",
      "date_modified": "2025-04-02T08:54:06.176Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "1a331ad4-9c8f-408b-a241-62c8dac2b8f1",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "0df50133-bd9a-4647-8fc0-d771795bf232",
      "name": "CKEditor | PapaThemes",
      "schema": [
        {
          "type": "tab",
          "label": "Settings",
          "sections": [
            {
              "label": "General",
              "settings": [
                {
                  "type": "hidden",
                  "label": "Content",
                  "id": "content",
                  "default": "<h2>Congratulations on setting up CKEditor 5!</h2>\n<p>\n\tYou've successfully created a CKEditor 5 project. This powerful text editor\n\twill enhance your application, enabling rich text editing capabilities that\n\tare customizable and easy to use.\n</p>\n<h3>What's next?</h3>\n<ol>\n\t<li>\n\t\t<strong>Integrate into your app</strong>: time to bring the editing into\n\t\tyour application. Take the code you created and add to your application.\n\t</li>\n\t<li>\n\t\t<strong>Explore features:</strong> Experiment with different plugins and\n\t\ttoolbar options to discover what works best for your needs.\n\t</li>\n\t<li>\n\t\t<strong>Customize your editor:</strong> Tailor the editor's\n\t\tconfiguration to match your application's style and requirements. Or\n\t\teven write your plugin!\n\t</li>\n</ol>\n<p>\n\tKeep experimenting, and don't hesitate to push the boundaries of what you\n\tcan achieve with CKEditor 5. Your feedback is invaluable to us as we strive\n\tto improve and evolve. Happy editing!\n</p>\n<h3>Helpful resources</h3>\n<ul>\n\t<li><a href=\"https://portal.ckeditor.com/checkout?plan=free\">Trial sign up</a>,</li>\n\t<li><a href=\"https://ckeditor.com/docs/ckeditor5/latest/installation/index.html\">Documentation</a>,</li>\n\t<li><a href=\"https://github.com/ckeditor/ckeditor5\">GitHub</a> (star us if you can!),</li>\n\t<li><a href=\"https://ckeditor.com\">CKEditor Homepage</a>,</li>\n\t<li><a href=\"https://ckeditor.com/ckeditor-5/demo/\">CKEditor 5 Demos</a>,</li>\n</ul>\n<h3>Need help?</h3>\n<p>\n\tSee this text, but the editor is not starting up? Check the browser's\n\tconsole for clues and guidance. It may be related to an incorrect license\n\tkey if you use premium features or another feature-related requirement. If\n\tyou cannot make it work, file a GitHub issue, and we will help as soon as\n\tpossible!\n</p>\n"
                },
                {
                  "type": "boolean",
                  "label": "Show in container div",
                  "id": "showInContainer",
                  "default": false
                }
              ]
            }
          ]
        }
      ],
      "template": "\n        <link rel=\"stylesheet\" href=\"{{earlyHint 'https://d2lz7267o80s75.cloudfront.net/widgets/0.1.3/ckeditor.css' 'preload' as='style' crossorigin='anonymous'}}\">\n        <style>\n            .papathemes-ckeditor-{{_.id}}._config {\n                /* Add your custom CSS variables here */\n            }\n        </style>\n        <div class=\"papathemes-ckeditor papathemes-ckeditor-{{_.id}} _config\" id=\"papathemes-ckeditor-{{_.id}}\">\n            {{#if showInContainer}}\n                <div class=\"container\">\n            {{/if}}\n                <div data-papathemes-ckeditor-content=\"content\">{{{content}}}</div>\n            {{#if showInContainer}}\n                </div>\n            {{/if}}\n        </div>\n        <script nonce=\"{{nonce}}\">\n            (function() {\n                if (!window.__webpack_nonce__) window.__webpack_nonce__ = '{{nonce}}';\n                window.PapaThemesWidgetCKEditor = window.PapaThemesWidgetCKEditor || [];\n                window.PapaThemesWidgetCKEditor.push({\n                    elementId: 'papathemes-ckeditor-{{_.id}}',\n                    widgetId: '{{_.id}}',\n                    data: {{#if _.context.isEditorMode}}{{{json .}}}{{else}}null{{/if}}\n                });\n                var src = \"{{earlyHint 'https://d2lz7267o80s75.cloudfront.net/widgets/0.1.3/ckeditor.js' 'preload' as='script' crossorigin='anonymous'}}\";\n                if (!document.head.querySelector('script[src=\"' + src + '\"]')) {\n                    var script = document.createElement('script');\n                    script.src = src;\n                    script.type = 'module';\n                    script.async = true;\n                    script.defer = true;\n                    script.nonce = '{{nonce}}';\n                    document.head.appendChild(script);\n                } else if (window.PapaThemesWidgetCKEditorInit) {\n                    window.PapaThemesWidgetCKEditorInit();\n                }\n            })();\n        </script>\n    <!-- ###VERSION:0.1.3### -->",
      "date_created": "2025-04-04T02:38:43.130Z",
      "date_modified": "2025-07-10T04:24:17.224Z",
      "kind": "custom",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "b07ec37d-2fb6-4fc5-9b1c-d1a2f6acc158",
      "channel_id": 1,
      "schema_translations": {}
    },
    {
      "uuid": "85eecfa5-4272-4a0e-a2de-9c05cbac0d7e",
      "name": "PayPal Credit Banner - Cart Page (728x90)",
      "schema": [],
      "template": "<style media=\"screen\">\n  #banner-region-{{ _.id }} {\n    display: block;\n    margin-right: auto;\n    margin-left: auto;\n    width: 100%;\n    max-width: 728px;\n    height: 90px;\n  }\n</style>\n\n<div id=\"banner-region-{{ _.id }}\">\n  <script src=\"https://www.paypalobjects.com/upstream/partner.js\"\n    data-pp_payer_id=\"{{ merchant_id }}\"\n    data-pp_bn_code=\"BigCommerce_Cart_PPC\"\n    data-pp_dimensions=\"728x90\"\n    data-pp_format=\"HTML\"\n    data-pp_presentation_types=\"HTML\"\n    data-pp_page=\"CartPage\"\n    data-pp_country_code=\"{{ country_code }}\"\n    data-pp_locale=\"{{ locale }}\"\n    data-pp_partner_version=\"2\">\n  </script>\n</div>\n",
      "date_created": "2024-02-27T02:43:46.169Z",
      "date_modified": "2024-02-27T02:43:46.169Z",
      "kind": "pp-cartpage-fullbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "622b1cdf-5b7d-43f1-a614-fd5ac80f6976",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "e6224986-2a10-40ce-9554-209d6bb86b68",
      "name": "PayPal Credit Banner - Home Page (728x90)",
      "schema": [],
      "template": "<style media=\"screen\">\n  #banner-region-{{ _.id }} {\n    display: block;\n    margin-right: auto;\n    margin-left: auto;\n    width: 100%;\n    max-width: 728px;\n    height: 90px;\n  }\n</style>\n\n<div id=\"banner-region-{{ _.id }}\">\n  <script src=\"https://www.paypalobjects.com/upstream/partner.js\"\n    data-pp_payer_id=\"{{ merchant_id }}\"\n    data-pp_bn_code=\"BigCommerce_Cart_PPC\"\n    data-pp_dimensions=\"728x90\"\n    data-pp_format=\"HTML\"\n    data-pp_presentation_types=\"HTML\"\n    data-pp_page=\"HomePage\"\n    data-pp_country_code=\"{{ country_code }}\"\n    data-pp_locale=\"{{ locale }}\"\n    data-pp_partner_version=\"2\">\n  </script>\n</div>\n",
      "date_created": "2024-02-27T02:43:46.191Z",
      "date_modified": "2024-02-27T02:43:46.191Z",
      "kind": "pp-homepage-fullbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "1a14553e-6d93-4e1f-8295-2d504d6384f5",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "efb68cc2-1107-462e-bee1-9e24446c690a",
      "name": "PayPal Credit Banner - Product Details Page (234x60)",
      "schema": [],
      "template": "<style media=\"screen\">\n  #banner-region-{{ _.id }} {\n    display: block;\n    width: 100%;\n    max-width: 234px;\n    height: 60px;\n  }\n</style>\n\n<div id=\"banner-region-{{ _.id }}\">\n  <script src=\"https://www.paypalobjects.com/upstream/partner.js\"\n    data-pp_payer_id=\"{{ merchant_id }}\"\n    data-pp_bn_code=\"BigCommerce_Cart_PPC\"\n    data-pp_dimensions=\"234x60\"\n    data-pp_format=\"HTML\"\n    data-pp_presentation_types=\"HTML\"\n    data-pp_page=\"ProductDetailsPage\"\n    data-pp_country_code=\"{{ country_code }}\"\n    data-pp_locale=\"{{ locale }}\"\n    data-pp_partner_version=\"2\">\n  </script>\n</div>\n",
      "date_created": "2024-02-27T02:43:46.323Z",
      "date_modified": "2024-02-27T02:43:46.323Z",
      "kind": "pp-proddetailspage-quarterbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "3f1039f5-8820-47e9-ade3-da27a37d2dd9",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "84ca89d5-9289-4225-aa4e-b7b1e9c48085",
      "name": "Braintree PayPal Credit Banner - Cart Page (728x90)",
      "schema": [],
      "template": "<style media=\"screen\">\n    #banner-region-{{ _.id }} {\n        display: block;\n        margin-right: auto;\n        margin-left: auto;\n        width: 100%;\n        max-width: 728px;\n        height: 90px;\n    }\n</style>\n\n<div id=\"banner-region-{{ _.id }}\">\n    <script src=\"https://www.paypalobjects.com/upstream/partner.js\"\n            data-pp_payer_id=\"{{ merchant_id }}\"\n            data-pp_bn_code=\"BigCommerce_Cart_PPC\"\n            data-pp_dimensions=\"728x90\"\n            data-pp_format=\"HTML\"\n            data-pp_presentation_types=\"HTML\"\n            data-pp_page=\"CartPage\"\n            data-pp_country_code=\"{{ country_code }}\"\n            data-pp_locale=\"{{ locale }}\"\n            data-pp_partner_version=\"2\">\n    </script>\n</div>\n",
      "date_created": "2024-02-27T02:43:46.343Z",
      "date_modified": "2024-02-27T02:43:46.343Z",
      "kind": "bt-cartpage-fullbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "342e5c4f-e54e-41f9-b884-7d96fae24984",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "baa427f6-7d58-4711-bd5c-77e751e802c1",
      "name": "Braintree PayPal Credit Banner - Home Page (728x90)",
      "schema": [],
      "template": "{{#each merchant_info as |merchant|}}\n{{#if merchant.currency '===' ../_.context.activeCurrencyCode}}\n<style media=\"screen\">\n  #banner-region-{{../_.id}} {\n    display: block;\n    margin-right: auto;\n    margin-left: auto;\n    width: 100%;\n    max-width: 728px;\n  }\n</style>\n\n<div id=\"banner-region-{{../_.id}}\">\n  <div\n    data-pp-message\n    data-pp-style-layout=\"flex\"\n    data-pp-style-color=\"{{#if ../style.bt-homepage-fullbanner.data-pp-style-color}}{{../style.bt-homepage-fullbanner.data-pp-style-color}}{{else}}white{{/if}}\"\n    data-pp-style-ratio=\"{{#if ../style.bt-homepage-fullbanner.data-pp-style-ratio}}{{../style.bt-homepage-fullbanner.data-pp-style-ratio}}{{else}}8x1{{/if}}\"\n    id=\"paypal-bt-homepage-messaging-banner\">\n  </div>\n  <script defer nonce=\"{{nonce}}\">\n    (function() {\n      const script = document.createElement('script');\n      script.type = 'text/javascript';\n      script.src = 'https://unpkg.com/@paypal/paypal-js@3.1.6/dist/paypal.browser.min.js';\n      script.integrity = 'sha384-ixafT4J9V4G5ltzIzhcmeyo1TvVbMf3eH73We7APYo338opA0FlgZ5VtBzMnMEEg';\n      script.nonce = '{{nonce}}';\n      script.crossOrigin = 'anonymous';\n\n      script.onload = function() {\n        if (window.paypalLoadScript) {\n          const params = {\n            'client-id': '{{merchant.clientId}}',\n            components: ['messages'],\n            'data-partner-attribution-id': '{{../attribution_id}}',\n            'merchant-id': '{{merchant.merchantId}}',\n            'data-namespace': 'paypalMessages'\n          };\n\n          window.paypalLoadScript(params)\n            .then(paypal => {\n              paypal.Messages({ placement: 'home' }).render('#paypal-bt-homepage-messaging-banner');\n            });\n        }\n      };\n\n      const container = document.getElementById(`banner-region-{{../_.id}}`);\n\n      if (container) {\n        container.appendChild(script);\n      }\n    })();\n  </script>\n</div>\n{{/if}}\n{{/each}}\n",
      "date_created": "2024-02-27T02:43:46.359Z",
      "date_modified": "2024-02-27T02:43:46.359Z",
      "kind": "bt-homepage-fullbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "0e76f727-03c5-4d6a-9c6c-81b3a254bd19",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "c926dd50-cdff-47ba-8f91-db8b36911a2b",
      "name": "Braintree PayPal Credit Banner - Product Details Page (234x60)",
      "schema": [],
      "template": "{{#each merchant_info as |merchant|}}\n{{#if merchant.currency '===' ../_.context.activeCurrencyCode}}\n<style media=\"screen\">\n  #banner-region-{{../_.id}} {\n    display: block;\n    width: 100%;\n    max-width: 545px;\n  }\n</style>\n\n<div id=\"banner-region-{{../_.id}}\">\n  <div\n    data-pp-style-logo-position=\"{{#if ../style.bt-proddetailspage-quarterbanner.data-pp-style-logo-position}}{{../style.bt-proddetailspage-quarterbanner.data-pp-style-logo-position}}{{else}}left{{/if}}\"\n    data-pp-style-logo-type=\"{{#if ../style.bt-proddetailspage-quarterbanner.data-pp-style-logo-type}}{{../style.bt-proddetailspage-quarterbanner.data-pp-style-logo-type}}{{else}}inline{{/if}}\"\n    data-pp-style-text-color=\"{{#if ../style.bt-proddetailspage-quarterbanner.data-pp-style-text-color}}{{../style.bt-proddetailspage-quarterbanner.data-pp-style-text-color}}{{else}}black{{/if}}\"\n    data-pp-style-text-size=\"{{#if ../style.bt-proddetailspage-quarterbanner.data-pp-style-text-size}}{{../style.bt-proddetailspage-quarterbanner.data-pp-style-text-size}}{{else}}12{{/if}}\"\n    id=\"paypal-bt-proddetails-messaging-banner\">\n  </div>\n  <script defer nonce=\"{{nonce}}\">\n    (function () {\n      // Price container with data-product-price-with-tax has bigger priority for product amount calculations\n      const priceContainer = document.querySelector('[data-product-price-with-tax]')?.innerText\n              ? document.querySelector('[data-product-price-with-tax]')\n              : document.querySelector('[data-product-price-without-tax]');\n\n      if (priceContainer) {\n        renderMessageIfPossible();\n\n        const config = {\n          childList: true,    // Observe direct child elements\n          subtree: true,      // Observe all descendants\n          attributes: false,  // Do not observe attribute changes\n        };\n\n        const observer = new MutationObserver((mutationsList) => {\n          if (mutationsList.length > 0) {\n            renderMessageIfPossible();\n          }\n        });\n\n        observer.observe(priceContainer, config);\n      }\n\n      function renderMessageIfPossible() {\n        const amount = getPriceAmount(priceContainer.innerText)[0];\n\n        if (amount) {\n          renderMessage(amount);\n        }\n      }\n\n      function getPriceAmount(text) {\n        /*\n         INFO:\n         - extracts a string from a pattern: [number][separator][number][separator]...\n           [separator] - any symbol but a digit, including whitespaces\n         */\n        const pattern = /\\d+(?:[^\\d]\\d+)+(?!\\d)/g;\n        const matches = text.match(pattern);\n        const results = [];\n\n        // if there are no matches\n        if (!matches?.length) {\n          const amount = text.replace(/[^\\d]/g, '');\n\n          if (!amount) return results;\n\n          results.push(amount);\n\n          return results;\n        }\n\n        matches.forEach(str => {\n          const sepIndexes = [];\n\n          for (let i = 0; i < str.length; i++) {\n            // find separator index and push to array\n            if (!/\\d/.test(str[i])) {\n              sepIndexes.push(i);\n            }\n          }\n          if (sepIndexes.length === 0) return;\n          // assume the last separator is the decimal\n          const decIndex = sepIndexes[sepIndexes.length - 1];\n\n          // cut the substr to the separator with replacing non-digit chars\n          const intSubstr = str.slice(0, decIndex).replace(/[^\\d]/g, '');\n          // cut the substr after the separator with replacing non-digit chars\n          const decSubstr = str.slice(decIndex + 1).replace(/[^\\d]/g, '');\n\n          if (!intSubstr) return;\n\n          const amount = decSubstr ? `${intSubstr}.${decSubstr}` : intSubstr;\n          // to get floating point number\n          const number = parseFloat(amount);\n\n          if (!isNaN(number)) {\n            results.push(String(number));\n          }\n        });\n\n        return results;\n      }\n\n      function renderMessage(amount) {\n        const messagesOptions = {\n          amount,\n          placement: 'product',\n        };\n\n        const paypalScriptParams = {\n          'client-id': '{{merchant.clientId}}',\n          components: ['messages'],\n          'data-partner-attribution-id': '{{../attribution_id}}',\n          'merchant-id': '{{merchant.merchantId}}',\n          'data-namespace': 'paypalMessages'\n        };\n\n        if (!window.paypalMessages) {\n          loadScript(paypalScriptParams).then(() => {\n            window.paypalMessages.Messages(messagesOptions).render('#paypal-bt-proddetails-messaging-banner');\n          });\n        } else {\n          window.paypalMessages.Messages(messagesOptions).render('#paypal-bt-proddetails-messaging-banner');\n        }\n      }\n\n      function loadScript(paypalScriptParams) {\n        return new Promise((resolve, reject) => {\n          const script = document.createElement('script');\n          script.type = 'text/javascript';\n          script.src = 'https://unpkg.com/@paypal/paypal-js@3.1.6/dist/paypal.browser.min.js';\n          script.integrity = 'sha384-ixafT4J9V4G5ltzIzhcmeyo1TvVbMf3eH73We7APYo338opA0FlgZ5VtBzMnMEEg';\n          script.crossOrigin = 'anonymous';\n          script.nonce = '{{nonce}}';\n\n          script.onload = () =>\n            window.paypalLoadScript(paypalScriptParams).then(() => resolve());\n\n          script.onerror = event => {\n            reject(event);\n          };\n\n          document.head.appendChild(script);\n        });\n      }\n    }());\n  </script>\n</div>\n{{/if}}\n{{/each}}\n",
      "date_created": "2024-02-27T02:43:46.375Z",
      "date_modified": "2024-02-27T02:43:46.375Z",
      "kind": "bt-proddetailspage-quarterbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "1ae805d5-4171-4a2c-a401-4692717c0a1b",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "4d24b94e-feb2-4692-a73e-4b300c8091f2",
      "name": "Zip Cart Page Credit Banner",
      "schema": [],
      "template": "{{#if currency_code '===' _.context.activeCurrencyCode}}\n<style>\n  #banner-region-{{ _.id }} {\n    margin-bottom: 2rem;\n  }\n\n  #banner-region-{{ _.id }} p.zip-container {\n    display: flex;\n    justify-content: flex-end;\n    width: 100%;\n  }\n</style>\n<div id=\"banner-region-{{ _.id }}\">\n  <script\n    type=\"text/javascript\"\n    src=\"https://static.zipmoney.com.au/lib/js/zm-widget-js/dist/zip-widget.min.js\"\n    defer>\n  </script>\n{{#if country_code '===' 'au'}}\n  <div data-zm-merchant=\"{{ merchant_id }}\"\n       data-env=\"{{ environment }}\"\n       data-zm-region=\"{{ country_code }}\"\n       data-zm-display-inline=\"true\"\n       data-zm-widget=\"popup\"\n       data-zm-asset=\"productwidget\"\n       data-zm-popup-asset=\"termsdialog\">\n  </div>\n{{else}}\n{{#or (if country_code '===' 'nz') (if country_code '===' 'gb')}}\n  <script>\n    (function (window) {\n      \"use strict\";\n\n      var xhr = new XMLHttpRequest();\n      xhr.addEventListener('readystatechange', function () {\n        if (xhr.readyState === XMLHttpRequest.DONE) {\n          window.zip_widget_merchantId = '{{ merchant_id }}';\n          window.zip_widget_env = '{{ environment }}';\n          window.zip_widget_region = '{{ country_code }}';\n        {{#if minimum_price}}\n          window.zip_widget_min_price = '{{ minimum_price }}';\n        {{/if}}\n        {{#if maximum_price}}\n          window.zip_widget_max_price = '{{ maximum_price }}';\n        {{/if}}\n          window.zip_widget_product_widget =\"#zip-nz-gb-widget\";\n          window.zip_widget_display_inline = true;\n          try {\n            window.zip_widget_product_price = JSON.parse(xhr.responseText)[0].cartAmount;\n          } catch (err) {}\n          window.Zip.Widget.render();\n        }\n      });\n      xhr.open('GET', window.location.origin + '/api/storefront/carts');\n      xhr.send();\n\n      var dataCartTotals = document.querySelector('[data-cart-totals]');\n    \n      if (dataCartTotals) {\n        var removeSymbols = function removeSymbols(price) {\n          return ['NZ$', '$', '£', ','].reduce(function (price, symbol) {\n            return price.replaceAll(symbol, '');\n          }, price);\n        };\n        var priceRegExp = /^\\d+\\.\\d{2}/;\n\n        var observer = new MutationObserver(function (mutationsList) {\n          mutationsList.forEach(function (mutation) {\n            var cartTotalGrandTotal = mutation.target.querySelector('.cart-total-grandTotal');\n\n            window.zip_widget_product_price = cartTotalGrandTotal ? priceRegExp.exec(removeSymbols(cartTotalGrandTotal.innerText))[0] : '0';\n            window.Zip.Widget.render();\n          });\n        });\n\n        observer.observe(dataCartTotals, { childList: true });\n      }\n    })(window);\n  </script>\n  <div id=\"zip-nz-gb-widget\"></div>\n{{/or}}\n{{/if}}\n</div>\n{{/if}}\n",
      "date_created": "2024-02-27T02:43:46.392Z",
      "date_modified": "2024-02-27T02:43:46.392Z",
      "kind": "zip-cartpage-productwidget",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "8de8882b-69cc-4691-9e22-c2b4fb8afb7c",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "e542e842-33d1-4629-8b28-05ae2d5f6ddc",
      "name": "Zip Home Page Credit Banner",
      "schema": [],
      "template": "{{#if currency_code '===' _.context.activeCurrencyCode}}\n<div id=\"banner-region-{{ _.id }}\">\n  <script\n    type=\"text/javascript\"\n    src=\"https://static.zipmoney.com.au/lib/js/zm-widget-js/dist/zip-widget.min.js\"\n    defer>\n  </script>\n  <div data-zm-merchant=\"{{ merchant_id }}\"\n       data-env=\"{{ environment }}\"\n       data-zm-region=\"{{ country_code }}\"\n       data-zm-display-inline=\"true\"\n       data-zm-widget=\"popup\"\n       data-zm-asset=\"stripbanner\"\n       data-zm-popup-asset=\"termsdialog\">\n  </div>\n</div>\n{{/if}}\n",
      "date_created": "2024-02-27T02:43:46.407Z",
      "date_modified": "2024-02-27T02:43:46.407Z",
      "kind": "zip-homepage-stripbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "3072eaa8-33f4-44ef-a1e8-b45430933937",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "f88fe9c5-a235-4d34-82b0-be8aee7c2f5b",
      "name": "Zip Product Page Credit Banner",
      "schema": [],
      "template": "{{#if currency_code '===' _.context.activeCurrencyCode}}\n<div id=\"banner-region-{{ _.id }}\">\n  <script\n    type=\"text/javascript\"\n    src=\"https://static.zipmoney.com.au/lib/js/zm-widget-js/dist/zip-widget.min.js\"\n    defer>\n  </script>\n{{#if country_code '===' 'au'}}\n  <div data-zm-merchant=\"{{ merchant_id }}\"\n       data-env=\"{{ environment }}\"\n       data-zm-region=\"{{ country_code }}\" \n       data-zm-display-inline=\"true\" \n       data-zm-widget=\"popup\" \n       data-zm-asset=\"productwidget\"\n       data-zm-popup-asset=\"termsdialog\">\n  </div>\n{{else}}\n{{#or (if country_code '===' 'nz') (if country_code '===' 'gb')}}\n  <script>\n    (function (window) {\n      \"use strict\";\n\n      window.zip_widget_merchantId = '{{ merchant_id }}';\n      window.zip_widget_env = '{{ environment }}';\n      window.zip_widget_region = '{{ country_code }}';\n    {{#if minimum_price}}\n      window.zip_widget_min_price = '{{ minimum_price }}';\n    {{/if}}\n    {{#if maximum_price}}\n      window.zip_widget_max_price = '{{ maximum_price }}';\n    {{/if}}\n      window.zip_widget_product_widget =\"#zip-nz-gb-widget\";\n      window.zip_widget_display_inline = true;\n      var productPrice = document.querySelector('.productView .price.price--withoutTax') || document.querySelector('.productView .price.price--withTax');\n\n      if (productPrice) {\n        var removeSymbols = function removeSymbols(price) {\n          return ['NZ$', '$', '£', ','].reduce(function (price, symbol) {\n            return price.replaceAll(symbol, '');\n          }, price);\n        };\n        var numberRegExp = '\\\\d+\\\\.\\\\d{2}';\n        var priceRangeRegExp = new RegExp('^' + numberRegExp + '\\\\s\\\\-\\\\s' + numberRegExp +'$');\n        var priceRegExp = new RegExp('^' + numberRegExp +'$');\n        var parsePrice = function parsePrice(price) {\n          var priceNumber = removeSymbols(price);\n\n          return priceRangeRegExp.test(priceNumber) ? '0' : priceRegExp.exec(priceNumber)[0];\n        };\n\n        var observer = new MutationObserver(function (mutationsList) {\n          mutationsList.forEach(function (mutation) {\n            window.zip_widget_product_price = parsePrice(mutation.target.innerText);\n            window.Zip.Widget.render();\n          });\n        });\n\n        observer.observe(productPrice, { childList: true });\n\n        window.zip_widget_product_price = parsePrice(productPrice.innerText);\n      }\n    })(window);\n  </script>\n  <div id=\"zip-nz-gb-widget\"></div>\n{{/or}}\n{{/if}}\n</div>\n{{/if}}\n",
      "date_created": "2024-02-27T02:43:46.421Z",
      "date_modified": "2024-02-27T02:43:46.421Z",
      "kind": "zip-productpage-productbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "ab78b192-3da1-4e9e-b19d-91fb5f336030",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "642a87e8-e69b-44ae-b920-391112b35cf7",
      "name": "PayPal Commerce Credit Banner - Cart Page (728x90)",
      "schema": [],
      "template": "<style media=\"screen\">\n  #banner-region-{{ _.id }} {\n    display: block;\n    margin-right: auto;\n    margin-left: auto;\n    width: 100%;\n    max-width: 728px;\n  }\n</style>\n\n<div id=\"banner-region-{{ _.id }}\">\n  <div data-pp-style-layout=\"flex\"\n       data-pp-style-color=\"white\"\n       data-pp-style-ratio=\"8x1\"\n       id=\"paypal-commerce-cart-messaging-banner\">\n  </div>\n</div>\n\n",
      "date_created": "2024-02-27T02:43:46.434Z",
      "date_modified": "2024-02-27T02:43:46.434Z",
      "kind": "ppc-cartpage-fullbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "39985091-3a09-42c9-99c7-e702fdcb8e4a",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "876caf9a-e24e-46b2-9614-284036721444",
      "name": "PayPal Commerce Credit Banner - Home Page (728x90)",
      "schema": [],
      "template": "{{#each merchant_info as |merchant|}}\n{{#if merchant.currency '===' ../_.context.activeCurrencyCode}}\n<style media=\"screen\">\n  #banner-region-{{ ../_.id }} {\n    display: block;\n    margin-right: auto;\n    margin-left: auto;\n    width: 100%;\n    max-width: 728px;\n  }\n</style>\n\n<div id=\"banner-region-{{ ../_.id }}\">\n  <div\n    data-pp-message\n    data-pp-style-layout=\"flex\"\n    data-pp-style-color=\"{{#if ../style.ppc-homepage-fullbanner.data-pp-style-color}}{{../style.ppc-homepage-fullbanner.data-pp-style-color}}{{else}}white{{/if}}\"\n    data-pp-style-ratio=\"{{#if ../style.ppc-homepage-fullbanner.data-pp-style-ratio}}{{../style.ppc-homepage-fullbanner.data-pp-style-ratio}}{{else}}8x1{{/if}}\"\n    id=\"paypal-commerce-homepage-messaging-banner\">\n  </div>\n  <script defer nonce=\"{{nonce}}\">\n    function renderMessage() {\n      const params = {\n        'merchant-id': '{{merchant.merchantId}}',\n        'client-id': '{{merchant.clientId}}',\n        'data-partner-attribution-id': '{{../attribution_id}}',\n        components: ['messages', 'buttons'],\n      };\n\n      if (params['client-id'] && params['merchant-id']) {\n        window.paypalLoadScript(params)\n          .then(paypal => {\n            paypal.Messages({placement: 'home'}).render('#paypal-commerce-homepage-messaging-banner');\n          });\n      }\n    }\n\n    (function() {\n      if (window.paypalLoadScript) {\n        renderMessage();\n        return;\n      }\n\n      const script = document.createElement('script');\n      script.type = 'text/javascript';\n      script.src = 'https://unpkg.com/@paypal/paypal-js@4.1.0/dist/iife/paypal-js.min.js';\n      script.onload = function() {\n        if (window.paypalLoadScript) {\n          renderMessage();\n        }\n      };\n\n      const container = document.getElementById(`banner-region-{{ ../_.id }}`);\n\n      if (container) {\n        container.appendChild(script);\n      }\n    })();\n  </script>\n</div>\n{{/if}}\n{{/each}}\n",
      "date_created": "2024-02-27T02:43:46.447Z",
      "date_modified": "2024-02-27T02:43:46.447Z",
      "kind": "ppc-homepage-fullbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "e09c4e9d-e938-43a8-8d8d-465b5e72e99a",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "66f3bf48-9863-4e22-887a-cb5b7ca50efe",
      "name": "PayPal Commerce Credit Banner - Product Details Page (545x60)",
      "schema": [],
      "template": "{{#each merchant_info as |merchant|}}\n{{#if merchant.currency '===' ../_.context.activeCurrencyCode}}\n<style media=\"screen\">\n  #banner-region-{{ ../_.id }} {\n    display: block;\n    width: 100%;\n    max-width: 545px;\n  }\n</style>\n\n<div id=\"banner-region-{{ ../_.id }}\">\n  <div\n    data-pp-message\n    data-pp-style-logo-position=\"{{#if ../style.ppc-proddetailspage-quarterbanner.data-pp-style-logo-position}}{{../style.ppc-proddetailspage-quarterbanner.data-pp-style-logo-position}}{{else}}left{{/if}}\"\n    data-pp-style-logo-type=\"{{#if ../style.ppc-proddetailspage-quarterbanner.data-pp-style-logo-type}}{{../style.ppc-proddetailspage-quarterbanner.data-pp-style-logo-type}}{{else}}inline{{/if}}\"\n    data-pp-style-text-color=\"{{#if ../style.ppc-proddetailspage-quarterbanner.data-pp-style-text-color}}{{../style.ppc-proddetailspage-quarterbanner.data-pp-style-text-color}}{{else}}black{{/if}}\"\n    data-pp-style-text-size=\"{{#if ../style.ppc-proddetailspage-quarterbanner.data-pp-style-text-size}}{{../style.ppc-proddetailspage-quarterbanner.data-pp-style-text-size}}{{else}}12{{/if}}\"\n    id=\"paypal-commerce-proddetails-messaging-banner\">\n  </div>\n  <script defer nonce=\"{{nonce}}\">\n    (function () {\n      // Price container with data-product-price-with-tax has bigger priority for product amount calculations\n      const priceContainer = document.querySelector('[data-product-price-with-tax]')?.innerText\n        ? document.querySelector('[data-product-price-with-tax]')\n        : document.querySelector('[data-product-price-without-tax]');\n\n      if (priceContainer) {\n        renderMessageIfPossible();\n\n        const config = {\n          childList: true,    // Observe direct child elements\n          subtree: true,      // Observe all descendants\n          attributes: false,  // Do not observe attribute changes\n        };\n\n        const observer = new MutationObserver((mutationsList) => {\n          if (mutationsList.length > 0) {\n            renderMessageIfPossible();\n          }\n        });\n\n        observer.observe(priceContainer, config);\n      }\n\n      function renderMessageIfPossible() {\n        const amount = getPriceAmount(priceContainer.innerText)[0];\n\n        if (amount) {\n          renderMessage({ amount });\n        }\n      }\n\n      function getPriceAmount(text) {\n        /*\n         INFO:\n         - extracts a string from a pattern: [number][separator][number][separator]...\n           [separator] - any symbol but a digit, including whitespaces\n         */\n        const pattern = /\\d+(?:[^\\d]\\d+)+(?!\\d)/g;\n        const matches = text.match(pattern);\n        const results = [];\n\n        // if there are no matches\n        if (!matches?.length) {\n          const amount = text.replace(/[^\\d]/g, '');\n\n          if (!amount) return results;\n\n          results.push(amount);\n\n          return results;\n        }\n\n        matches.forEach(str => {\n          const sepIndexes = [];\n\n          for (let i = 0; i < str.length; i++) {\n            // find separator index and push to array\n            if (!/\\d/.test(str[i])) {\n              sepIndexes.push(i);\n            }\n          }\n          if (sepIndexes.length === 0) return;\n          // assume the last separator is the decimal\n          const decIndex = sepIndexes[sepIndexes.length - 1];\n\n          // cut the substr to the separator with replacing non-digit chars\n          const intSubstr = str.slice(0, decIndex).replace(/[^\\d]/g, '');\n          // cut the substr after the separator with replacing non-digit chars\n          const decSubstr = str.slice(decIndex + 1).replace(/[^\\d]/g, '');\n\n          if (!intSubstr) return;\n\n          const amount = decSubstr ? `${intSubstr}.${decSubstr}` : intSubstr;\n          // to get floating point number\n          const number = parseFloat(amount);\n\n          if (!isNaN(number)) {\n            results.push(String(number));\n          }\n        });\n\n        return results;\n      }\n\n      function loadScript(src, attributes) {\n        return new Promise((resolve, reject) => {\n          const scriptTag = document.createElement('script');\n\n          if (attributes) {\n            Object.keys(attributes)\n                    .forEach(key => {\n                      scriptTag.setAttribute(key, attributes[key]);\n                    });\n          }\n\n          scriptTag.type = 'text/javascript';\n          scriptTag.src = src;\n\n          scriptTag.onload = () => resolve();\n          scriptTag.onerror = event => {\n            reject(event);\n          };\n\n          document.head.appendChild(scriptTag);\n        });\n      }\n\n      function renderMessage(objectParams) {\n        const paypalSdkScriptConfig = getPayPalSdkScriptConfig();\n\n        const options = transformConfig(paypalSdkScriptConfig.options);\n        const attributes = transformConfig(paypalSdkScriptConfig.attributes);\n\n        const messageProps = { placement: 'product', ...objectParams };\n\n        const renderPayPalMessagesComponent = (paypal) => {\n          paypal.Messages(messageProps).render('#paypal-commerce-proddetails-messaging-banner');\n        };\n\n        if (options['client-id'] && options['merchant-id']) {\n          if (!window.paypalMessages) {\n            const paypalSdkUrl = 'https://www.paypal.com/sdk/js';\n            const scriptQuery = new URLSearchParams(options).toString();\n            const scriptSrc = `${paypalSdkUrl}?${scriptQuery}`;\n\n            loadScript(scriptSrc, attributes).then(() => {\n              renderPayPalMessagesComponent(window.paypalMessages);\n            });\n          } else {\n            renderPayPalMessagesComponent(window.paypalMessages)\n          }\n        }\n      }\n\n      function transformConfig(config) {\n        let transformedConfig = {};\n\n        const keys = Object.keys(config);\n\n        keys.forEach((key) => {\n          const value = config[key];\n\n          if (\n                  value === undefined ||\n                  value === null ||\n                  value === '' ||\n                  (Array.isArray(value) && value.length === 0)\n          ) {\n            return;\n          }\n\n          transformedConfig = {\n            ...transformedConfig,\n            [key]: Array.isArray(value) ? value.join(',') : value,\n          };\n        });\n\n        return transformedConfig;\n      }\n\n      function getPayPalSdkScriptConfig() {\n        const attributionId = '{{ ../attribution_id }}';\n        const currencyCode = '{{ merchant.currency }}';\n        const clientId = '{{ merchant.clientId }}';\n        const merchantId = '{{ merchant.merchantId}}';\n        const isDeveloperModeApplicable = '{{ merchant.isDeveloperModeApplicable }}'.indexOf('true') !== -1;\n        const buyerCountry = '{{ merchant.buyerCountry }}';\n\n        return {\n          options: {\n            'client-id': clientId,\n            'merchant-id': merchantId,\n            components: ['messages'],\n            currency: currencyCode,\n            ...(isDeveloperModeApplicable && { 'buyer-country': buyerCountry }),\n          },\n          attributes: {\n            'data-namespace': 'paypalMessages',\n            'data-partner-attribution-id': attributionId,\n          },\n        };\n      }\n    })();\n  </script>\n</div>\n{{/if}}\n{{/each}}\n",
      "date_created": "2024-02-27T02:43:46.464Z",
      "date_modified": "2024-02-27T02:43:46.464Z",
      "kind": "ppc-proddetailspage-quarterbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "390c4281-6b31-4391-b25b-f55c62f0da2a",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "8ecd9f48-2d69-4b85-9592-f6675dd0fffb",
      "name": "PayPal Commerce Credit Banner - Cart Page (465x59)",
      "schema": [],
      "template": "{{#each merchant_info as |merchant|}}\n{{#if merchant.currency '===' ../_.context.activeCurrencyCode}}\n<style media=\"screen\">\n  #banner-region-{{ ../_.id }} {\n    display: block;\n    clear: both;\n    float: right;\n    margin-bottom: 15px;\n    width: 460px;\n    max-width: 100%;\n  }\n</style>\n\n<div id=\"banner-region-{{ ../_.id }}\">\n  <div\n    data-pp-style-logo-position=\"{{#if ../style.ppc-cartpage-quarterbanner.data-pp-style-logo-position}}{{../style.ppc-cartpage-quarterbanner.data-pp-style-logo-position}}{{else}}left{{/if}}\"\n    data-pp-style-logo-type=\"{{#if ../style.ppc-cartpage-quarterbanner.data-pp-style-logo-type}}{{../style.ppc-cartpage-quarterbanner.data-pp-style-logo-type}}{{else}}inline{{/if}}\"\n    data-pp-style-text-color=\"{{#if ../style.ppc-cartpage-quarterbanner.data-pp-style-text-color}}{{../style.ppc-cartpage-quarterbanner.data-pp-style-text-color}}{{else}}black{{/if}}\"\n    data-pp-style-text-size=\"{{#if ../style.ppc-cartpage-quarterbanner.data-pp-style-text-size}}{{../style.ppc-cartpage-quarterbanner.data-pp-style-text-size}}{{else}}12{{/if}}\"\n    id=\"paypal-commerce-cart-messaging-banner\">\n  </div>\n  <script defer nonce=\"{{nonce}}\">\n    (function () {\n      const dataCartTotals = document.querySelector('[data-cart-totals]');\n\n      if (dataCartTotals) {\n        renderMessageIfPossible();\n\n        const config = {\n          childList: true,\n        };\n\n        const observer = new MutationObserver((mutationsList) => {\n          mutationsList.forEach(function (mutation) {\n            if (getGrandTotalContainer(mutation.target)) {\n              renderMessageIfPossible();\n            }\n          });\n        });\n\n        observer.observe(dataCartTotals, config);\n      }\n\n      function renderMessageIfPossible() {\n        const amount = getPriceAmount(getGrandTotalContainer(dataCartTotals).innerText)[0];\n\n        if (amount) {\n          renderMessage({\n            amount\n          });\n        }\n      }\n\n      function getPriceAmount(text) {\n        /*\n         INFO:\n         - extracts a string from a pattern: [number][separator][number][separator]...\n           [separator] - any symbol but a digit, including whitespaces\n         */\n        const pattern = /\\d+(?:[^\\d]\\d+)+(?!\\d)/g;\n        const matches = text.match(pattern);\n        const results = [];\n\n        // if there are no matches\n        if (!matches?.length) {\n          const amount = text.replace(/[^\\d]/g, '');\n\n          if (!amount) return results;\n\n          results.push(amount);\n\n          return results;\n        }\n\n        matches.forEach(str => {\n          const sepIndexes = [];\n\n          for (let i = 0; i < str.length; i++) {\n            // find separator index and push to array\n            if (!/\\d/.test(str[i])) {\n              sepIndexes.push(i);\n            }\n          }\n          if (sepIndexes.length === 0) return;\n          // assume the last separator is the decimal\n          const decIndex = sepIndexes[sepIndexes.length - 1];\n\n          // cut the substr to the separator with replacing non-digit chars\n          const intSubstr = str.slice(0, decIndex).replace(/[^\\d]/g, '');\n          // cut the substr after the separator with replacing non-digit chars\n          const decSubstr = str.slice(decIndex + 1).replace(/[^\\d]/g, '');\n\n          if (!intSubstr) return;\n\n          const amount = decSubstr ? `${intSubstr}.${decSubstr}` : intSubstr;\n          // to get floating point number\n          const number = parseFloat(amount);\n\n          if (!isNaN(number)) {\n            results.push(String(number));\n          }\n        });\n\n        return results;\n      }\n\n      function getGrandTotalContainer(parent) {\n        if (parent) {\n          return parent.querySelector('.cart-total-grandTotal');\n        }\n\n        return document.querySelector('.cart-total-grandTotal');\n      }\n\n      function loadScript(src, attributes) {\n        return new Promise((resolve, reject) => {\n          const scriptTag = document.createElement('script');\n\n          if (attributes) {\n            Object.keys(attributes)\n                    .forEach(key => {\n                      scriptTag.setAttribute(key, attributes[key]);\n                    });\n          }\n\n          scriptTag.type = 'text/javascript';\n          scriptTag.src = src;\n\n          scriptTag.onload = () => resolve();\n          scriptTag.onerror = event => {\n            reject(event);\n          };\n\n          document.head.appendChild(scriptTag);\n        });\n      }\n\n      function renderMessage(objectParams) {\n        const paypalSdkScriptConfig = getPayPalSdkScriptConfig();\n\n        const options = transformConfig(paypalSdkScriptConfig.options);\n        const attributes = transformConfig(paypalSdkScriptConfig.attributes);\n\n        const messageProps = { placement: 'cart', style: 'text', ...objectParams };\n\n        const renderPayPalMessagesComponent = (paypal) => {\n          paypal.Messages(messageProps).render('#paypal-commerce-cart-messaging-banner');\n        };\n\n        if (options['client-id'] && options['merchant-id']) {\n          if (!window.paypalMessages) {\n            const paypalSdkUrl = 'https://www.paypal.com/sdk/js';\n            const scriptQuery = new URLSearchParams(options).toString();\n            const scriptSrc = `${paypalSdkUrl}?${scriptQuery}`;\n\n            loadScript(scriptSrc, attributes).then(() => {\n              renderPayPalMessagesComponent(window.paypalMessages);\n            });\n          } else {\n            renderPayPalMessagesComponent(window.paypalMessages)\n          }\n        }\n      }\n\n      function transformConfig(config) {\n        let transformedConfig = {};\n\n        const keys = Object.keys(config);\n\n        keys.forEach((key) => {\n          const value = config[key];\n\n          if (\n                  value === undefined ||\n                  value === null ||\n                  value === '' ||\n                  (Array.isArray(value) && value.length === 0)\n          ) {\n            return;\n          }\n\n          transformedConfig = {\n            ...transformedConfig,\n            [key]: Array.isArray(value) ? value.join(',') : value,\n          };\n        });\n\n        return transformedConfig;\n      }\n\n      function getPayPalSdkScriptConfig() {\n        const attributionId = '{{ ../attribution_id }}';\n        const currencyCode = '{{ merchant.currency }}';\n        const clientId = '{{ merchant.clientId }}';\n        const merchantId = '{{ merchant.merchantId}}';\n        const isDeveloperModeApplicable = '{{ merchant.isDeveloperModeApplicable }}'.indexOf('true') !== -1;\n        const buyerCountry = '{{ merchant.buyerCountry }}';\n\n        return {\n          options: {\n            'client-id': clientId,\n            'merchant-id': merchantId,\n            components: ['messages'],\n            currency: currencyCode,\n            ...(isDeveloperModeApplicable && { 'buyer-country': buyerCountry }),\n          },\n          attributes: {\n            'data-namespace': 'paypalMessages',\n            'data-partner-attribution-id': attributionId,\n          },\n        };\n      }\n    })();\n  </script>\n</div>\n{{/if}}\n{{/each}}\n",
      "date_created": "2024-02-27T02:43:46.478Z",
      "date_modified": "2024-02-27T02:43:46.478Z",
      "kind": "ppc-cartpage-quarterbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "8df07f98-be13-4ce3-b84f-3a5fe2627866",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "c5fdbdf3-7378-4b97-ae73-8c518245dede",
      "name": "Quadpay Cart Page Credit Banner",
      "schema": [],
      "template": "<div id=\"banner-region-{{ _.id }}\">\n  <span id=\"bc-qp-hidden-amount\" style=\"display: none;\"></span>\n</div>\n<script>\n  \"use strict\";\n\n  (function () {\n    var widget = document.createElement('quadpay-widget-v3');\n    widget.setAttribute('alignment', 'right');\n    widget.setAttribute('amountSelector', '#bc-qp-hidden-amount');\n  {{#if minimum_price}}\n    widget.setAttribute('min', '{{ minimum_price }}');\n  {{/if}}\n  {{#if maximum_price}}\n    widget.setAttribute('max', '{{ maximum_price }}');\n  {{/if}}\n\n    var xhr = new XMLHttpRequest();\n    xhr.addEventListener('readystatechange', function () {\n      if (xhr.readyState === XMLHttpRequest.DONE) {\n        try {\n          widget.setAttribute('amount', JSON.parse(xhr.responseText)[0].cartAmount);\n        } catch (err) {}\n\n        var script = document.createElement('script');\n        script.src = 'https://cdn.quadpay.com/v1/quadpay.js';\n\n        var bannerRegion = document.getElementById('banner-region-{{ _.id }}');\n        bannerRegion.appendChild(script);\n        bannerRegion.appendChild(widget);\n        bannerRegion.style.marginBottom = '2rem';\n      }\n    });\n    xhr.open('GET', window.location.origin + '/api/storefront/carts');\n    xhr.send();\n  })();\n</script>\n<script>\n  \"use strict\";\n\n  (function () {\n    var dataCartTotals = document.querySelector('[data-cart-totals]');\n\n    if (dataCartTotals) {\n      var hiddenAmount = document.getElementById('bc-qp-hidden-amount');\n\n      var observer = new MutationObserver(function (mutationsList) {\n        mutationsList.forEach(function (mutation) {\n          var cartTotalGrandTotal = mutation.target.querySelector('.cart-total-grandTotal');\n\n          hiddenAmount.innerText = cartTotalGrandTotal ? cartTotalGrandTotal.innerText : '0';\n        });\n      });\n\n      observer.observe(dataCartTotals, { childList: true });\n    }\n  })();\n</script>\n",
      "date_created": "2024-02-27T02:43:46.492Z",
      "date_modified": "2024-02-27T02:43:46.492Z",
      "kind": "quadpay-cartpage-productwidget",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "4fdb8360-6ba4-4bc9-8829-6a0a27dda1a1",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "6b86a5d8-8a9a-4dd2-8866-d9c8fdc31b51",
      "name": "Quadpay Home Page Credit Banner",
      "schema": [],
      "template": "<div id=\"banner-region-{{ _.id }}\" style=\"padding: 1rem 0;\">\n  <script src=\"https://cdn.quadpay.com/v1/quadpay.js\"></script>\n  <quadpay-widget-v3\n    alignment=\"center\"\n    displayMode=\"logoFirst\"\n  {{#if minimum_price}}\n    min=\"{{ minimum_price }}\"\n  {{/if}}\n    widgetVerbiage=\"4-easy-payments\"\n  ></quadpay-widget-v3>\n</div>\n",
      "date_created": "2024-02-27T02:43:46.505Z",
      "date_modified": "2024-02-27T02:43:46.505Z",
      "kind": "quadpay-homepage-stripbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "5ed2b3fa-a796-4eb2-8b1d-1fcd26d1be18",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "d5ceee13-af7a-492e-851c-3c17c4dc93f0",
      "name": "Quadpay Product Page Credit Banner",
      "schema": [],
      "template": "<div id=\"banner-region-{{ _.id }}\">\n  <span id=\"bc-qp-hidden-amount\" style=\"display: none;\"></span>\n</div>\n<script>\n  \"use strict\";\n\n  (function () {\n    var widget = document.createElement('quadpay-widget-v3');\n  {{#if minimum_price}}\n    widget.setAttribute('min', '{{ minimum_price }}');\n  {{/if}}\n  {{#if maximum_price}}\n    widget.setAttribute('max', '{{ maximum_price }}');\n  {{/if}}  \n\n    var productPrice = document.querySelector('.productView .price.price--withoutTax');\n\n    if (productPrice) {\n      var hiddenAmount = document.getElementById('bc-qp-hidden-amount');\n      var isPriceRange = function isPriceRange(price) {\n        return /^\\$\\d+\\.\\d{2}\\s\\-\\s\\$\\d+\\.\\d{2}$/.test(price.replaceAll(',', ''));\n      };\n\n      var observer = new MutationObserver(function (mutationsList) {\n        mutationsList.forEach(function (mutation) {\n          hiddenAmount.innerText = isPriceRange(mutation.target.innerText) ? '0' : mutation.target.innerText;\n        });\n      });\n\n      observer.observe(productPrice, { childList: true });\n\n      widget.setAttribute('amount', isPriceRange(productPrice.innerText) ? '0' : productPrice.innerText);\n      widget.setAttribute('amountSelector', '#bc-qp-hidden-amount');\n    }\n\n    var script = document.createElement('script');\n    script.src = 'https://cdn.quadpay.com/v1/quadpay.js';\n\n    var bannerRegion = document.getElementById('banner-region-{{ _.id }}');\n    bannerRegion.appendChild(script);\n    bannerRegion.appendChild(widget);\n    bannerRegion.style.marginBottom = '1rem';\n  })();\n</script>\n",
      "date_created": "2024-02-27T02:43:46.518Z",
      "date_modified": "2024-02-27T02:43:46.518Z",
      "kind": "quadpay-productpage-productbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "4b18ec13-e381-483a-8f2a-e1c538a59236",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "a8b2bf50-bd8d-4187-8723-b295632f500e",
      "name": "Openpay Cart Page Credit Banner",
      "schema": [],
      "template": "<style>\n  #banner-region-{{ _.id }} opy-cart {\n    display: flex;\n    justify-content: flex-end;\n    width: 100%;\n  }\n</style>\n<div id=\"banner-region-{{ _.id }}\">\n{{#if country_code '===' 'US'}}\n  <script src=\"https://widgets.opy.com/lib/openpay-widgets.min.js\"></script>\n{{else}}\n  <script src=\"https://widgets.openpay.com.au/lib/openpay-widgets.min.js\"></script>\n{{/if}}\n  <script>\n    (function () {\n      \"use strict\";\n\n      var widget = document.createElement('opy-cart');\n      widget.setAttribute('logo', '{{ cart_widget_logo }}');\n      widget.setAttribute('more-info-text', '{{ cart_widget_more_info_text }}');\n      widget.setAttribute('info-icon', '{{ cart_widget_info_icon }}');\n\n      document.addEventListener('DOMContentLoaded', function () {\n        var xhr = new XMLHttpRequest();\n        var dataCartTotals = document.querySelector('[data-cart-totals]');\n\n        OpenpayWidgets.Config({\n          region: '{{ country_code }}',\n          currency: '{{ currency }}',\n          planTiers: [{{ plan_tiers }}],\n          minEligibleAmount: {{ min_elegible_amount }},\n          maxEligibleAmount: {{ max_elegible_amount }},\n          type: 'Online'\n        });\n\n        xhr.addEventListener('readystatechange', function () {\n          if (xhr.readyState === XMLHttpRequest.DONE) {\n            try {\n              widget.setAttribute('amount', JSON.parse(xhr.responseText)[0].cartAmount);\n            } catch (err) { }\n\n            var bannerRegion = document.getElementById('banner-region-{{ _.id }}');\n            bannerRegion.appendChild(widget);\n            bannerRegion.style.marginBottom = '2rem';\n          }\n        });\n        xhr.open('GET', window.location.origin + '/api/storefront/carts');\n        xhr.send();\n\n        if (dataCartTotals) {\n          var removeSymbols = function removeSymbols(price) {\n            return ['AUD', 'A$', 'AU$', '$', '£', ','].reduce(function (price, symbol) {\n              return price.replaceAll(symbol, '');\n            }, price);\n          };\n          var priceRegExp = /^\\d+\\.\\d{2}/;\n\n          var observer = new MutationObserver(function (mutationsList) {\n            mutationsList.forEach(function (mutation) {\n              var cartTotalGrandTotal = mutation.target.querySelector('.cart-total-grandTotal');\n              var amount = cartTotalGrandTotal ? priceRegExp.exec(removeSymbols(cartTotalGrandTotal.innerText))[0] : '0'\n\n              widget.setAttribute('amount', amount);\n            });\n          });\n\n          observer.observe(dataCartTotals, { childList: true });\n        }\n      }, false);\n    })();\n  </script>\n</div>\n",
      "date_created": "2024-02-27T02:43:46.534Z",
      "date_modified": "2024-02-27T02:43:46.534Z",
      "kind": "opy-cartpage-cartwidget",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "0e32231a-0557-40ec-8c5c-2dac514f63f4",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "9c1c5b3f-3102-4df2-a063-05728b4c13e3",
      "name": "Openpay Home Page Credit Banner",
      "schema": [],
      "template": "<div id=\"banner-region-{{ _.id }}\">\n{{#if country_code '===' 'US'}}\n  <script src=\"https://widgets.opy.com/lib/openpay-widgets.min.js\"></script>\n{{else}}\n  <script src=\"https://widgets.openpay.com.au/lib/openpay-widgets.min.js\"></script>\n{{/if}}\n  <script>\n    (function () {\n      \"use strict\";\n      document.addEventListener('DOMContentLoaded', function () {\n        OpenpayWidgets.Config({\n          region: '{{ country_code }}',\n          currency: '{{ currency }}',\n          planTiers: [{{ plan_tiers }}],\n          minEligibleAmount: {{ min_elegible_amount }},\n          maxEligibleAmount: {{ max_elegible_amount }},\n          type: 'Online'\n        });\n      }, false);\n    })();\n  </script>\n  <opy-info-belt color=\"amber\"></opy-info-belt>\n</div>\n",
      "date_created": "2024-02-27T02:43:46.548Z",
      "date_modified": "2024-02-27T02:43:46.548Z",
      "kind": "opy-homepage-infobelt",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "6e47b21a-3c76-4837-9a4c-7fb83c14f77f",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "5f2f70bc-30fc-4152-9466-a3ca68995d43",
      "name": "Openpay Product Page Credit Banner",
      "schema": [],
      "template": "<div id=\"banner-region-{{ _.id }}\">\n{{#if country_code '===' 'US'}}\n  <script src=\"https://widgets.opy.com/lib/openpay-widgets.min.js\"></script>\n{{else}}\n  <script src=\"https://widgets.openpay.com.au/lib/openpay-widgets.min.js\"></script>\n{{/if}}\n  <script>\n      (function () {\n        \"use strict\";\n\n        var bannerRegion = document.getElementById('banner-region-{{ _.id }}');\n        var widget = document.createElement('opy-product-page');\n        widget.setAttribute('logo', '{{ product_widget_logo }}');\n        widget.setAttribute('logo-position', '{{ product_widget_logo_position }}');\n        widget.setAttribute('more-info-text', '{{ product_widget_more_info_text }}');\n        widget.setAttribute('info-icon', '{{ product_widget_info_icon }}');\n\n        document.addEventListener('DOMContentLoaded', function () {\n          var productPrice = document.querySelector('.productView .price.price--withoutTax') || document.querySelector('.productView .price.price--withTax');\n\n          OpenpayWidgets.Config({\n            region: '{{ country_code }}',\n            currency: '{{ currency }}',\n            planTiers: [{{ plan_tiers }}],\n            minEligibleAmount: {{ min_elegible_amount }},\n            maxEligibleAmount: {{ max_elegible_amount }},\n            type: 'Online'\n          });\n\n          if (productPrice) {\n            var removeSymbols = function removeSymbols(price) {\n              return ['AUD', 'A$', 'AU$', '$', '£', ','].reduce(function (price, symbol) {\n                return price.replaceAll(symbol, '');\n              }, price);\n            };\n            var numberRegExp = '\\\\d+\\\\.\\\\d{2}';\n            var priceRangeRegExp = new RegExp('^' + numberRegExp + '\\\\s\\\\-\\\\s' + numberRegExp +'$');\n            var priceRegExp = new RegExp('^' + numberRegExp +'$');\n            var parsePrice = function parsePrice(price) {\n              var priceNumber = removeSymbols(price);\n\n              return priceRangeRegExp.test(priceNumber) ? '0' : priceRegExp.exec(priceNumber)[0];\n            };\n\n            var observer = new MutationObserver(function (mutationsList) {\n              mutationsList.forEach(function (mutation) {\n                widget.setAttribute('amount', parsePrice(mutation.target.innerText));\n              });\n            });\n            observer.observe(productPrice, { childList: true });\n\n            widget.setAttribute('amount', parsePrice(productPrice.innerText));\n          }\n\n          bannerRegion.appendChild(widget);\n        }, false);\n      })();\n  </script>\n</div>\n",
      "date_created": "2024-02-27T02:43:46.563Z",
      "date_modified": "2024-02-27T02:43:46.563Z",
      "kind": "opy-productpage-productwidget",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "fe989f99-2527-434b-8b15-2eeece029433",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "3e76a9c5-eecd-4356-a03e-d4094f73bbbb",
      "name": "Braintree PayPal Credit Banner - Cart Page (460x58)",
      "schema": [],
      "template": "{{#each merchant_info as |merchant|}}\n{{#if merchant.currency '===' ../_.context.activeCurrencyCode}}\n<style media=\"screen\">\n  #banner-region-{{../_.id}} {\n    display: block;\n    clear: both;\n    float: right;\n    margin-bottom: 15px;\n    width: 460px;\n    max-width: 100%;\n  }\n</style>\n\n<div id=\"banner-region-{{../_.id}}\">\n  <div\n    data-pp-style-logo-position=\"{{#if ../style.bt-cartpage-quarterbanner.data-pp-style-logo-position}}{{../style.bt-cartpage-quarterbanner.data-pp-style-logo-position}}{{else}}left{{/if}}\"\n    data-pp-style-logo-type=\"{{#if ../style.bt-cartpage-quarterbanner.data-pp-style-logo-type}}{{../style.bt-cartpage-quarterbanner.data-pp-style-logo-type}}{{else}}inline{{/if}}\"\n    data-pp-style-text-color=\"{{#if ../style.bt-cartpage-quarterbanner.data-pp-style-text-color}}{{../style.bt-cartpage-quarterbanner.data-pp-style-text-color}}{{else}}black{{/if}}\"\n    data-pp-style-text-size=\"{{#if ../style.bt-cartpage-quarterbanner.data-pp-style-text-size}}{{../style.bt-cartpage-quarterbanner.data-pp-style-text-size}}{{else}}12{{/if}}\"\n    id=\"paypal-bt-cart-messaging-banner\">\n  </div>\n  <script defer nonce=\"{{nonce}}\">\n    (function () {\n      const dataCartTotals = document.querySelector('[data-cart-totals]');\n\n      if (dataCartTotals) {\n        renderMessageIfPossible();\n\n        const config = {\n          childList: true,    // Observe direct child elements\n          subtree: true,      // Observe all descendants\n          attributes: false,  // Do not observe attribute changes\n        };\n\n        const observer = new MutationObserver((mutationsList) => {\n          if (mutationsList.length > 0) {\n            renderMessageIfPossible();\n          }\n        });\n\n        observer.observe(dataCartTotals, config);\n      }\n\n      function renderMessageIfPossible() {\n        const amount = getPriceAmount(dataCartTotals.innerText)[0];\n\n        if (amount) {\n          renderMessage(amount);\n        }\n      }\n\n      function getPriceAmount(text) {\n        /*\n         INFO:\n         - extracts a string from a pattern: [number][separator][number][separator]...\n           [separator] - any symbol but a digit, including whitespaces\n         */\n        const pattern = /\\d+(?:[^\\d]\\d+)+(?!\\d)/g;\n        const matches = text.match(pattern);\n        const results = [];\n\n        // if there are no matches\n        if (!matches?.length) {\n          const amount = text.replace(/[^\\d]/g, '');\n\n          if (!amount) return results;\n\n          results.push(amount);\n\n          return results;\n        }\n\n        matches.forEach(str => {\n          const sepIndexes = [];\n\n          for (let i = 0; i < str.length; i++) {\n            // find separator index and push to array\n            if (!/\\d/.test(str[i])) {\n              sepIndexes.push(i);\n            }\n          }\n          if (sepIndexes.length === 0) return;\n          // assume the last separator is the decimal\n          const decIndex = sepIndexes[sepIndexes.length - 1];\n\n          // cut the substr to the separator with replacing non-digit chars\n          const intSubstr = str.slice(0, decIndex).replace(/[^\\d]/g, '');\n          // cut the substr after the separator with replacing non-digit chars\n          const decSubstr = str.slice(decIndex + 1).replace(/[^\\d]/g, '');\n\n          if (!intSubstr) return;\n\n          const amount = decSubstr ? `${intSubstr}.${decSubstr}` : intSubstr;\n          // to get floating point number\n          const number = parseFloat(amount);\n\n          if (!isNaN(number)) {\n            results.push(String(number));\n          }\n        });\n\n        return results;\n      }\n\n      function renderMessage(amount) {\n        const messagesOptions = {\n          amount,\n          placement: 'cart',\n        };\n\n        const paypalScriptParams = {\n          'client-id': '{{merchant.clientId}}',\n          components: ['messages'],\n          'data-partner-attribution-id': '{{../attribution_id}}',\n          'merchant-id': '{{merchant.merchantId}}',\n          'data-namespace': 'paypalMessages'\n        };\n\n        if (!window.paypalMessages) {\n          loadScript(paypalScriptParams).then(() => {\n            window.paypalMessages.Messages(messagesOptions).render('#paypal-bt-cart-messaging-banner');\n          });\n        } else {\n          window.paypalMessages.Messages(messagesOptions).render('#paypal-bt-cart-messaging-banner');\n        }\n      }\n\n      function loadScript(paypalScriptParams) {\n        return new Promise((resolve, reject) => {\n          const script = document.createElement('script');\n          script.type = 'text/javascript';\n          script.src = 'https://unpkg.com/@paypal/paypal-js@3.1.6/dist/paypal.browser.min.js';\n          script.integrity = 'sha384-ixafT4J9V4G5ltzIzhcmeyo1TvVbMf3eH73We7APYo338opA0FlgZ5VtBzMnMEEg';\n          script.crossOrigin = 'anonymous';\n          script.nonce = '{{nonce}}';\n\n          script.onload = () =>\n                  window.paypalLoadScript(paypalScriptParams).then(() => resolve());\n\n          script.onerror = event => {\n            reject(event);\n          };\n\n          document.head.appendChild(script);\n        });\n      }\n    }());\n  </script>\n</div>\n{{/if}}\n{{/each}}\n",
      "date_created": "2024-02-27T02:43:46.577Z",
      "date_modified": "2024-02-27T02:43:46.577Z",
      "kind": "bt-cartpage-quarterbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "17bf799e-e7ed-49cb-b702-4dd5acd7d22d",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "27739fcd-ec84-4300-b850-21bf122a012b",
      "name": "Text",
      "schema": [
        {
          "type": "hidden",
          "settings": [
            {
              "id": "textContent",
              "default": "You can use this widget to input text into the page."
            }
          ]
        },
        {
          "type": "tab",
          "label": "Design",
          "sections": [
            {
              "settings": [
                {
                  "type": "typography",
                  "label": "Text style",
                  "id": "textStyle",
                  "default": "custom",
                  "typeMeta": {
                    "conditionalSettings": [
                      {
                        "condition": "custom",
                        "settings": [
                          {
                            "type": "select",
                            "label": "Font family",
                            "id": "fontFamily",
                            "default": "inherit",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Theme Default",
                                  "value": "inherit"
                                },
                                {
                                  "label": "Arial",
                                  "value": "Arial, sans-serif"
                                },
                                {
                                  "label": "Tahoma",
                                  "value": "Tahoma, sans-serif"
                                },
                                {
                                  "label": "Verdana",
                                  "value": "Verdana, sans-serif"
                                },
                                {
                                  "label": "Lucida",
                                  "value": "Lucida, sans-serif"
                                },
                                {
                                  "label": "Times New Roman",
                                  "value": "Times New Roman, serif"
                                },
                                {
                                  "label": "Courier",
                                  "value": "Courier, serif"
                                },
                                {
                                  "label": "Georgia",
                                  "value": "Georgia, serif"
                                },
                                {
                                  "label": "Palatino",
                                  "value": "Palatino, serif"
                                }
                              ]
                            }
                          },
                          {
                            "type": "select",
                            "label": "Font weight",
                            "id": "fontWeight",
                            "default": "500",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Thin",
                                  "value": "100"
                                },
                                {
                                  "label": "Extra Light (Ultra Light)",
                                  "value": "200"
                                },
                                {
                                  "label": "Light",
                                  "value": "300"
                                },
                                {
                                  "label": "Normal",
                                  "value": "400"
                                },
                                {
                                  "label": "Medium",
                                  "value": "500"
                                },
                                {
                                  "label": "Semi Bold (Demi Bold)",
                                  "value": "600"
                                },
                                {
                                  "label": "Bold",
                                  "value": "700"
                                },
                                {
                                  "label": "Extra Bold (Ultra Bold)",
                                  "value": "800"
                                },
                                {
                                  "label": "Black (Heavy)",
                                  "value": "900"
                                }
                              ]
                            }
                          },
                          {
                            "type": "number",
                            "label": "Font size",
                            "id": "fontSize",
                            "default": {
                              "value": 24,
                              "type": "px"
                            },
                            "typeMeta": {
                              "parseType": "integer"
                            }
                          },
                          {
                            "type": "color",
                            "label": "Text color",
                            "id": "fontColor",
                            "default": "#333333"
                          }
                        ]
                      }
                    ]
                  }
                },
                {
                  "type": "alignment",
                  "label": "Alignment",
                  "id": "alignment",
                  "default": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "typeMeta": {
                    "display": "horizontal"
                  }
                },
                {
                  "type": "boxModel",
                  "label": "Margin",
                  "id": "margin",
                  "default": {
                    "top": {
                      "value": "0",
                      "type": "px"
                    },
                    "right": {
                      "value": "0",
                      "type": "px"
                    },
                    "bottom": {
                      "value": "0",
                      "type": "px"
                    },
                    "left": {
                      "value": "0",
                      "type": "px"
                    }
                  }
                },
                {
                  "type": "boxModel",
                  "label": "Padding",
                  "id": "padding",
                  "default": {
                    "top": {
                      "value": "0",
                      "type": "px"
                    },
                    "right": {
                      "value": "0",
                      "type": "px"
                    },
                    "bottom": {
                      "value": "0",
                      "type": "px"
                    },
                    "left": {
                      "value": "0",
                      "type": "px"
                    }
                  }
                }
              ]
            }
          ]
        }
      ],
      "template": "<style>\n    .sd-simple-text-{{_.id}} {\n      padding-top: {{padding.top.value}}{{padding.top.type}};\n      padding-right: {{padding.right.value}}{{padding.right.type}};\n      padding-bottom: {{padding.bottom.value}}{{padding.bottom.type}};\n      padding-left: {{padding.left.value}}{{padding.left.type}};\n\n      margin-top: {{margin.top.value}}{{margin.top.type}};\n      margin-right: {{margin.right.value}}{{margin.right.type}};\n      margin-bottom: {{margin.bottom.value}}{{margin.bottom.type}};\n      margin-left: {{margin.left.value}}{{margin.left.type}};\n\n      {{#if textStyle '===' undefined}}\n        color: {{fontColor}};\n        font-family: {{fontFamily}};\n        font-weight: {{fontWeight}};\n        font-size: {{fontSize.value}}{{fontSize.type}};\n        min-height: {{fontSize.value}}{{fontSize.type}};\n      {{/if}}\n    }\n\n    .sd-simple-text-{{_.id}} * {\n      margin: 0;\n      padding: 0;\n\n      {{#unless textStyle '!==' 'custom'}}\n        color: {{fontColor}};\n        font-family: {{fontFamily}};\n        font-weight: {{fontWeight}};\n        font-size: {{fontSize.value}}{{fontSize.type}};\n        min-height: {{fontSize.value}}{{fontSize.type}};\n      {{/unless}}\n\n      {{#if textStyle '===' 'default'}}\n        color: #333333;\n        font-family: Montserrat;\n        font-weight: 500;\n        font-size: 24px;\n      {{/if}}\n    }\n\n    .sd-simple-text-{{_.id}} {\n      {{#if alignment.horizontal '===' 'center'}}\n        text-align: center;\n      {{else if alignment.horizontal '===' 'left'}}\n        text-align: left;\n      {{else if alignment.horizontal '===' 'right'}}\n        text-align: right;\n      {{/if}}\n    }\n\n    #sd-simple-text-editable-{{_.id}} {\n      min-width: 14px;\n      line-height: 1.5;\n      display: inline-block;\n    }\n\n    #sd-simple-text-editable-{{_.id}}[data-edit-mode=\"true\"]:hover,\n    #sd-simple-text-editable-{{_.id}}[data-edit-mode=\"true\"]:active,\n    #sd-simple-text-editable-{{_.id}}[data-edit-mode=\"true\"]:focus {\n      outline: 1px dashed #3C64F4;\n    }\n\n    #sd-simple-text-editable-{{_.id}} strong,\n    #sd-simple-text-editable-{{_.id}} strong * {\n      font-weight: bold;\n    }\n</style>\n\n<div class=\"sd-simple-text-{{_.id}} {{#if textStyle}}{{#if textStyle '!==' 'custom'}} {{textStyle}}{{/if}}{{/if}}\">\n  <div id=\"sd-simple-text-editable-{{_.id}}\" data-edit-mode=\"{{_.pageBuilderData.previewState.editMode}}\">\n    {{{textContent}}}\n  </div>\n</div>\n\n{{#if _.context.isEditorMode '===' true}}\n    <script type=\"text/javascript\">\n        (function () {\n            var editMode = false;\n            var selector = \"sd-simple-text-editable-{{_.id}}\";\n            var element = document.getElementById(selector);\n            if (!element) { return; }\n\n            function initializeContentEditableText () {\n                if (window.BigCommerce && window.BigCommerce.inlineEditor && window.BigCommerce.sendWidgetUpdate) {\n                    editMode = true;\n                    window.BigCommerce.inlineEditor.init({\n                        selector: \"#\" + selector,\n                        editMode: editMode,\n                        onBlur: function (content) {\n                            element.innerHtml = content;\n                            flushChanges(content);\n                        },\n                        onKeyup: flushChanges,\n                        toolbarItems: ['bold', 'italic', 'underline', 'strikethrough', 'link']\n                    });\n                }\n            };\n\n            function flushChanges(content) {\n                var props = {\n                    \"textContent\": content\n                };\n                window.BigCommerce.sendWidgetUpdate(props, \"{{_.id}}\");\n            }\n\n            function setEditMode(data) {\n                editMode = data.editMode;\n                element.dataset.editMode = editMode;\n\n                if (window.BigCommerce && window.BigCommerce.inlineEditor) {\n                    if (editMode) {\n                        initializeContentEditableText()\n                    } else {\n                        window.BigCommerce.inlineEditor.remove(\"#\" + selector);\n                    }\n                }\n            }\n\n            window.addEventListener('message', function (event) {\n                try {\n                    var data = JSON.parse(event.data);\n                } catch (error) {\n                    return;\n                }\n\n                [{\n                    action: 'sdk-loaded',\n                    initiator: 'PAGE_BUILDER',\n                    callback: initializeContentEditableText\n                },{\n                    action: 'toggle-edit-mode',\n                    initiator: 'PAGE_BUILDER',\n                    callback: setEditMode\n                }].forEach(function (handler) {\n                    if (data.action === handler.action && data.initiator === handler.initiator) {\n                        try { handler.callback(data); } catch (error) {}\n                    }\n                })\n            });\n\n            initializeContentEditableText();\n        })();\n    </script>\n{{/if}}\n",
      "date_created": "2024-02-27T02:43:46.594Z",
      "date_modified": "2024-02-27T02:43:46.594Z",
      "kind": "sd-simple-text",
      "storefront_api_query": "",
      "icon_name": "sd-text",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "34ab422f-26ed-473a-bbb1-6a672eaeca49",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "e78c7709-1d09-4144-9313-8d951b158bb5",
      "name": "Image",
      "schema": [
        {
          "type": "tab",
          "label": "Design",
          "sections": [
            {
              "label": "Image",
              "settings": [
                {
                  "type": "imageManager",
                  "id": "imageUrl",
                  "default": {
                    "src": "https://images.unsplash.com/photo-1487700160041-babef9c3cb55?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2000&q=80",
                    "type": "IMAGE_MANAGER"
                  }
                },
                {
                  "type": "select",
                  "label": "Image dimensions",
                  "id": "imageDimensionType",
                  "default": "auto",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Auto",
                        "value": "auto"
                      },
                      {
                        "label": "Custom",
                        "value": "custom"
                      }
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Image height",
                  "id": "imageHeight",
                  "default": {
                    "value": 300,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  },
                  "conditional": {
                    "key": "imageDimensionType",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Image fit",
                  "id": "imageFit",
                  "default": "fit",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Fill to box",
                        "value": "fill"
                      },
                      {
                        "label": "Fit to box",
                        "value": "fit"
                      }
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Image parallax",
                  "id": "imageParallax",
                  "default": "off",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Off",
                        "value": "off"
                      },
                      {
                        "label": "On",
                        "value": "on"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "imageFit",
                    "operator": "IN",
                    "value": [
                      "fill"
                    ]
                  }
                },
                {
                  "type": "range",
                  "label": "Image opacity",
                  "id": "imageOpacity",
                  "default": 100,
                  "typeMeta": {
                    "rangeValues": {
                      "min": 0,
                      "max": 100,
                      "step": 1,
                      "unit": "%"
                    }
                  }
                },
                {
                  "type": "alignment",
                  "label": "Image align",
                  "id": "imageAlignment",
                  "default": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "typeMeta": {
                    "display": "both"
                  }
                },
                {
                  "type": "boxModel",
                  "label": "Margin (px)",
                  "id": "containerMargin",
                  "default": {
                    "top": {
                      "value": "0",
                      "type": "px"
                    },
                    "right": {
                      "value": "0",
                      "type": "px"
                    },
                    "bottom": {
                      "value": "0",
                      "type": "px"
                    },
                    "left": {
                      "value": "0",
                      "type": "px"
                    }
                  }
                },
                {
                  "type": "boxModel",
                  "label": "Padding (px)",
                  "id": "containerPadding",
                  "default": {
                    "top": {
                      "value": "0",
                      "type": "px"
                    },
                    "right": {
                      "value": "0",
                      "type": "px"
                    },
                    "bottom": {
                      "value": "0",
                      "type": "px"
                    },
                    "left": {
                      "value": "0",
                      "type": "px"
                    }
                  }
                }
              ]
            },
            {
              "label": "Border",
              "settings": [
                {
                  "type": "select",
                  "label": "Border style",
                  "id": "borderStyle",
                  "default": "none",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "None",
                        "value": "none"
                      },
                      {
                        "label": "Solid",
                        "value": "solid"
                      },
                      {
                        "label": "Dotted",
                        "value": "dotted"
                      },
                      {
                        "label": "Dashed",
                        "value": "dashed"
                      },
                      {
                        "label": "Double",
                        "value": "double"
                      },
                      {
                        "label": "Groove",
                        "value": "groove"
                      },
                      {
                        "label": "Ridge",
                        "value": "ridge"
                      }
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Border color",
                  "id": "borderColor",
                  "default": "#000000"
                },
                {
                  "type": "range",
                  "label": "Border thickness",
                  "id": "borderThickness",
                  "default": 1,
                  "typeMeta": {
                    "rangeValues": {
                      "min": 0,
                      "max": 10,
                      "step": 1,
                      "unit": "px"
                    }
                  }
                }
              ]
            },
            {
              "label": "Link",
              "settings": [
                {
                  "type": "select",
                  "label": "Image link",
                  "id": "imageUrlType",
                  "default": "none",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "None",
                        "value": "none"
                      },
                      {
                        "label": "Link to URL",
                        "value": "url"
                      }
                    ]
                  }
                },
                {
                  "type": "input",
                  "id": "imageLink",
                  "typeMeta": {
                    "placeholder": "https://"
                  },
                  "conditional": {
                    "key": "imageUrlType",
                    "operator": "IN",
                    "value": [
                      "url"
                    ]
                  }
                }
              ]
            },
            {
              "label": "Seo",
              "settings": [
                {
                  "type": "input",
                  "label": "Alt text",
                  "id": "altText",
                  "default": ""
                }
              ]
            }
          ]
        }
      ],
      "template": "<style>\n    #sd-image-{{_.id}} {\n        display: flex;\n        align-items: center;\n        background: url('{{{imageUrl.src}}}') no-repeat;\n        opacity: calc({{imageOpacity}} / 100);\n\n        {{#if imageUrlType '!==' 'none'}}\n            cursor: pointer;\n        {{/if}}\n\n        {{#if imageFit '===' 'fill'}}\n            background-size: cover;\n            {{#if imageParallax '===' 'on'}}\n                background-attachment: fixed;\n            {{/if}}\n        {{else}}\n            background-size: contain;\n        {{/if}}\n\n        {{#if imageDimensionType '===' 'auto'}}\n            height: auto;\n        {{else}}\n            height: {{imageHeight.value}}{{imageHeight.type}};\n        {{/if}}\n\n        background-position:\n            {{#if imageAlignment.horizontal '===' 'center'}}\n                center\n            {{else if imageAlignment.horizontal '===' 'left'}}\n                left\n            {{else if imageAlignment.horizontal '===' 'right'}}\n                right\n            {{/if}}\n            {{#if imageAlignment.vertical '===' 'middle'}}\n                center\n            {{else if imageAlignment.vertical '===' 'top'}}\n                top\n            {{else if imageAlignment.vertical '===' 'bottom'}}\n                bottom\n            {{/if}};\n\n        {{#if borderStyle '!==' 'none'}}\n            border: {{borderThickness}}px {{borderStyle}} {{borderColor}};\n        {{/if}}\n\n        padding-top: {{containerPadding.top.value}}{{containerPadding.top.type}};\n        padding-right: {{containerPadding.right.value}}{{containerPadding.right.type}};\n        padding-bottom: {{containerPadding.bottom.value}}{{containerPadding.bottom.type}};\n        padding-left: {{containerPadding.left.value}}{{containerPadding.left.type}};\n\n        margin-top: {{containerMargin.top.value}}{{containerMargin.top.type}};\n        margin-right: {{containerMargin.right.value}}{{containerMargin.right.type}};\n        margin-bottom: {{containerMargin.bottom.value}}{{containerMargin.bottom.type}};\n        margin-left: {{containerMargin.left.value}}{{containerMargin.left.type}};\n    }\n\n    #sd-image-{{_.id}} * {\n        margin: 0px;\n    }\n\n    #sd-image-{{_.id}} img {\n        width: auto;\n        opacity: 0;\n\n        {{#if imageDimensionType '===' 'auto'}}\n            height: auto;\n        {{else}}\n            height: 100%;\n        {{/if}}\n    }\n\n    @media only screen and (max-width: 700px) {\n        #sd-image-{{_.id}} {\n            {{#if imageFit '===' 'fill'}}\n                {{#if imageParallax '===' 'on'}}\n                    background-attachment: scroll;\n                {{/if}}\n            {{/if}}\n        }\n    }\n</style>\n\n<div>\n    {{#if imageUrlType '!==' 'none'}}<a href=\"{{imageLink}}\" role=\"button\">{{/if}}\n    <div id=\"sd-image-{{_.id}}\" data-edit-mode=\"{{_.pageBuilderData.previewState.editMode}}\">\n        <img src=\"{{imageUrl.src}}\" alt=\"{{altText}}\">\n    </div>\n    {{#if imageUrlType '!==' 'none'}}</a>{{/if}}\n</div>\n\n\n{{#if _.context.isEditorMode '===' true}}\n    <script type=\"text/javascript\">\n        (function () {\n            var editMode = false;\n            var selector = \"sd-image-{{_.id}}\";\n            var element = document.getElementById(selector);\n            if (!element) { return; }\n\n            function initializeEditMode() {\n                if (window.BigCommerce && window.BigCommerce.inlineEditor) {\n                    editMode = true;\n                }\n            }\n\n            function setEditMode(data) {\n                editMode = data.editMode;\n                element.dataset.editMode = editMode;\n\n                initializeEditMode();\n            }\n\n            window.addEventListener('message', function (event) {\n                try {\n                    var data = JSON.parse(event.data);\n                } catch (error) {\n                    return;\n                }\n\n                [{\n                    action: 'sdk-loaded',\n                    initiator: 'PAGE_BUILDER',\n                    callback: initializeEditMode\n                },{\n                    action: 'toggle-edit-mode',\n                    initiator: 'PAGE_BUILDER',\n                    callback: setEditMode\n                }].forEach(function (handler) {\n                    if (data.action === handler.action && data.initiator === handler.initiator) {\n                        try { handler.callback(data); } catch (error) {}\n                    }\n                })\n            });\n\n            initializeEditMode();\n        })();\n    </script>\n{{/if}}\n",
      "date_created": "2024-02-27T02:43:46.614Z",
      "date_modified": "2024-02-27T02:43:46.614Z",
      "kind": "sd-simple-image-v2",
      "storefront_api_query": "",
      "icon_name": "sd-image",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "e15d5665-a3ab-442a-90e3-7dda0de178a4",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "ceee1550-ddb7-4dac-81ef-b53545035ad3",
      "name": "Hero Banner",
      "schema": [
        {
          "type": "hidden",
          "settings": [
            {
              "id": "title",
              "default": "Hero Banner Title"
            },
            {
              "id": "subtitle",
              "default": "Add a description for this hero banner. This is a great place to highlight a promotion."
            },
            {
              "id": "buttonText",
              "default": "Shop now"
            }
          ]
        },
        {
          "type": "tab",
          "label": "Design",
          "sections": [
            {
              "label": "Banner",
              "settings": [
                {
                  "type": "input",
                  "label": "Banner link",
                  "id": "bannerLink",
                  "default": "",
                  "typeMeta": {
                    "placeholder": "https://"
                  }
                },
                {
                  "type": "alignment",
                  "label": "Content align",
                  "id": "contentAlignment",
                  "default": {
                    "horizontal": "left"
                  },
                  "typeMeta": {
                    "display": "horizontal"
                  }
                },
                {
                  "type": "select",
                  "label": "Banner size",
                  "id": "containerHeight",
                  "default": "small",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Small",
                        "value": "small"
                      },
                      {
                        "label": "Medium",
                        "value": "medium"
                      },
                      {
                        "label": "Large",
                        "value": "large"
                      }
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Background",
                  "id": "backgroundType",
                  "default": "image",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Image",
                        "value": "image"
                      },
                      {
                        "label": "Color",
                        "value": "color"
                      },
                      {
                        "label": "Video",
                        "value": "video"
                      }
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Background color",
                  "id": "backgroundColor",
                  "default": "#444444",
                  "conditional": {
                    "key": "backgroundType",
                    "operator": "IN",
                    "value": [
                      "color"
                    ]
                  }
                },
                {
                  "type": "imageManager",
                  "id": "imageUrl",
                  "default": {
                    "src": "https://images.unsplash.com/photo-1533038590840-1cde6e668a91?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2000&q=100",
                    "type": "IMAGE_MANAGER"
                  },
                  "conditional": {
                    "key": "backgroundType",
                    "operator": "IN",
                    "value": [
                      "image"
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Image fit",
                  "id": "imageFit",
                  "default": "fill",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Fill to box",
                        "value": "fill"
                      },
                      {
                        "label": "Fit to box",
                        "value": "fit"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "backgroundType",
                    "operator": "IN",
                    "value": [
                      "image"
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Image parallax",
                  "id": "imageParallax",
                  "default": "off",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "On",
                        "value": "on"
                      },
                      {
                        "label": "Off",
                        "value": "off"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "backgroundType",
                    "operator": "IN",
                    "value": [
                      "image"
                    ]
                  }
                },
                {
                  "type": "alignment",
                  "label": "Image align",
                  "id": "imageAlignment",
                  "default": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "typeMeta": {
                    "display": "both"
                  },
                  "conditional": {
                    "key": "backgroundType",
                    "operator": "IN",
                    "value": [
                      "image"
                    ]
                  }
                },
                {
                  "type": "range",
                  "label": "Image opacity",
                  "id": "imageOpacity",
                  "default": 100,
                  "typeMeta": {
                    "rangeValues": {
                      "min": 0,
                      "max": 100,
                      "step": 1,
                      "unit": "%"
                    }
                  },
                  "conditional": {
                    "key": "backgroundType",
                    "operator": "IN",
                    "value": [
                      "image"
                    ]
                  }
                },
                {
                  "type": "input",
                  "label": "Video URL (mp4)",
                  "id": "videoUrl",
                  "default": "",
                  "typeMeta": {
                    "placeholder": "https://"
                  },
                  "conditional": {
                    "key": "backgroundType",
                    "operator": "IN",
                    "value": [
                      "video"
                    ]
                  }
                }
              ]
            },
            {
              "label": "Text",
              "settings": [
                {
                  "type": "visibility",
                  "label": "Title",
                  "id": "titleVisible",
                  "default": "show"
                },
                {
                  "type": "typography",
                  "label": "Title style",
                  "id": "titleStyle",
                  "default": "default"
                },
                {
                  "type": "select",
                  "label": "Font family",
                  "id": "titleFontFamily",
                  "default": "inherit",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Theme Default",
                        "value": "inherit"
                      },
                      {
                        "label": "Arial",
                        "value": "Arial, sans-serif"
                      },
                      {
                        "label": "Tahoma",
                        "value": "Tahoma, sans-serif"
                      },
                      {
                        "label": "Verdana",
                        "value": "Verdana, sans-serif"
                      },
                      {
                        "label": "Lucida",
                        "value": "Lucida, sans-serif"
                      },
                      {
                        "label": "Times New Roman",
                        "value": "Times New Roman, serif"
                      },
                      {
                        "label": "Courier",
                        "value": "Courier, serif"
                      },
                      {
                        "label": "Georgia",
                        "value": "Georgia, serif"
                      },
                      {
                        "label": "Palatino",
                        "value": "Palatino, serif"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "titleStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Font weight",
                  "id": "titleFontWeight",
                  "default": "400",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Thin",
                        "value": "100"
                      },
                      {
                        "label": "Extra Light (Ultra Light)",
                        "value": "200"
                      },
                      {
                        "label": "Light",
                        "value": "300"
                      },
                      {
                        "label": "Normal",
                        "value": "400"
                      },
                      {
                        "label": "Medium",
                        "value": "500"
                      },
                      {
                        "label": "Semi Bold (Demi Bold)",
                        "value": "600"
                      },
                      {
                        "label": "Bold",
                        "value": "700"
                      },
                      {
                        "label": "Extra Bold (Ultra Bold)",
                        "value": "800"
                      },
                      {
                        "label": "Black (Heavy)",
                        "value": "900"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "titleStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Font size",
                  "id": "titleFontSize",
                  "default": {
                    "value": 36,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  },
                  "conditional": {
                    "key": "titleStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "visibility",
                  "label": "Description",
                  "id": "descriptionVisible",
                  "default": "show"
                },
                {
                  "type": "typography",
                  "label": "Description style",
                  "id": "descriptionStyle",
                  "default": "default"
                },
                {
                  "type": "select",
                  "label": "Font family",
                  "id": "descriptionFontFamily",
                  "default": "inherit",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Theme Default",
                        "value": "inherit"
                      },
                      {
                        "label": "Arial",
                        "value": "Arial, sans-serif"
                      },
                      {
                        "label": "Tahoma",
                        "value": "Tahoma, sans-serif"
                      },
                      {
                        "label": "Verdana",
                        "value": "Verdana, sans-serif"
                      },
                      {
                        "label": "Lucida",
                        "value": "Lucida, sans-serif"
                      },
                      {
                        "label": "Times New Roman",
                        "value": "Times New Roman, serif"
                      },
                      {
                        "label": "Courier",
                        "value": "Courier, serif"
                      },
                      {
                        "label": "Georgia",
                        "value": "Georgia, serif"
                      },
                      {
                        "label": "Palatino",
                        "value": "Palatino, serif"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "descriptionStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Font weight",
                  "id": "descriptionFontWeight",
                  "default": "400",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Thin",
                        "value": "100"
                      },
                      {
                        "label": "Extra Light (Ultra Light)",
                        "value": "200"
                      },
                      {
                        "label": "Light",
                        "value": "300"
                      },
                      {
                        "label": "Normal",
                        "value": "400"
                      },
                      {
                        "label": "Medium",
                        "value": "500"
                      },
                      {
                        "label": "Semi Bold (Demi Bold)",
                        "value": "600"
                      },
                      {
                        "label": "Bold",
                        "value": "700"
                      },
                      {
                        "label": "Extra Bold (Ultra Bold)",
                        "value": "800"
                      },
                      {
                        "label": "Black (Heavy)",
                        "value": "900"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "descriptionStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Font size",
                  "id": "descriptionFontSize",
                  "default": {
                    "value": 21,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  },
                  "conditional": {
                    "key": "descriptionStyle",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Text color",
                  "id": "textColor",
                  "default": "#444444"
                },
                {
                  "type": "color",
                  "label": "Text color (mobile)",
                  "id": "mobileTextColor",
                  "default": "#444444"
                }
              ]
            },
            {
              "label": "Button",
              "settings": [
                {
                  "type": "visibility",
                  "label": "Button",
                  "id": "buttonVisible",
                  "default": "show"
                },
                {
                  "type": "typography",
                  "label": "Button font",
                  "id": "buttonFont",
                  "default": "default"
                },
                {
                  "type": "select",
                  "label": "Font family",
                  "id": "buttonFontFamily",
                  "default": "inherit",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Theme Default",
                        "value": "inherit"
                      },
                      {
                        "label": "Arial",
                        "value": "Arial, sans-serif"
                      },
                      {
                        "label": "Tahoma",
                        "value": "Tahoma, sans-serif"
                      },
                      {
                        "label": "Verdana",
                        "value": "Verdana, sans-serif"
                      },
                      {
                        "label": "Lucida",
                        "value": "Lucida, sans-serif"
                      },
                      {
                        "label": "Times New Roman",
                        "value": "Times New Roman, serif"
                      },
                      {
                        "label": "Courier",
                        "value": "Courier, serif"
                      },
                      {
                        "label": "Georgia",
                        "value": "Georgia, serif"
                      },
                      {
                        "label": "Palatino",
                        "value": "Palatino, serif"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "buttonFont",
                    "operator": "IN",
                    "value": [
                      "custom"
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Button style",
                  "id": "buttonStyle",
                  "default": "round",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Round",
                        "value": "round"
                      },
                      {
                        "label": "Square",
                        "value": "square"
                      },
                      {
                        "label": "Pill",
                        "value": "pill"
                      }
                    ]
                  },
                  "conditional": {
                    "key": "buttonVisible",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Button color",
                  "id": "buttonColor",
                  "default": "#444444",
                  "conditional": {
                    "key": "buttonVisible",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Button color (mobile)",
                  "id": "mobileButtonColor",
                  "default": "#444444",
                  "conditional": {
                    "key": "buttonVisible",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Button text color",
                  "id": "buttonTextColor",
                  "default": "rgba(255,255,255,1)",
                  "conditional": {
                    "key": "buttonVisible",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                },
                {
                  "type": "color",
                  "label": "Button text (mobile)",
                  "id": "mobileButtonTextColor",
                  "default": "rgba(255,255,255,1)",
                  "conditional": {
                    "key": "buttonVisible",
                    "operator": "IN",
                    "value": [
                      "show"
                    ]
                  }
                }
              ]
            }
          ]
        }
      ],
      "template": "<div id=\"sd-hero-image-{{_.id}}\"></div>\n\n<script type=\"text/javascript\" nonce=\"{{nonce}}\">\n    (function() {\n        const storefrontSRI = 'sha512-Coygf98lwr+It9LwvozxvqEt0D8WwMJ1AVzU1P67jdTOtw2Tymlqx7kGuCyCIlwoBn/iTXxZZ+BhPpn0NeVS3w==';\n        const pageBuilderSRI = 'sha512-Bjn2m/S6TpaUvyTA57wLaJyblfqrf6jvQYjTgrBQ7C7oFKwmlQq5VhxhlQGOQh0o9gLb8lbmFbTUjMvK8qzThg=='\n        const scriptPath = (build) => `https://microapps.bigcommerce.com/hero-image-widget-js/81aa85e9af30b1a25a734aa760e40ccd980d9383/${build}-bundle.js`;\n\n        function loadScript(src, sri, onload) {\n            const scriptTag = document.createElement('script');\n            scriptTag.type = 'text/javascript';\n            scriptTag.defer = true;\n            scriptTag.src = src;\n            scriptTag.integrity = sri;\n            scriptTag.crossOrigin = 'anonymous';\n            scriptTag.nonce = '{{nonce}}';\n            if (onload) {\n                scriptTag.onload = onload;\n            }\n            document.head.appendChild(scriptTag);\n        }\n\n        var widgetConfiguration = {{{json .}}};\n\n        {{#if _.context.isEditorMode '===' true}}\n            if (window.BigCommerce\n                    && window.BigCommerce.initializeHeroImage\n                    && typeof window.BigCommerce.initializeHeroImage === 'function'\n                    && window.BigCommerce.initializeHeroImagePageBuilderComm\n                    && typeof window.BigCommerce.initializeHeroImagePageBuilderComm === 'function') {\n                const heroImage = window.BigCommerce.initializeHeroImage(widgetConfiguration);\n                window.BigCommerce.initializeHeroImagePageBuilderComm(heroImage);\n            } else {\n                loadScript(scriptPath('storefront'), storefrontSRI, () => {\n                    const heroImage = window.BigCommerce.initializeHeroImage(widgetConfiguration);\n                    loadScript(scriptPath('pageBuilder'), pageBuilderSRI, () => {\n                        window.BigCommerce.initializeHeroImagePageBuilderComm(heroImage);\n                    });\n                });\n            }\n        {{else}}\n            if (window.BigCommerce && window.BigCommerce.initializeHeroImage && typeof window.BigCommerce.initializeHeroImage === 'function' ) {\n                window.BigCommerce.initializeHeroImage(widgetConfiguration).render();\n            } else {\n                loadScript(scriptPath('storefront'), storefrontSRI, () => window.BigCommerce.initializeHeroImage(widgetConfiguration).render());\n            }\n        {{/if}}\n    })();\n</script>\n",
      "date_created": "2024-02-27T02:43:46.639Z",
      "date_modified": "2024-02-27T02:43:46.639Z",
      "kind": "sd-hero-image-v2",
      "storefront_api_query": "",
      "icon_name": "sd-hero-image",
      "template_engine": "handlebars_v3",
      "client_rerender": true,
      "current_version_uuid": "a6cd8211-df37-4b72-a9ae-cd344f8cb28a",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "5ff18a25-ff75-42cc-a561-311d9b46f763",
      "name": "Carousel",
      "schema": [
        {
          "type": "array",
          "label": "Carousel",
          "id": "slides",
          "defaultCount": 2,
          "entryLabel": "Slide",
          "thumbnail": {
            "conditionKey": "background.type",
            "thumbnailConditions": {
              "image": {
                "type": "image",
                "valueKey": "background.imageUrl.src"
              },
              "color": {
                "type": "color",
                "valueKey": "background.color"
              }
            }
          },
          "schema": [
            {
              "type": "hidden",
              "settings": [
                {
                  "id": "displayTitle",
                  "default": "Carousel Title"
                },
                {
                  "id": "displaySubtitle",
                  "default": "Add a description for your carousel slide. You can use this to promote multiple sales."
                },
                {
                  "id": "displayButtonText",
                  "default": "Shop now"
                }
              ]
            },
            {
              "type": "tab",
              "label": "Content",
              "sections": [
                {
                  "settings": [
                    {
                      "type": "input",
                      "id": "slideLink",
                      "label": "Slide link",
                      "default": "",
                      "typeMeta": {
                        "placeholder": "https://"
                      }
                    },
                    {
                      "type": "alignment",
                      "label": "Content align",
                      "id": "contentAlignment",
                      "default": {
                        "horizontal": "center",
                        "vertical": "middle"
                      },
                      "typeMeta": {
                        "display": "horizontal"
                      }
                    },
                    {
                      "type": "color",
                      "label": "Text color",
                      "id": "textColor",
                      "default": "#444444"
                    },
                    {
                      "type": "element",
                      "label": "Background",
                      "id": "background",
                      "typeMeta": {
                        "controls": {
                          "advanced": {
                            "label": "Background",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Background",
                                "id": "type",
                                "default": "image",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Image",
                                      "value": "image"
                                    },
                                    {
                                      "label": "Color",
                                      "value": "color"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "color",
                                "label": "Background color",
                                "id": "color",
                                "default": "#444444",
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "color"
                                  ]
                                }
                              },
                              {
                                "type": "imageManager",
                                "id": "imageUrl",
                                "default": {
                                  "src": "https://images.unsplash.com/photo-1517840600399-c7c2ff4c0fb5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1500&q=80",
                                  "type": "IMAGE_MANAGER"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "image"
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Image fit",
                                "id": "imageFit",
                                "default": "fill",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Fill to box",
                                      "value": "fill"
                                    },
                                    {
                                      "label": "Fit to box",
                                      "value": "fit"
                                    }
                                  ]
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "image"
                                  ]
                                }
                              },
                              {
                                "type": "alignment",
                                "label": "Image align",
                                "id": "imageAlignment",
                                "default": {
                                  "horizontal": "center",
                                  "vertical": "middle"
                                },
                                "typeMeta": {
                                  "display": "both"
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "image"
                                  ]
                                }
                              },
                              {
                                "type": "range",
                                "label": "Image opacity",
                                "id": "imageOpacity",
                                "default": 100,
                                "typeMeta": {
                                  "rangeValues": {
                                    "min": 0,
                                    "max": 100,
                                    "step": 1,
                                    "unit": "%"
                                  }
                                },
                                "conditional": {
                                  "key": "type",
                                  "operator": "IN",
                                  "value": [
                                    "image"
                                  ]
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Box",
                      "id": "textBox",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "show"
                          },
                          "advanced": {
                            "label": "Box style",
                            "settings": [
                              {
                                "type": "color",
                                "label": "Box color",
                                "id": "backgroundColor",
                                "default": "#FFFFFF"
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Title",
                      "id": "title",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "show"
                          },
                          "advanced": {
                            "label": "Title style",
                            "settings": [
                              {
                                "type": "typography",
                                "label": "Title",
                                "id": "textStyle",
                                "default": "default"
                              },
                              {
                                "type": "select",
                                "label": "Font family",
                                "id": "fontFamily",
                                "default": "inherit",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Theme Default",
                                      "value": "inherit"
                                    },
                                    {
                                      "label": "Arial",
                                      "value": "Arial, sans-serif"
                                    },
                                    {
                                      "label": "Tahoma",
                                      "value": "Tahoma, sans-serif"
                                    },
                                    {
                                      "label": "Verdana",
                                      "value": "Verdana, sans-serif"
                                    },
                                    {
                                      "label": "Lucida",
                                      "value": "Lucida, sans-serif"
                                    },
                                    {
                                      "label": "Times New Roman",
                                      "value": "Times New Roman, serif"
                                    },
                                    {
                                      "label": "Courier",
                                      "value": "Courier, serif"
                                    },
                                    {
                                      "label": "Georgia",
                                      "value": "Georgia, serif"
                                    },
                                    {
                                      "label": "Palatino",
                                      "value": "Palatino, serif"
                                    }
                                  ]
                                },
                                "conditional": {
                                  "key": "textStyle",
                                  "operator": "IN",
                                  "value": [
                                    "custom"
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Font weight",
                                "id": "fontWeight",
                                "default": "400",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Thin",
                                      "value": "100"
                                    },
                                    {
                                      "label": "Extra Light (Ultra Light)",
                                      "value": "200"
                                    },
                                    {
                                      "label": "Light",
                                      "value": "300"
                                    },
                                    {
                                      "label": "Normal",
                                      "value": "400"
                                    },
                                    {
                                      "label": "Medium",
                                      "value": "500"
                                    },
                                    {
                                      "label": "Semi Bold (Demi Bold)",
                                      "value": "600"
                                    },
                                    {
                                      "label": "Bold",
                                      "value": "700"
                                    },
                                    {
                                      "label": "Extra Bold (Ultra Bold)",
                                      "value": "800"
                                    },
                                    {
                                      "label": "Black (Heavy)",
                                      "value": "900"
                                    }
                                  ]
                                },
                                "conditional": {
                                  "key": "textStyle",
                                  "operator": "IN",
                                  "value": [
                                    "custom"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Font size",
                                "id": "fontSize",
                                "default": {
                                  "value": 36,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "textStyle",
                                  "operator": "IN",
                                  "value": [
                                    "custom"
                                  ]
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Description",
                      "id": "description",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "show"
                          },
                          "advanced": {
                            "label": "Description style",
                            "settings": [
                              {
                                "type": "typography",
                                "label": "Description",
                                "id": "textStyle",
                                "default": "default"
                              },
                              {
                                "type": "select",
                                "label": "Font family",
                                "id": "fontFamily",
                                "default": "inherit",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Theme Default",
                                      "value": "inherit"
                                    },
                                    {
                                      "label": "Arial",
                                      "value": "Arial, sans-serif"
                                    },
                                    {
                                      "label": "Tahoma",
                                      "value": "Tahoma, sans-serif"
                                    },
                                    {
                                      "label": "Verdana",
                                      "value": "Verdana, sans-serif"
                                    },
                                    {
                                      "label": "Lucida",
                                      "value": "Lucida, sans-serif"
                                    },
                                    {
                                      "label": "Times New Roman",
                                      "value": "Times New Roman, serif"
                                    },
                                    {
                                      "label": "Courier",
                                      "value": "Courier, serif"
                                    },
                                    {
                                      "label": "Georgia",
                                      "value": "Georgia, serif"
                                    },
                                    {
                                      "label": "Palatino",
                                      "value": "Palatino, serif"
                                    }
                                  ]
                                },
                                "conditional": {
                                  "key": "textStyle",
                                  "operator": "IN",
                                  "value": [
                                    "custom"
                                  ]
                                }
                              },
                              {
                                "type": "select",
                                "label": "Font weight",
                                "id": "fontWeight",
                                "default": "400",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Thin",
                                      "value": "100"
                                    },
                                    {
                                      "label": "Extra Light (Ultra Light)",
                                      "value": "200"
                                    },
                                    {
                                      "label": "Light",
                                      "value": "300"
                                    },
                                    {
                                      "label": "Normal",
                                      "value": "400"
                                    },
                                    {
                                      "label": "Medium",
                                      "value": "500"
                                    },
                                    {
                                      "label": "Semi Bold (Demi Bold)",
                                      "value": "600"
                                    },
                                    {
                                      "label": "Bold",
                                      "value": "700"
                                    },
                                    {
                                      "label": "Extra Bold (Ultra Bold)",
                                      "value": "800"
                                    },
                                    {
                                      "label": "Black (Heavy)",
                                      "value": "900"
                                    }
                                  ]
                                },
                                "conditional": {
                                  "key": "textStyle",
                                  "operator": "IN",
                                  "value": [
                                    "custom"
                                  ]
                                }
                              },
                              {
                                "type": "number",
                                "label": "Font size",
                                "id": "fontSize",
                                "default": {
                                  "value": 21,
                                  "type": "px"
                                },
                                "typeMeta": {
                                  "parseType": "integer"
                                },
                                "conditional": {
                                  "key": "textStyle",
                                  "operator": "IN",
                                  "value": [
                                    "custom"
                                  ]
                                }
                              }
                            ]
                          }
                        }
                      }
                    },
                    {
                      "type": "element",
                      "label": "Button",
                      "id": "button",
                      "typeMeta": {
                        "controls": {
                          "visibility": {
                            "default": "show"
                          },
                          "advanced": {
                            "label": "Button style",
                            "settings": [
                              {
                                "type": "select",
                                "label": "Button shape",
                                "id": "shape",
                                "default": "round",
                                "typeMeta": {
                                  "selectOptions": [
                                    {
                                      "label": "Round",
                                      "value": "round"
                                    },
                                    {
                                      "label": "Square",
                                      "value": "square"
                                    },
                                    {
                                      "label": "Pill",
                                      "value": "pill"
                                    }
                                  ]
                                }
                              },
                              {
                                "type": "color",
                                "label": "Button color",
                                "id": "buttonColor",
                                "default": "#444444"
                              },
                              {
                                "type": "color",
                                "label": "Button text color",
                                "id": "buttonTextColor",
                                "default": "#FFFFFF"
                              }
                            ]
                          }
                        }
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      "template": "<div id=\"sd-carousel-{{_.id}}\"></div>\n<script type=\"text/javascript\">\n  (function() {\n    const storefrontSRI = 'sha512-BbGuatgSwaX40tvu/XSbAUdPnRs/hpApC9vpxcayKfX6Zw0hyBlHXk2Wt+bWMqIgiyzb7/UkrVxmdgN0gHQcFg==';\n    const pageBuilderSRI = 'sha512-EpDq2X1ykYhLr5I4+csf0gDX6WedsYHjCrscqZZh/Y5aYkcoJ1R0QcXLzcDxsjXHcJvkCimmtVkCq6RsBrjbzg==';\n    const scriptPath = (build) => `https://microapps.bigcommerce.com/carousel-widget-v2-js/8fdf96db7173ca6e46533e7196c77d5fe6888777/${build}-bundle.js`;\n\n    function loadScript(src, sri, onload) {\n      const scriptTag = document.createElement('script');\n      scriptTag.type = 'text/javascript';\n      scriptTag.defer = true;\n      scriptTag.src = src;\n      scriptTag.integrity = sri;\n      scriptTag.crossOrigin = 'anonymous';\n      if (onload) {\n        scriptTag.onload = onload;\n      }\n      document.head.appendChild(scriptTag);\n    }\n\n    var widgetOptions = {{{json .}}};\n\n    {{#if _.context.isEditorMode '===' true}}\n      if (window.BigCommerce && window.BigCommerce.initializeCarouselV2 && typeof window.BigCommerce.initializeCarouselV2 === 'function' && window.BigCommerce.initializeCarouselPageBuilderComm && typeof window.BigCommerce.initializeCarouselPageBuilderComm === 'function') {\n        const carousel = window.BigCommerce.initializeCarouselV2(widgetOptions);\n        window.BigCommerce.initializeCarouselPageBuilderComm(carousel);\n      } else {\n        loadScript(scriptPath('storefront'), storefrontSRI, () => {\n          const carousel = window.BigCommerce.initializeCarouselV2(widgetOptions);\n          loadScript(scriptPath('pageBuilder'), pageBuilderSRI, () => {\n            window.BigCommerce.initializeCarouselPageBuilderComm(carousel);\n          });\n        });\n      }\n    {{else}}\n      if (window.BigCommerce && window.BigCommerce.initializeCarouselV2 && typeof window.BigCommerce.initializeCarouselV2 === 'function') {\n        window.BigCommerce.initializeCarouselV2(widgetOptions).setup();\n      } else {\n        loadScript(scriptPath('storefront'), storefrontSRI, () => window.BigCommerce.initializeCarouselV2(widgetOptions).setup());\n      }\n    {{/if}}\n  })();\n</script>\n",
      "date_created": "2024-02-27T02:43:46.667Z",
      "date_modified": "2024-02-27T02:43:46.667Z",
      "kind": "sd-carousel-v2",
      "storefront_api_query": "",
      "icon_name": "sd-carousel",
      "template_engine": "handlebars_v3",
      "client_rerender": true,
      "current_version_uuid": "894ed2cb-f52c-4423-a00c-8d8638e89ab8",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "ee808371-2043-42e1-9edb-f63b94a325e0",
      "name": "Video",
      "schema": [
        {
          "type": "tab",
          "label": "Content",
          "sections": [
            {
              "settings": [
                {
                  "type": "regexInput",
                  "label": "Video URL (YouTube or Vimeo)",
                  "id": "videoUrl",
                  "default": "",
                  "typeMeta": {
                    "placeholder": "https://",
                    "regExPatterns": [
                      {
                        "pattern": "(http:|https:|)\\/\\/(player.|www.)?(vimeo\\.com|youtu(be\\.com|\\.be|be\\.googleapis\\.com))\\/(video\\/|embed\\/|watch\\?v=|v\\/)?([A-Za-z0-9._%-]*)(\\&\\S+)?",
                        "matchIndex": 6,
                        "configKey": "id"
                      },
                      {
                        "pattern": "(vimeo|youtube|youtu)",
                        "matchIndex": 0,
                        "configKey": "type"
                      }
                    ]
                  }
                },
                {
                  "type": "boolean",
                  "label": "Autoplay video",
                  "id": "autoplay",
                  "default": false,
                  "conditional": {
                    "key": "videoUrl.parts.type",
                    "operator": "IN",
                    "value": [
                      "youtube",
                      "youtu"
                    ]
                  }
                },
                {
                  "type": "boolean",
                  "label": "Loop video",
                  "id": "loop",
                  "default": false,
                  "conditional": {
                    "key": "videoUrl.parts.type",
                    "operator": "IN",
                    "value": [
                      "vimeo",
                      "youtube",
                      "youtu"
                    ]
                  }
                },
                {
                  "type": "boolean",
                  "label": "Display video controls",
                  "id": "controls",
                  "default": true,
                  "conditional": {
                    "key": "videoUrl.parts.type",
                    "operator": "IN",
                    "value": [
                      "youtube",
                      "youtu"
                    ]
                  }
                }
              ]
            }
          ]
        }
      ],
      "template": "<style>\n    .container-{{_.id}} {\n        position: relative;\n        width: 100%;\n        height: 0;\n        padding-bottom: 56.25%;\n    }\n    #player-{{_.id}} {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n</style>\n<div class=\"container-{{_.id}}\">\n    {{#if videoUrl.value '===' ''}}\n        <style>\n            .invalid-input-{{_.id}} {\n                height: 100%;\n                width: 100%;\n                display: flex;\n                align-items: center;\n                background: #F6F7FC;\n                justify-content: center;\n                position: absolute;\n            }\n\n            .invalid-input-{{_.id}} > svg {\n                height: 100%;\n                width: 20%;\n            }\n\n            .invalid-input-{{_.id}} > svg > rect {\n                fill: #D9DCE9;\n            }\n\n            .invalid-input-{{_.id}} > svg > path {\n                fill: #FFFFFF;\n            }\n        </style>\n        <div class=\"invalid-input-{{_.id}}\">\n            <!-- Waiting for input from user -->\n            <svg viewBox=\"0 0 182 115\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <rect width=\"182\" height=\"114.947\" rx=\"10\"/>\n                <path d=\"M120.952 53.2903C122.425 54.0275 122.425 56.1302 120.952 56.8674L73.5397 80.591C72.2099 81.2564\n                 70.6448 80.2895 70.6448 78.8024V31.3552C70.6448 29.8682 72.2099 28.9012 73.5397 29.5667L120.952 53.2903Z\"\n                />\n            </svg>\n        </div>\n    {{else}}\n        {{#unless videoUrl.parts.type}}\n            <style>\n                .invalid-input-{{_.id}} {\n                    text-align: center;\n                }\n            </style>\n            <div class=\"invalid-input-{{_.id}}\">\n                <h3>Invalid URL entered</h3>\n            </div>\n        {{else}}\n            {{#unless videoUrl.parts.id}}\n            <style>\n                .invalid-input-{{_.id}} {\n                    text-align: center;\n                }\n            </style>\n            <div class=\"invalid-input-{{_.id}}\">\n                <h3>Invalid URL entered</h3>\n            </div>\n            {{/unless}}\n        {{/unless}}\n    {{/if}}\n\n    {{#contains 'youtube' videoUrl.parts.type}}\n        {{#if videoUrl.parts.id}}\n            <iframe\n                    id=\"player-{{_.id}}\"\n                    type=\"text/html\"\n                    src=\"https://www.youtube.com/embed/{{videoUrl.parts.id}}?enablejsapi=1&autoplay={{#if autoplay}}1{{else}}0{{/if}}&controls={{#if controls}}1{{else}}0{{/if}}&fs=1&loop={{#if loop}}1&playlist={{videoUrl.parts.id}}{{else}}0{{/if}}&rel=0&mute={{#if autoplay}}1{{else}}0{{/if}}\"\n                    frameborder=\"0\"\n                    webkitallowfullscreen\n                    mozallowfullscreen\n                    allowfullscreen\n                    {{#if _.pageBuilderData.previewState.editMode}}onload=\"initDevMode(this)\"{{/if}}\n            ></iframe>\n        {{/if}}\n    {{/contains}}\n    {{#if videoUrl.parts.type '===' 'vimeo'}}\n        {{#if videoUrl.parts.id}}\n            <iframe\n                    id=\"player-{{_.id}}\"\n                    src=\"https://player.vimeo.com/video/{{videoUrl.parts.id}}?api=1&autoplay={{#if autoplay}}1{{else}}0{{/if}}&loop={{#if loop}}1{{else}}0{{/if}}\"\n                    frameborder=\"0\"\n                    webkitallowfullscreen\n                    mozallowfullscreen\n                    allowfullscreen\n                    {{#if _.pageBuilderData.previewState.editMode}}onload=\"initDevMode(this)\"{{/if}}\n            ></iframe>\n        {{/if}}\n    {{/if}}\n</div>\n\n<script type=\"text/javascript\">\n    function devVideoPlayModes(iframe, data) {\n        if (data.editMode) {\n            iframe.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"pauseVideo\",\"method\":\"pause\"}', '*');\n        } else {\n            var src = iframe.getAttribute('src');\n            var url = new URL(src);\n            var autoplay = new URLSearchParams(url.search).get('autoplay');\n            \n            if (autoplay === '1') {\n                iframe.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"playVideo\",\"method\":\"play\"}', '*');\n            }\n\n        }\n    }\n\n    function initDevMode(iframe) {\n        iframe.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"stopVideo\",\"method\":\"end\"}', '*');\n    }\n\n    window.addEventListener('message', function load(event) {\n        try {\n            var data = JSON.parse(event.data);\n        } catch (e) { return; }\n\n        var iframe = document.querySelector('#player-{{_.id}}');\n        if (!iframe) {\n            window.removeEventListener('message', load);\n            return;\n        }\n\n        [{\n            action: 'toggle-edit-mode',\n            initiator: 'PAGE_BUILDER',\n            callback: devVideoPlayModes\n        }, {\n            action: 'sdk-loaded',\n            initiator: 'PAGE_BUILDER',\n            callback: initDevMode\n        }].forEach(function(handler) {\n            if (data.action === handler.action && data.initiator === handler.initiator) {\n                try { handler.callback(iframe, data); } catch (error) {}\n            }\n        })\n    });\n</script>\n",
      "date_created": "2024-02-27T02:43:46.691Z",
      "date_modified": "2024-02-27T02:43:46.691Z",
      "kind": "sd-video",
      "storefront_api_query": "",
      "icon_name": "sd-video",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "cb2a9b34-face-4101-bc1f-1f13ab9885d5",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "56c01cc3-4e64-4d83-9b5b-1a4ecd717f10",
      "name": "Product",
      "schema": [
        {
          "type": "hidden",
          "settings": [
            {
              "type": "graphQl",
              "id": "graphQueries",
              "typeMeta": {
                "mappings": {
                  "productId": {
                    "reads": "productId",
                    "type": "Int"
                  }
                }
              }
            }
          ]
        },
        {
          "type": "tab",
          "label": "Content",
          "sections": [
            {
              "label": "Product",
              "settings": [
                {
                  "type": "productId",
                  "label": "Product",
                  "id": "productId",
                  "default": "",
                  "typeMeta": {
                    "placeholder": "Search by name or SKU"
                  }
                }
              ]
            },
            {
              "label": "Elements",
              "settings": [
                {
                  "type": "alignment",
                  "label": "Content alignment",
                  "id": "productCardContentAlignment",
                  "default": {
                    "horizontal": "center"
                  },
                  "typeMeta": {
                    "display": "horizontal"
                  }
                },
                {
                  "type": "element",
                  "label": "Product image",
                  "id": "productImage",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "show"
                      },
                      "advanced": {
                        "label": "Product image style",
                        "settings": [
                          {
                            "type": "select",
                            "label": "Image fit",
                            "id": "imageFit",
                            "default": "fill",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Scale to fill box",
                                  "value": "fill"
                                },
                                {
                                  "label": "Scale to fit box",
                                  "value": "fit"
                                }
                              ]
                            }
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Brand",
                  "id": "brand",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "show"
                      },
                      "advanced": {
                        "label": "Brand style",
                        "settings": [
                          {
                            "type": "typography",
                            "label": "Text",
                            "id": "textStyle",
                            "default": "default"
                          },
                          {
                            "type": "color",
                            "label": "Text color",
                            "id": "color",
                            "default": "#444444"
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Product name",
                  "id": "productName",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "show"
                      },
                      "advanced": {
                        "label": "Product name style",
                        "settings": [
                          {
                            "type": "typography",
                            "label": "Text",
                            "id": "textStyle",
                            "default": "default"
                          },
                          {
                            "type": "color",
                            "label": "Text color",
                            "id": "color",
                            "default": "#444444"
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Price",
                  "id": "price",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "show"
                      },
                      "advanced": {
                        "label": "Price style",
                        "settings": [
                          {
                            "type": "typography",
                            "label": "Text",
                            "id": "textStyle",
                            "default": "default"
                          },
                          {
                            "type": "color",
                            "label": "Text color",
                            "id": "color",
                            "default": "#444444"
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Product rating",
                  "id": "productRating",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "hide"
                      },
                      "advanced": {
                        "label": "Product rating style",
                        "settings": [
                          {
                            "type": "color",
                            "label": "Star color (filled)",
                            "id": "starColorFilled",
                            "default": "#3C64F4"
                          },
                          {
                            "type": "color",
                            "label": "Star color (empty)",
                            "id": "starColorEmpty",
                            "default": "#ECEEF5"
                          },
                          {
                            "type": "color",
                            "label": "Reviews text color",
                            "id": "reviewsColor",
                            "default": "#8C93AD"
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Button",
                  "id": "button",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "hide"
                      },
                      "advanced": {
                        "label": "Button style",
                        "settings": [
                          {
                            "type": "select",
                            "label": "Button shape",
                            "id": "shape",
                            "default": "round",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Round",
                                  "value": "round"
                                },
                                {
                                  "label": "Square",
                                  "value": "square"
                                },
                                {
                                  "label": "Pill",
                                  "value": "pill"
                                }
                              ]
                            }
                          },
                          {
                            "type": "color",
                            "label": "Button color",
                            "id": "buttonColor",
                            "default": "rgba(68,68,68,1)"
                          },
                          {
                            "type": "typography",
                            "label": "Button text",
                            "id": "textStyle",
                            "default": "default"
                          },
                          {
                            "type": "color",
                            "label": "Button text color",
                            "id": "buttonTextColor",
                            "default": "rgba(255,255,255,1)"
                          },
                          {
                            "type": "select",
                            "label": "Button action",
                            "id": "buttonActionType",
                            "default": "addToCart",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Add to Cart",
                                  "value": "addToCart"
                                },
                                {
                                  "label": "Add to Wishlist",
                                  "value": "addToWishlist"
                                },
                                {
                                  "label": "Go to Product Page",
                                  "value": "goToProduct"
                                }
                              ]
                            }
                          }
                        ]
                      }
                    }
                  }
                }
              ]
            }
          ]
        }
      ],
      "template": "<div id=\"bc-product-{{_.id}}\"></div>\n\n{{#with ../_.data.site.product as | productResource |}}\n  {{#if productResource.entityId \"==\" productId}}\n    <script type=\"application/ld+json\" nonce=\"{{nonce}}\">\n      {\n        \"@context\": \"https://schema.org/\",\n        \"@type\": \"Product\",\n        \"name\": \"{{productResource.name}}\",\n        \"image\": \"{{productResource.defaultImage.url}}\",\n        \"brand\": \"{{productResource.brand.name}}\",\n        \"sku\": \"{{productResource.sku}}\",\n        \"aggregateRating\": {\n          \"@type\": \"AggregateRating\",\n          {{#if productResource.reviewSummary.summationOfRatings \"==\" 0}}\n          \"ratingValue\": \"0\",\n          {{else}}\n          \"ratingValue\": \"{{divide productResource.reviewSummary.summationOfRatings productResource.reviewSummary.numberOfReviews}}\",\n          {{/if}}\n          \"reviewCount\": \"{{productResource.reviewSummary.numberOfReviews}}\"\n        },\n        \"offers\": {\n          \"@type\": \"Offer\",\n          \"priceCurrency\": \"{{productResource.prices.price.currencyCode}}\",\n          \"price\": \"{{productResource.prices.price.value}}\",\n          \"seller\": {\n            \"@type\": \"Organization\",\n            \"name\": \"{{../../../_.data.site.settings.storeName}}\"\n          }\n        }\n      }\n    </script>\n  {{/if}}\n{{/with}}\n\n<script type=\"text/javascript\" nonce=\"{{nonce}}\">\n  (function() {\n    var widgetConfiguration = {{{json .}}};\n    var dataIsNotPresent = typeof widgetConfiguration._.data === 'undefined' || Object.keys(widgetConfiguration._.data || {}).length === 0;\n    var storefrontApiQueryData = widgetConfiguration._.queryData;\n\n    function executeStorefrontApiQuery(queryData, callback) {\n      // Fetch data from the GraphQL Storefront API\n      var storefrontApiRequest = new XMLHttpRequest(); // IE compatible\n      storefrontApiRequest.onreadystatechange = function() {\n        if (this.readyState == 4 && this.status == 200) {\n          callback(JSON.parse(this.response).data);\n        }\n      };\n\n      storefrontApiRequest.open('POST', `/graphql`, true);\n      storefrontApiRequest.setRequestHeader('Authorization', `Bearer ${queryData.storefrontApiToken}`);\n      storefrontApiRequest.setRequestHeader('Content-type', 'application/json');\n      storefrontApiRequest.send(JSON.stringify({ query: queryData.storefrontApiQuery, variables: JSON.parse(queryData.storefrontApiQueryParamsJson) }));\n    }\n\n    function executeWidget(configuration, storefrontApiData) {\n      if (storefrontApiData) {\n        configuration._.data = storefrontApiData;\n      }\n\n      if (window.BigCommerce && window.BigCommerce.initializeProduct && typeof window.BigCommerce.initializeProduct === 'function') {\n        window.BigCommerce.initializeProduct(configuration);\n      } else {\n        var scriptTag = document.createElement('script');\n        scriptTag.type = 'text/javascript';\n        scriptTag.src = 'https://microapps.bigcommerce.com/product-widget/dab8b491d2f9685813bdbf7635bdbe7614df7f41/bundle.js';\n        scriptTag.integrity = 'sha512-PDHgWqo35khUfkIfk/4FfUGhGGzLwJl8HRrznKXCUdcJqoh2SipYhKCYPjKquydSz1tUPWkKD/YwOMM9JhS1fA=='\n        scriptTag.crossOrigin = 'anonymous';\n        scriptTag.defer = true;\n        scriptTag.onload = function () { window.BigCommerce.initializeProduct(configuration) };\n        scriptTag.nonce = '{{nonce}}';\n        document.head.appendChild(scriptTag);\n      }\n    }\n\n    if (dataIsNotPresent && storefrontApiQueryData) {\n      executeStorefrontApiQuery(storefrontApiQueryData, function(storefrontApiData) { executeWidget(widgetConfiguration, storefrontApiData) });\n    } else {\n      executeWidget(widgetConfiguration);\n    }\n  })();\n</script>\n",
      "date_created": "2024-02-27T02:43:46.715Z",
      "date_modified": "2024-02-27T02:43:46.715Z",
      "kind": "sd-product",
      "storefront_api_query": "query Product($productId: Int, $activeCurrencyCode: currencyCode!) {\n  site {\n    settings {\n      storeName\n      tax {\n        plp\n      }\n    }\n    currency(currencyCode: $activeCurrencyCode) {\n      display {\n        symbol\n        symbolPlacement\n        decimalToken\n        decimalPlaces\n        thousandsToken\n      }\n    }\n    product(entityId: $productId) {\n      name\n      entityId\n      addToCartUrl\n      addToWishlistUrl\n      brand {\n        name\n      }\n      path\n      sku\n      priceWithTax: prices(includeTax: true, currencyCode: $activeCurrencyCode) {\n        price {\n          currencyCode\n          value\n        }\n      }\n      priceWithoutTax: prices(includeTax: false, currencyCode: $activeCurrencyCode) {\n        price {\n          currencyCode\n          value\n        }\n      }\n      reviewSummary {\n        summationOfRatings\n        numberOfReviews\n      }\n      defaultImage {\n        url(width: 1500, height: 1500)\n      }\n    }\n  }\n}\n\n",
      "icon_name": "sd-product",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "0237468b-16f7-491e-98c2-61905cca2e3c",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "930bc10e-3836-45e8-827c-604bee6a3680",
      "name": "Product set",
      "schema": [
        {
          "type": "hidden",
          "settings": [
            {
              "type": "graphQl",
              "id": "graphQueries",
              "typeMeta": {
                "mappings": {
                  "productIds": {
                    "reads": "product.value.*.productId",
                    "type": "Int!"
                  }
                }
              }
            }
          ]
        },
        {
          "type": "tab",
          "label": "Content",
          "sections": [
            {
              "label": "Products",
              "settings": [
                {
                  "type": "productSet",
                  "label": "Product Set",
                  "id": "product",
                  "entryLabel": "Product",
                  "default": {
                    "type": "manual",
                    "value": []
                  }
                }
              ],
              "typeMeta": {
                "type": "setSection"
              }
            },
            {
              "label": "Elements",
              "settings": [
                {
                  "type": "alignment",
                  "label": "Content alignment",
                  "id": "productCardContentAlignment",
                  "default": {
                    "horizontal": "center"
                  },
                  "typeMeta": {
                    "display": "horizontal"
                  }
                },
                {
                  "type": "select",
                  "label": "Products per slide",
                  "default": 4,
                  "id": "productsPerSlide",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "1",
                        "value": 1
                      },
                      {
                        "label": "2",
                        "value": 2
                      },
                      {
                        "label": "3",
                        "value": 3
                      },
                      {
                        "label": "4",
                        "value": 4
                      }
                    ]
                  }
                },
                {
                  "type": "element",
                  "label": "Product image",
                  "id": "productImage",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "show"
                      },
                      "advanced": {
                        "label": "Product image style",
                        "settings": [
                          {
                            "type": "select",
                            "label": "Image fit",
                            "id": "imageFit",
                            "default": "fill",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Scale to fill box",
                                  "value": "fill"
                                },
                                {
                                  "label": "Scale to fit box",
                                  "value": "fit"
                                }
                              ]
                            }
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Brand",
                  "id": "brand",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "show"
                      },
                      "advanced": {
                        "label": "Brand style",
                        "settings": [
                          {
                            "type": "typography",
                            "label": "Text",
                            "id": "textStyle",
                            "default": "default"
                          },
                          {
                            "type": "color",
                            "label": "Text color",
                            "id": "color",
                            "default": "#444444"
                          },
                          {
                            "type": "select",
                            "label": "Font family",
                            "id": "fontFamily",
                            "default": "inherit",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Theme Default",
                                  "value": "inherit"
                                },
                                {
                                  "label": "Arial",
                                  "value": "Arial, sans-serif"
                                },
                                {
                                  "label": "Tahoma",
                                  "value": "Tahoma, sans-serif"
                                },
                                {
                                  "label": "Verdana",
                                  "value": "Verdana, sans-serif"
                                },
                                {
                                  "label": "Lucida",
                                  "value": "Lucida, sans-serif"
                                },
                                {
                                  "label": "Times New Roman",
                                  "value": "Times New Roman, serif"
                                },
                                {
                                  "label": "Courier",
                                  "value": "Courier, serif"
                                },
                                {
                                  "label": "Georgia",
                                  "value": "Georgia, serif"
                                },
                                {
                                  "label": "Palatino",
                                  "value": "Palatino, serif"
                                }
                              ]
                            },
                            "conditional": {
                              "key": "textStyle",
                              "operator": "IN",
                              "value": [
                                "custom"
                              ]
                            }
                          },
                          {
                            "type": "select",
                            "label": "Font weight",
                            "id": "fontWeight",
                            "default": "400",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Thin",
                                  "value": "100"
                                },
                                {
                                  "label": "Extra Light (Ultra Light)",
                                  "value": "200"
                                },
                                {
                                  "label": "Light",
                                  "value": "300"
                                },
                                {
                                  "label": "Normal",
                                  "value": "400"
                                },
                                {
                                  "label": "Medium",
                                  "value": "500"
                                },
                                {
                                  "label": "Semi Bold (Demi Bold)",
                                  "value": "600"
                                },
                                {
                                  "label": "Bold",
                                  "value": "700"
                                },
                                {
                                  "label": "Extra Bold (Ultra Bold)",
                                  "value": "800"
                                },
                                {
                                  "label": "Black (Heavy)",
                                  "value": "900"
                                }
                              ]
                            },
                            "conditional": {
                              "key": "textStyle",
                              "operator": "IN",
                              "value": [
                                "custom"
                              ]
                            }
                          },
                          {
                            "type": "number",
                            "label": "Font size",
                            "id": "fontSize",
                            "default": {
                              "value": 36,
                              "type": "px"
                            },
                            "typeMeta": {
                              "parseType": "integer"
                            },
                            "conditional": {
                              "key": "textStyle",
                              "operator": "IN",
                              "value": [
                                "custom"
                              ]
                            }
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Product name",
                  "id": "productName",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "show"
                      },
                      "advanced": {
                        "label": "Product name style",
                        "settings": [
                          {
                            "type": "typography",
                            "label": "Text",
                            "id": "textStyle",
                            "default": "default"
                          },
                          {
                            "type": "color",
                            "label": "Text color",
                            "id": "color",
                            "default": "#444444"
                          },
                          {
                            "type": "select",
                            "label": "Font family",
                            "id": "fontFamily",
                            "default": "inherit",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Theme Default",
                                  "value": "inherit"
                                },
                                {
                                  "label": "Arial",
                                  "value": "Arial, sans-serif"
                                },
                                {
                                  "label": "Tahoma",
                                  "value": "Tahoma, sans-serif"
                                },
                                {
                                  "label": "Verdana",
                                  "value": "Verdana, sans-serif"
                                },
                                {
                                  "label": "Lucida",
                                  "value": "Lucida, sans-serif"
                                },
                                {
                                  "label": "Times New Roman",
                                  "value": "Times New Roman, serif"
                                },
                                {
                                  "label": "Courier",
                                  "value": "Courier, serif"
                                },
                                {
                                  "label": "Georgia",
                                  "value": "Georgia, serif"
                                },
                                {
                                  "label": "Palatino",
                                  "value": "Palatino, serif"
                                }
                              ]
                            },
                            "conditional": {
                              "key": "textStyle",
                              "operator": "IN",
                              "value": [
                                "custom"
                              ]
                            }
                          },
                          {
                            "type": "select",
                            "label": "Font weight",
                            "id": "fontWeight",
                            "default": "400",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Thin",
                                  "value": "100"
                                },
                                {
                                  "label": "Extra Light (Ultra Light)",
                                  "value": "200"
                                },
                                {
                                  "label": "Light",
                                  "value": "300"
                                },
                                {
                                  "label": "Normal",
                                  "value": "400"
                                },
                                {
                                  "label": "Medium",
                                  "value": "500"
                                },
                                {
                                  "label": "Semi Bold (Demi Bold)",
                                  "value": "600"
                                },
                                {
                                  "label": "Bold",
                                  "value": "700"
                                },
                                {
                                  "label": "Extra Bold (Ultra Bold)",
                                  "value": "800"
                                },
                                {
                                  "label": "Black (Heavy)",
                                  "value": "900"
                                }
                              ]
                            },
                            "conditional": {
                              "key": "textStyle",
                              "operator": "IN",
                              "value": [
                                "custom"
                              ]
                            }
                          },
                          {
                            "type": "number",
                            "label": "Font size",
                            "id": "fontSize",
                            "default": {
                              "value": 36,
                              "type": "px"
                            },
                            "typeMeta": {
                              "parseType": "integer"
                            },
                            "conditional": {
                              "key": "textStyle",
                              "operator": "IN",
                              "value": [
                                "custom"
                              ]
                            }
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Price",
                  "id": "price",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "show"
                      },
                      "advanced": {
                        "label": "Price style",
                        "settings": [
                          {
                            "type": "typography",
                            "label": "Text",
                            "id": "textStyle",
                            "default": "default"
                          },
                          {
                            "type": "color",
                            "label": "Text color",
                            "id": "color",
                            "default": "#444444"
                          },
                          {
                            "type": "select",
                            "label": "Font family",
                            "id": "fontFamily",
                            "default": "inherit",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Theme Default",
                                  "value": "inherit"
                                },
                                {
                                  "label": "Arial",
                                  "value": "Arial, sans-serif"
                                },
                                {
                                  "label": "Tahoma",
                                  "value": "Tahoma, sans-serif"
                                },
                                {
                                  "label": "Verdana",
                                  "value": "Verdana, sans-serif"
                                },
                                {
                                  "label": "Lucida",
                                  "value": "Lucida, sans-serif"
                                },
                                {
                                  "label": "Times New Roman",
                                  "value": "Times New Roman, serif"
                                },
                                {
                                  "label": "Courier",
                                  "value": "Courier, serif"
                                },
                                {
                                  "label": "Georgia",
                                  "value": "Georgia, serif"
                                },
                                {
                                  "label": "Palatino",
                                  "value": "Palatino, serif"
                                }
                              ]
                            },
                            "conditional": {
                              "key": "textStyle",
                              "operator": "IN",
                              "value": [
                                "custom"
                              ]
                            }
                          },
                          {
                            "type": "select",
                            "label": "Font weight",
                            "id": "fontWeight",
                            "default": "400",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Thin",
                                  "value": "100"
                                },
                                {
                                  "label": "Extra Light (Ultra Light)",
                                  "value": "200"
                                },
                                {
                                  "label": "Light",
                                  "value": "300"
                                },
                                {
                                  "label": "Normal",
                                  "value": "400"
                                },
                                {
                                  "label": "Medium",
                                  "value": "500"
                                },
                                {
                                  "label": "Semi Bold (Demi Bold)",
                                  "value": "600"
                                },
                                {
                                  "label": "Bold",
                                  "value": "700"
                                },
                                {
                                  "label": "Extra Bold (Ultra Bold)",
                                  "value": "800"
                                },
                                {
                                  "label": "Black (Heavy)",
                                  "value": "900"
                                }
                              ]
                            },
                            "conditional": {
                              "key": "textStyle",
                              "operator": "IN",
                              "value": [
                                "custom"
                              ]
                            }
                          },
                          {
                            "type": "number",
                            "label": "Font size",
                            "id": "fontSize",
                            "default": {
                              "value": 36,
                              "type": "px"
                            },
                            "typeMeta": {
                              "parseType": "integer"
                            },
                            "conditional": {
                              "key": "textStyle",
                              "operator": "IN",
                              "value": [
                                "custom"
                              ]
                            }
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Product rating",
                  "id": "productRating",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "hide"
                      },
                      "advanced": {
                        "label": "Product rating style",
                        "settings": [
                          {
                            "type": "color",
                            "label": "Star color (filled)",
                            "id": "starColorFilled",
                            "default": "#3C64F4"
                          },
                          {
                            "type": "color",
                            "label": "Star color (empty)",
                            "id": "starColorEmpty",
                            "default": "#ECEEF5"
                          },
                          {
                            "type": "color",
                            "label": "Reviews text color",
                            "id": "reviewsColor",
                            "default": "#8C93AD"
                          }
                        ]
                      }
                    }
                  }
                },
                {
                  "type": "element",
                  "label": "Button",
                  "id": "button",
                  "typeMeta": {
                    "controls": {
                      "visibility": {
                        "default": "hide"
                      },
                      "advanced": {
                        "label": "Button style",
                        "settings": [
                          {
                            "type": "select",
                            "label": "Button shape",
                            "id": "shape",
                            "default": "round",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Round",
                                  "value": "round"
                                },
                                {
                                  "label": "Square",
                                  "value": "square"
                                },
                                {
                                  "label": "Pill",
                                  "value": "pill"
                                }
                              ]
                            }
                          },
                          {
                            "type": "color",
                            "label": "Button color",
                            "id": "buttonColor",
                            "default": "rgba(68,68,68,1)"
                          },
                          {
                            "type": "color",
                            "label": "Button text color",
                            "id": "buttonTextColor",
                            "default": "rgba(255,255,255,1)"
                          },
                          {
                            "type": "select",
                            "label": "Button action",
                            "id": "buttonActionType",
                            "default": "addToCart",
                            "typeMeta": {
                              "selectOptions": [
                                {
                                  "label": "Add to Cart",
                                  "value": "addToCart"
                                },
                                {
                                  "label": "Add to Wishlist",
                                  "value": "addToWishlist"
                                },
                                {
                                  "label": "Go to Product Page",
                                  "value": "goToProduct"
                                }
                              ]
                            }
                          }
                        ]
                      }
                    }
                  }
                }
              ]
            }
          ]
        }
      ],
      "template": "<div id=\"sd-product-set-{{_.id}}\"></div>\n\n{{#each products as |product|}}\n  {{#each ../_.data.site.products.edges as |productResource|}}\n    {{#if productResource.node.entityId \"==\" product.productId}}\n      <script type=\"application/ld+json\" nonce=\"{{nonce}}\">\n        {\n          \"@context\": \"https://schema.org/\",\n          \"@type\": \"Product\",\n          \"name\": \"{{productResource.node.name}}\",\n          \"image\": \"{{productResource.node.defaultImage.url}}\",\n          \"description\": \"{{product.productDescription}}\",\n          \"sku\": \"{{productResource.node.sku}}\",\n          \"aggregateRating\": {\n            \"@type\": \"AggregateRating\",\n            {{#if productResource.node.reviewSummary.summationOfRatings \"==\" 0}}\n            \"ratingValue\": \"0\",\n            {{else}}\n            \"ratingValue\": \"{{divide productResource.node.reviewSummary.summationOfRatings productResource.node.reviewSummary.numberOfReviews}}\",\n            {{/if}}\n            \"reviewCount\": \"{{productResource.node.reviewSummary.numberOfReviews}}\"\n          },\n          \"offers\": {\n            \"@type\": \"Offer\",\n            \"priceCurrency\": \"{{productResource.node.prices.price.currencyCode}}\",\n            \"price\": \"{{productResource.node.prices.price.value}}\",\n            \"seller\": {\n              \"@type\": \"Organization\",\n              \"name\": \"{{../../../_.data.site.settings.storeName}}\"\n            }\n          }\n        }\n      </script>\n    {{/if}}\n  {{/each}}\n{{/each}}\n\n<script type=\"text/javascript\" nonce=\"{{nonce}}\">\n  (function() {\n    const storefrontSRI = 'sha512-PNLKymbMDMT5J7TxhLhyCwalnowXRuXsXznAL3N2XjvENv3HYFVTWSaFYYZGgWQQWFcBsuG/MMN4oF8ro1Qxsw==';\n    const pageBuilderSRI = 'sha512-F6LP2My9MC0QjpH4eYA1hxwNB8wutmKJaxdhE+PoOuN5264DCYgOsuINxFLq7A+vOEBSL9hGX/LSmQAkP/qYWQ==';\n    const scriptPath = (build) => `https://microapps.bigcommerce.com/product-set-widget/8d8f8421e73ee762e8b30438715f6233f0a7eb8b/${build}-bundle.js`;\n\n    var widgetConfiguration = {{{json .}}};\n    var dataIsNotPresent = typeof widgetConfiguration._.data === 'undefined' || Object.keys(widgetConfiguration._.data || {}).length === 0;\n    var storefrontApiQueryData = widgetConfiguration._.queryData;\n\n    function executeStorefrontApiQuery(queryData, callback) {\n      // Fetch data from the GraphQL Storefront API\n      var storefrontApiRequest = new XMLHttpRequest(); // IE compatible\n      storefrontApiRequest.onreadystatechange = function() {\n        if (this.readyState == 4 && this.status == 200) {\n          callback(JSON.parse(this.response).data);\n        }\n      };\n\n      storefrontApiRequest.open('POST', `/graphql`, true);\n      storefrontApiRequest.setRequestHeader('Authorization', `Bearer ${queryData.storefrontApiToken}`);\n      storefrontApiRequest.setRequestHeader('Content-type', 'application/json');\n      storefrontApiRequest.send(JSON.stringify({ query: queryData.storefrontApiQuery, variables: JSON.parse(queryData.storefrontApiQueryParamsJson) }));\n    }\n\n    function loadScript(src, sri, onload) {\n        const scriptTag = document.createElement('script');\n        scriptTag.type = 'text/javascript';\n        scriptTag.defer = true;\n        scriptTag.src = src;\n        scriptTag.integrity = sri;\n        scriptTag.crossOrigin = 'anonymous';\n        scriptTag.nonce = '{{nonce}}';\n        if (onload) {\n            scriptTag.onload = onload;\n        }\n        document.head.appendChild(scriptTag);\n    }\n\n    function executeWidget(configuration, storefrontApiData) {\n      if (storefrontApiData) {\n        configuration._.data = storefrontApiData;\n      }\n      {{#if _.context.isEditorMode '===' true}}\n        if (window.BigCommerce\n                && window.BigCommerce.initializeProductSet\n                && typeof window.BigCommerce.initializeProductSet === 'function'\n                && window.BigCommerce.initializeProductSetPageBuilderComm\n                && typeof window.BigCommerce.initializeProductSetPageBuilderComm === 'function') {\n            const productSet = window.BigCommerce.initializeProductSet(configuration);\n            window.BigCommerce.initializeProductSetPageBuilderComm(productSet);\n        } else {\n            loadScript(scriptPath('storefront'), storefrontSRI, () => {\n                const productSet = window.BigCommerce.initializeProductSet(configuration);\n                loadScript(scriptPath('pageBuilder'), pageBuilderSRI, () => {\n                    window.BigCommerce.initializeProductSetPageBuilderComm(productSet);\n                });\n            });\n        }\n      {{else}}\n        if (window.BigCommerce && window.BigCommerce.initializeProductSet && typeof window.BigCommerce.initializeProductSet === 'function') {\n            window.BigCommerce.initializeProductSet(configuration).setup();\n        } else {\n            loadScript(scriptPath('storefront'), storefrontSRI, () => window.BigCommerce.initializeProductSet(configuration).setup());\n        }\n      {{/if}}\n    }\n\n    if (dataIsNotPresent && storefrontApiQueryData) {\n      executeStorefrontApiQuery(storefrontApiQueryData, function(storefrontApiData) { executeWidget(widgetConfiguration, storefrontApiData) });\n    } else {\n      executeWidget(widgetConfiguration);\n    }\n  })();\n</script>\n",
      "date_created": "2024-02-27T02:43:46.742Z",
      "date_modified": "2024-02-27T02:43:46.742Z",
      "kind": "sd-product-set",
      "storefront_api_query": "query ProductSet($productIds: [Int!], $activeCurrencyCode: currencyCode!) {\n  site {\n    settings {\n      storeName\n      tax {\n        plp\n      }\n    }\n    currency(currencyCode: $activeCurrencyCode) {\n      display {\n        symbol\n        symbolPlacement\n        decimalToken\n        decimalPlaces\n        thousandsToken\n      }\n    }\n    products(entityIds: $productIds) {\n      edges {\n        node {\n          brand {\n            name\n          }\n          name\n          entityId\n          addToCartUrl\n          addToWishlistUrl\n          path\n          sku\n          priceWithTax: prices(includeTax: true, currencyCode: $activeCurrencyCode)  {\n            price {\n              currencyCode\n              value\n            }\n          }\n          priceWithoutTax: prices(includeTax: false, currencyCode: $activeCurrencyCode)  {\n            price {\n              currencyCode\n              value\n            }\n          }\n          reviewSummary {\n            summationOfRatings\n            numberOfReviews\n          }\n          defaultImage {\n            url80wide: url(width: 80)\n            url160wide: url(width: 160)\n            url320wide: url(width: 320)\n            url640wide: url(width: 640)\n            url960wide: url(width: 960)\n            url1280wide: url(width: 1280)\n            url1920wide: url(width: 1920)\n          }\n        }\n      }\n    }\n  }\n}\n",
      "icon_name": "sd-product-set",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "b2619639-70b7-4a1a-bb64-67e147286f79",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "ce9bbb4b-0625-4acc-a0e5-4ff9c8bb0615",
      "name": "Button",
      "schema": [
        {
          "type": "hidden",
          "settings": [
            {
              "id": "buttonText",
              "default": "Button label"
            }
          ]
        },
        {
          "type": "tab",
          "label": "Design",
          "sections": [
            {
              "label": "Button",
              "settings": [
                {
                  "type": "input",
                  "id": "buttonLink",
                  "label": "Button link",
                  "default": "",
                  "typeMeta": {
                    "placeholder": "https://"
                  }
                },
                {
                  "type": "alignment",
                  "label": "Button align",
                  "id": "alignment",
                  "default": {
                    "horizontal": "center"
                  },
                  "typeMeta": {
                    "display": "horizontal"
                  }
                },
                {
                  "type": "boxModel",
                  "label": "Margin (px)",
                  "id": "buttonMargin",
                  "default": {
                    "top": {
                      "value": "0",
                      "type": "px"
                    },
                    "right": {
                      "value": "0",
                      "type": "px"
                    },
                    "bottom": {
                      "value": "0",
                      "type": "px"
                    },
                    "left": {
                      "value": "0",
                      "type": "px"
                    }
                  }
                },
                {
                  "type": "boxModel",
                  "label": "Padding (px)",
                  "id": "buttonPadding",
                  "default": {
                    "top": {
                      "value": "8",
                      "type": "px"
                    },
                    "right": {
                      "value": "24",
                      "type": "px"
                    },
                    "bottom": {
                      "value": "8",
                      "type": "px"
                    },
                    "left": {
                      "value": "24",
                      "type": "px"
                    }
                  }
                }
              ]
            },
            {
              "label": "Text",
              "settings": [
                {
                  "type": "select",
                  "label": "Font family",
                  "id": "fontFamily",
                  "default": "inherit",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Theme Default",
                        "value": "inherit"
                      },
                      {
                        "label": "Arial",
                        "value": "Arial, sans-serif"
                      },
                      {
                        "label": "Tahoma",
                        "value": "Tahoma, sans-serif"
                      },
                      {
                        "label": "Verdana",
                        "value": "Verdana, sans-serif"
                      },
                      {
                        "label": "Lucida",
                        "value": "Lucida, sans-serif"
                      },
                      {
                        "label": "Times New Roman",
                        "value": "Times New Roman, serif"
                      },
                      {
                        "label": "Courier",
                        "value": "Courier, serif"
                      },
                      {
                        "label": "Georgia",
                        "value": "Georgia, serif"
                      },
                      {
                        "label": "Palatino",
                        "value": "Palatino, serif"
                      }
                    ]
                  }
                },
                {
                  "type": "select",
                  "label": "Font weight",
                  "id": "fontWeight",
                  "default": "400",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Thin",
                        "value": "100"
                      },
                      {
                        "label": "Extra Light (Ultra Light)",
                        "value": "200"
                      },
                      {
                        "label": "Light",
                        "value": "300"
                      },
                      {
                        "label": "Normal",
                        "value": "400"
                      },
                      {
                        "label": "Medium",
                        "value": "500"
                      },
                      {
                        "label": "Semi Bold (Demi Bold)",
                        "value": "600"
                      },
                      {
                        "label": "Bold",
                        "value": "700"
                      },
                      {
                        "label": "Extra Bold (Ultra Bold)",
                        "value": "800"
                      },
                      {
                        "label": "Black (Heavy)",
                        "value": "900"
                      }
                    ]
                  }
                },
                {
                  "type": "number",
                  "label": "Font size",
                  "id": "textSize",
                  "default": {
                    "value": 21,
                    "type": "px"
                  },
                  "typeMeta": {
                    "parseType": "integer"
                  }
                },
                {
                  "type": "color",
                  "label": "Text color",
                  "id": "textColor",
                  "default": "#FFFFFF"
                },
                {
                  "type": "color",
                  "label": "Text color (hover)",
                  "id": "textColorHover",
                  "default": "#FFFFFF"
                }
              ]
            },
            {
              "label": "Style",
              "settings": [
                {
                  "type": "color",
                  "label": "Button color",
                  "id": "backgroundColor",
                  "default": "#444444"
                },
                {
                  "type": "color",
                  "label": "Button color (hover)",
                  "id": "backgroundColorHover",
                  "default": "#666666"
                },
                {
                  "type": "color",
                  "label": "Border color",
                  "id": "borderColor",
                  "default": "#444444"
                },
                {
                  "type": "color",
                  "label": "Border color (hover)",
                  "id": "borderColorHover",
                  "default": "#666666"
                },
                {
                  "type": "range",
                  "label": "Border thickness",
                  "id": "buttonBorder",
                  "default": 1,
                  "typeMeta": {
                    "rangeValues": {
                      "min": 0,
                      "max": 10,
                      "step": 1,
                      "unit": "px"
                    }
                  }
                },
                {
                  "type": "range",
                  "label": "Border radius",
                  "id": "borderRadius",
                  "default": 4,
                  "typeMeta": {
                    "rangeValues": {
                      "min": 0,
                      "max": 100,
                      "step": 1,
                      "unit": "px"
                    }
                  }
                }
              ]
            }
          ]
        }
      ],
      "template": "<style>\n    .sd-button-{{_.id}} {\n        display: flex;\n        align-items: center;\n        {{#if alignment.horizontal '===' 'center'}}\n            justify-content: center;\n        {{else if alignment.horizontal '===' 'left'}}\n            justify-content: flex-start;\n        {{else if alignment.horizontal '===' 'right'}}\n            justify-content: flex-end;\n        {{/if}}\n    }\n\n    .sd-button-{{_.id}} .buttonLink > a {\n        text-decoration: none;\n        background-color: {{backgroundColor}};\n        border: {{buttonBorder}}px solid {{borderColor}};\n        border-radius: {{borderRadius}}px;\n        color: {{textColor}};\n        font-size: {{textSize.value}}{{textSize.type}};\n        font-family: {{fontFamily}};\n        font-weight: {{fontWeight}};\n        padding-top: {{buttonPadding.top.value}}{{buttonPadding.top.type}};\n        padding-right: {{buttonPadding.right.value}}{{buttonPadding.right.type}};\n        padding-bottom: {{buttonPadding.bottom.value}}{{buttonPadding.bottom.type}};\n        padding-left: {{buttonPadding.left.value}}{{buttonPadding.left.type}};\n        margin-top: {{buttonMargin.top.value}}{{buttonMargin.top.type}};\n        margin-right: {{buttonMargin.right.value}}{{buttonMargin.right.type}};\n        margin-bottom: {{buttonMargin.bottom.value}}{{buttonMargin.bottom.type}};\n        margin-left: {{buttonMargin.left.value}}{{buttonMargin.left.type}};\n        text-align: center;\n        cursor: pointer;\n    }\n\n    .sd-button-{{_.id}} .buttonLink > a:hover {\n        background-color: {{backgroundColorHover}};\n        border-color: {{borderColorHover}};\n        color: {{textColorHover}};\n    }\n\n    @media only screen and (max-width: 700px) {\n        .sd-button-{{_.id}} { }\n    }\n\n    #sd-simple-button-editable-{{_.id}} {\n        min-width: 14px;\n        line-height: 1.5;\n        display: inline-block;\n    }\n\n    #sd-simple-button-editable-{{_.id}} * {\n        margin: 0;\n        padding: 0;\n    }\n\n    #sd-simple-button-editable-{{_.id}}[data-edit-mode=\"true\"]:hover,\n    #sd-simple-button-editable-{{_.id}}[data-edit-mode=\"true\"]:active,\n    #sd-simple-button-editable-{{_.id}}[data-edit-mode=\"true\"]:focus {\n        outline: 1px dashed #3C64F4;\n    }\n\n    #sd-simple-button-editable-{{_.id}} strong,\n    #sd-simple-button-editable-{{_.id}} strong * {\n        font-weight: bold;\n    }\n</style>\n\n<div class=\"sd-button-{{_.id}}\">\n    <div class=\"buttonLink\" role=\"button\">\n        <a href=\"{{buttonLink}}\" target=\"_top\" id=\"sd-simple-button-editable-{{_.id}}\" data-edit-mode=\"{{_.pageBuilderData.previewState.editMode}}\">\n            {{{buttonText}}}\n        </a>\n    </div>\n</div>\n\n{{#if _.context.isEditorMode '===' true}}\n    <script type=\"text/javascript\">\n        (function () {\n            var editMode = false;\n            var selector = \"sd-simple-button-editable-{{_.id}}\";\n            var element = document.getElementById(selector);\n            if (!element) { return; }\n\n            var button = document.getElementsByClassName(\"sd-button-{{_.id}}\")[0]\n            button.addEventListener('click', () => {\n                element.focus()\n            });\n\n            function initializeContentEditableText() {\n                if (window.BigCommerce && window.BigCommerce.inlineEditor && window.BigCommerce.sendWidgetUpdate) {\n                    editMode = true;\n                    window.BigCommerce.inlineEditor.init({\n                        selector: \"#\" + selector,\n                        editMode: editMode,\n                        onBlur: function (content) {\n                          element.innerHtml = content;\n                          flushChanges(content);\n                        },\n                        onKeyup: flushChanges,\n                        toolbarItems: ['bold', 'italic', 'underline', 'strikethrough']\n                    });\n                }\n            }\n\n            function flushChanges(content) {\n              var props = {\n                \"buttonText\": content\n              };\n              window.BigCommerce.sendWidgetUpdate(props, \"{{_.id}}\");\n            }\n\n            function setEditMode(data) {\n                editMode = data.editMode;\n                element.dataset.editMode = editMode;\n\n                if (window.BigCommerce && window.BigCommerce.inlineEditor) {\n                    if (editMode) {\n                        initializeContentEditableText()\n                    } else {\n                        window.BigCommerce.inlineEditor.remove(\"#\" + selector);\n                    }\n                }\n            }\n\n            window.addEventListener('message', function (event) {\n                try {\n                    var data = JSON.parse(event.data);\n                } catch (error) {\n                    return;\n                }\n\n                [{\n                    action: 'sdk-loaded',\n                    initiator: 'PAGE_BUILDER',\n                    callback: initializeContentEditableText\n                },{\n                    action: 'toggle-edit-mode',\n                    initiator: 'PAGE_BUILDER',\n                    callback: setEditMode\n                }].forEach(function (handler) {\n                    if (data.action === handler.action && data.initiator === handler.initiator) {\n                        try { handler.callback(data); } catch (error) {}\n                    }\n                })\n            });\n\n            initializeContentEditableText();\n        })();\n    </script>\n{{/if}}\n",
      "date_created": "2024-02-27T02:43:46.764Z",
      "date_modified": "2024-02-27T02:43:46.764Z",
      "kind": "sd-simple-button-v2",
      "storefront_api_query": "",
      "icon_name": "sd-button",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "e0a82c10-b25f-40ea-94f2-ef8fac3e0ba9",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "8cc96950-8a15-4f3b-8129-087aa2a78248",
      "name": "HTML",
      "schema": [
        {
          "label": "Content",
          "type": "tab",
          "sections": [
            {
              "settings": [
                {
                  "id": "htmlCode",
                  "label": "HTML Code",
                  "default": "<p style=\"\n  border: 1px dashed #8C93AD;\n  color: #313440;\n  font-family: arial;\n  margin: 0;\n  padding: 1rem;\n  text-align: center;\n\">\n  You can use this widget to input arbitrary HTML code into the page. Invalid HTML code may cause issues with the preview pane.\n</p>",
                  "type": "code",
                  "typeMeta": {
                    "language": "html",
                    "placeholder": "Insert HTML code here"
                  }
                }
              ]
            }
          ]
        }
      ],
      "template": "{{{htmlCode}}}\n",
      "date_created": "2024-02-27T02:43:46.778Z",
      "date_modified": "2024-02-27T02:43:46.778Z",
      "kind": "sd-simple-html",
      "storefront_api_query": "",
      "icon_name": "sd-html",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "29a485e4-327c-42f5-80cc-e91becc00347",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "7f7e85d0-259a-4412-b8e9-d4b03ec71975",
      "name": "Spacer",
      "schema": [
        {
          "type": "tab",
          "label": "Design",
          "sections": [
            {
              "settings": [
                {
                  "type": "range",
                  "id": "spaceSize",
                  "default": 50,
                  "typeMeta": {
                    "rangeValues": {
                      "min": 0,
                      "max": 200,
                      "step": 1,
                      "unit": "px"
                    }
                  }
                }
              ]
            }
          ]
        }
      ],
      "template": "<style>\n  .sd-spacer-{{_.id}} {\n    height: {{spaceSize}}px;\n  }\n</style>\n\n<div class=\"sd-spacer-{{_.id}}\">\n</div>\n",
      "date_created": "2024-02-27T02:43:46.794Z",
      "date_modified": "2024-02-27T02:43:46.794Z",
      "kind": "sd-spacer",
      "storefront_api_query": "",
      "icon_name": "sd-spacer",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "f19afefc-4720-4ef7-b28c-c1727f4db27e",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "d5163e7b-b6e3-4adc-bac1-d7d740cedd0f",
      "name": "Divider",
      "schema": [
        {
          "type": "tab",
          "label": "Design",
          "sections": [
            {
              "settings": [
                {
                  "type": "color",
                  "label": "Line color",
                  "id": "color",
                  "default": "rgba(180, 186, 209, 1)"
                },
                {
                  "type": "select",
                  "label": "Line style",
                  "id": "style",
                  "default": "solid",
                  "typeMeta": {
                    "selectOptions": [
                      {
                        "label": "Solid",
                        "value": "solid"
                      },
                      {
                        "label": "Dashed",
                        "value": "dashed"
                      },
                      {
                        "label": "Dotted",
                        "value": "dotted"
                      }
                    ]
                  }
                },
                {
                  "type": "range",
                  "label": "Line width",
                  "id": "width",
                  "default": 100,
                  "typeMeta": {
                    "rangeValues": {
                      "min": 1,
                      "max": 100,
                      "step": 1,
                      "unit": "%"
                    }
                  }
                },
                {
                  "type": "range",
                  "label": "Line thickness",
                  "id": "thickness",
                  "default": 1,
                  "typeMeta": {
                    "rangeValues": {
                      "min": 1,
                      "max": 10,
                      "step": 1,
                      "unit": "px"
                    }
                  }
                },
                {
                  "type": "alignment",
                  "label": "Alignment",
                  "id": "alignment",
                  "default": {
                    "horizontal": "center",
                    "vertical": "middle"
                  },
                  "typeMeta": {
                    "display": "both"
                  }
                }
              ]
            }
          ]
        }
      ],
      "template": "<style>\n  .sd-divider-wrapper-{{_.id}} {\n    display: flex;\n    height: 20px;\n    {{#if alignment.vertical '===' 'middle'}}\n      align-items: center;\n    {{else if alignment.vertical '===' 'top'}}\n      align-items: flex-start;\n    {{else if alignment.vertical '===' 'bottom'}}\n      align-items: flex-end;\n    {{/if}}\n    {{#if alignment.horizontal '===' 'center'}}\n      justify-content: center;\n      text-align: center;\n    {{else if alignment.horizontal '===' 'left'}}\n      justify-content: flex-start;\n      text-align: left;\n    {{else if alignment.horizontal '===' 'right'}}\n      justify-content: flex-end;\n      text-align: right;\n    {{/if}}\n  }\n\n  .sd-divider-{{_.id}} {\n    height: 0;\n    border-top: {{thickness}}px;\n    border-color: {{color}};\n    border-style: {{style}};\n    width: {{width}}%;\n    margin: 0;\n  }\n</style>\n\n<div class=\"sd-divider-wrapper-{{_.id}}\">\n  <hr class=\"sd-divider-{{_.id}}\"/>\n</div>\n",
      "date_created": "2024-02-27T02:43:46.811Z",
      "date_modified": "2024-02-27T02:43:46.811Z",
      "kind": "sd-divider",
      "storefront_api_query": "",
      "icon_name": "sd-divider",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "46ae4c9f-a1ab-4bcf-bef2-a7ae74711b69",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "d00f2f72-2702-49dd-ac14-ffc18cc4eed6",
      "name": "Affirm Product Page Banner",
      "schema": [],
      "template": "{{#if currency '===' _.context.activeCurrencyCode}}\n<div id=\"banner-region-{{ _.id }}\" style=\"width: {{#if product_banner_width}}{{product_banner_width}}{{else}}100%{{/if}}; height: {{#if product_banner_height}}{{product_banner_height}}{{else}}50px{{/if}}\">\n    <script defer nonce=\"{{nonce}}\">\n        _affirm_config = {\n            public_api_key: \"{{ public_api_key }}\",\n            script:\n                {{#if test_mode }}\n                    \"https://cdn1-sandbox.affirm.com/js/v2/affirm.js\"\n                {{else}}\n                    \"https://cdn1.affirm.com/js/v2/affirm.js\"\n                {{/if}}\n        };\n        (function(l,g,m,e,a,f,b){var d,c=l[m]||{},h=document.createElement(f),n=document.getElementsByTagName(f)[0],k=function(a,b,c){return function(){a[b]._.push([c,arguments])}};c[e]=k(c,e,\"set\");d=c[e];c[a]={};c[a]._=[];d._=[];c[a][b]=k(c,a,b);a=0;for(b=\"set add save post open empty reset on off trigger ready setProduct\".split(\" \");a<b.length;a++)d[b[a]]=k(c,e,b[a]);a=0;for(b=[\"get\",\"token\",\"url\",\"items\"];a<b.length;a++)d[b[a]]=function(){};h.async=!0;h.src=g[f];n.parentNode.insertBefore(h,n);delete g[f];d(g);l[m]=c})(window,_affirm_config,\"affirm\",\"checkout\",\"ui\",\"script\",\"ready\");\n\n        affirm.ui.ready(function() {\n            \"use strict\";\n\n            const priceSelectors = [{{{json product_banner_price_selector }}}, '.productView-price .price--withoutTax .price', '.productView-price .price--withoutTax .price'];\n\n            const priceElement = priceSelectors.reduce((acc, selector) => {\n                return acc || (selector ? document.querySelector(selector) : null);\n            }, null);\n\n            if (!priceElement) {\n                console.warn('Affirm: Price element not found on the page');\n                return;\n            }\n\n            const affirmBanner = document.getElementById('affirm-widget');\n\n            /**\n             * Converts a numeric string representation of a price to cents.\n             * The function handles the following input formats:\n             * - Standard prices with thousands separators and decimal separators (e.g., \"1,234.56\").\n             * - Prices in the form of a range (e.g., \"12,345.67-14,567.89\"), returning the first price in cents.\n             * - Input strings may include symbols (e.g., \"$\", \"USD\") that will be removed.\n             *\n             * Examples:\n             * - convertToCents(\"12,345.67-14,567.89\") returns \"1234567\"\n             * - convertToCents(\"123.45\") returns \"12345\"\n             * - convertToCents(\"123,456\") returns \"12345600\"\n             * - convertToCents(\"1-2\") returns \"100\"\n             * - convertToCents(\"$1,000.99-USD2,000.50\") returns \"100099\"\n             *\n             * @param {string} input - The numeric string to convert.\n             * @returns {string} - The converted price in cents as a string.\n             */\n            function convertToCents(input) {\n                if (!/\\d/.test(input)) {\n                    console.warn('Affirm: The price element doesn\\'t contain any digits. Please check the price element selector.');\n                    return '0';\n                }\n                // note: this doesn't support negative prices\n                // strip second part of the range, if any\n                const firstPartOfRange = input.replace(/-.*$/, '');\n                // remove non-numeric characters from start & end of the string\n                const nonNumericCharsTrimmed = firstPartOfRange.replace(/(^[^0-9]+)|([^0-9]+$)/g, '');\n\n                // detect minor units that is one or two trailing digits led by a non-digit character; anything before that is major units;\n                // if we have more than 2 digits in the end group, we fall back to assuming that the number has no decimal part\n                const units = nonNumericCharsTrimmed.match(/^(.*)[^0-9]([0-9]{1,2})?$/) || ['', nonNumericCharsTrimmed, 0];\n                // strip non-numeric characters from major units\n                const majorUnitsAsString = units[1].replace(/[^0-9]/g, '') || '0';\n\n                // minor uinits already contains only numeric characters\n                const minorUnitsAsString = units[2] || '0';\n                const minorUnitsValue = minorUnitsAsString.length == 1? 10 : 1;\n                // convert into number\n                return majorUnitsAsString * 100 + minorUnitsAsString * minorUnitsValue;\n            }\n\n            {{#if product_banner_dynamic_price_change }}\n                const observer = new MutationObserver(function (mutationsList) {\n                    mutationsList.forEach(function (mutation) {\n                        affirmBanner.dataset.amount = convertToCents(mutation.target.innerText);\n                        affirm.ui.refresh();\n                    });\n                });\n                observer.observe(priceElement, { childList: true });\n            {{/if}}\n\n            affirmBanner.dataset.amount = convertToCents(priceElement.innerText);\n            affirm.ui.refresh();\n        });\n    </script>\n    <p id=\"affirm-widget\" class=\"affirm-as-low-as\" data-page-type=\"product\" data-affirm-type=\"{{ logo_type }}\" data-affirm-color=\"{{ line_color }}\"></p>\n</div>\n{{/if}}",
      "date_created": "2025-02-19T15:19:23.303Z",
      "date_modified": "2025-02-19T15:19:23.303Z",
      "kind": "affirm-productpage-productwidget",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "fc4743d4-c8e0-43f7-a475-f60ffcf5d24e",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "44e435ce-be38-45f1-b87a-5c2a4426ed5d",
      "name": "Affirm Cart Page Banner",
      "schema": [],
      "template": "{{#if currency '===' _.context.activeCurrencyCode}}\n<style media=\"screen\">\n    #banner-region-{{ _.id }} {\n        display: block;\n        clear: both;\n        float: right;\n        margin-bottom: 15px;\n        width: {{#if cart_banner_width}}{{cart_banner_width}}{{else}}100%{{/if}};\n        height: {{#if cart_banner_height}}{{cart_banner_height}}{{else}}50px{{/if}};\n        text-align: right;\n    }\n</style>\n<div id=\"banner-region-{{ _.id }}\">\n    <script defer nonce=\"{{nonce}}\">\n        _affirm_config = {\n            public_api_key: \"{{ public_api_key }}\",\n            script:\n                {{#if test_mode }}\n                    \"https://cdn1-sandbox.affirm.com/js/v2/affirm.js\"\n                {{else}}\n                    \"https://cdn1.affirm.com/js/v2/affirm.js\"\n                {{/if}}\n        };\n        (function(l,g,m,e,a,f,b){var d,c=l[m]||{},h=document.createElement(f),n=document.getElementsByTagName(f)[0],k=function(a,b,c){return function(){a[b]._.push([c,arguments])}};c[e]=k(c,e,\"set\");d=c[e];c[a]={};c[a]._=[];d._=[];c[a][b]=k(c,a,b);a=0;for(b=\"set add save post open empty reset on off trigger ready setProduct\".split(\" \");a<b.length;a++)d[b[a]]=k(c,e,b[a]);a=0;for(b=[\"get\",\"token\",\"url\",\"items\"];a<b.length;a++)d[b[a]]=function(){};h.async=!0;h.src=g[f];n.parentNode.insertBefore(h,n);delete g[f];d(g);l[m]=c})(window,_affirm_config,\"affirm\",\"checkout\",\"ui\",\"script\",\"ready\");\n\n        affirm.ui.ready(function() {\n            \"use strict\";\n\n            const affirmBanner = document.getElementById('affirm-widget');\n\n            /**\n             * Converts a numeric string representation of a price to cents.\n             * The function handles the following input formats:\n             * - Standard prices with thousands separators and decimal separators (e.g., \"1,234.56\").\n             * - Prices in the form of a range (e.g., \"12,345.67-14,567.89\"), returning the first price in cents.\n             * - Input strings may include symbols (e.g., \"$\", \"USD\") that will be removed.\n             *\n             * Examples:\n             * - convertToCents(\"12,345.67-14,567.89\") returns \"1234567\"\n             * - convertToCents(\"123.45\") returns \"12345\"\n             * - convertToCents(\"123,456\") returns \"12345600\"\n             * - convertToCents(\"1-2\") returns \"100\"\n             * - convertToCents(\"$1,000.99-USD2,000.50\") returns \"100099\"\n             *\n             * @param {string} input - The numeric string to convert.\n             * @returns {string} - The converted price in cents as a string.\n             */\n            function convertToCents(input) {\n                if (!/\\d/.test(input)) {\n                    console.warn('Affirm: The price element doesn\\'t contain any digits. Please check the price element selector.');\n                    return '0';\n                }\n                // note: this doesn't support negative prices\n                // strip second part of the range, if any\n                const firstPartOfRange = input.replace(/-.*$/, '');\n                // remove non-numeric characters from start & end of the string\n                const nonNumericCharsTrimmed = firstPartOfRange.replace(/(^[^0-9]+)|([^0-9]+$)/g, '');\n\n                // detect minor units that is one or two trailing digits led by a non-digit character; anything before that is major units;\n                // if we have more than 2 digits in the end group, we fall back to assuming that the number has no decimal part\n                const units = nonNumericCharsTrimmed.match(/^(.*)[^0-9]([0-9]{1,2})?$/) || ['', nonNumericCharsTrimmed, 0];\n                // strip non-numeric characters from major units\n                const majorUnitsAsString = units[1].replace(/[^0-9]/g, '') || '0';\n\n                // minor uinits already contains only numeric characters\n                const minorUnitsAsString = units[2] || '0';\n                const minorUnitsValue = minorUnitsAsString.length == 1? 10 : 1;\n                // convert into number\n                return majorUnitsAsString * 100 + minorUnitsAsString * minorUnitsValue;\n            }\n\n            function updateAffirmPrice() {\n                // since totalPriceElement is recreated after updating the cart price, we need to search for it again each time.\n                const totalPriceElement = document.querySelector({{{json cart_banner_price_selector }}});\n                if (!totalPriceElement) {\n                    console.warn('Affirm: Total price element not found on the page');\n                    return;\n                }\n                affirmBanner.dataset.amount = convertToCents(totalPriceElement.innerText);\n                affirm.ui.refresh();\n            }\n\n            {{#if cart_banner_dynamic_price_change }}\n                const cartTotalsElement = document.querySelector('.cart-content-padding-right');\n                const observer = new MutationObserver(updateAffirmPrice);\n                observer.observe(cartTotalsElement, { childList: true });\n            {{/if}}\n\n            updateAffirmPrice();\n        });\n    </script>\n    <p id=\"affirm-widget\" class=\"affirm-as-low-as\" data-page-type=\"cart\" data-affirm-type=\"{{ logo_type }}\" data-affirm-color=\"{{ line_color }}\"></p>\n</div>\n{{/if}}",
      "date_created": "2025-02-19T15:23:15.577Z",
      "date_modified": "2025-02-19T15:23:15.577Z",
      "kind": "affirm-cartpage-cartwidget",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "a2a7fbe5-812b-41da-a999-d86df772a1c3",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "273df040-e3d6-4a5e-a883-8ed07d09c13e",
      "name": "Affirm Category Page Banner",
      "schema": [],
      "template": "{{#if currency '===' _.context.activeCurrencyCode}}\n<style>\n    .affirm-banner {\n        width: {{#if category_banner_width}}{{category_banner_width}}{{else}}100%{{/if}};\n        height: {{#if category_banner_height}}{{category_banner_height}}{{else}}50px{{/if}};\n    }\n</style>\n<script>\n    (function() {\n        const _affirm_config = {\n            public_api_key: \"{{ public_api_key }}\",\n            script:\n                {{#if test_mode }}\n                    \"https://cdn1-sandbox.affirm.com/js/v2/affirm.js\"\n                {{else}}\n                    \"https://cdn1.affirm.com/js/v2/affirm.js\"\n                {{/if}}\n        };\n\n        (function(l,g,m,e,a,f,b){var d,c=l[m]||{},h=document.createElement(f),n=document.getElementsByTagName(f)[0],k=function(a,b,c){return function(){a[b]._.push([c,arguments])}};c[e]=k(c,e,\"set\");d=c[e];c[a]={};c[a]._=[];d._=[];c[a][b]=k(c,a,b);a=0;for(b=\"set add save post open empty reset on off trigger ready setProduct\".split(\" \");a<b.length;a++)d[b[a]]=k(c,e,b[a]);a=0;for(b=[\"get\",\"token\",\"url\",\"items\"];a<b.length;a++)d[b[a]]=function(){};h.async=!0;h.src=g[f];n.parentNode.insertBefore(h,n);delete g[f];d(g);l[m]=c})(window,_affirm_config,\"affirm\",\"checkout\",\"ui\",\"script\",\"ready\");\n\n        /**\n         * Converts a numeric string representation of a price to cents.\n         * The function handles the following input formats:\n         * - Standard prices with thousands separators and decimal separators (e.g., \"1,234.56\").\n         * - Prices in the form of a range (e.g., \"12,345.67-14,567.89\"), returning the first price in cents.\n         * - Input strings may include symbols (e.g., \"$\", \"USD\") that will be removed.\n         *\n         * Examples:\n         * - convertToCents(\"12,345.67-14,567.89\") returns \"1234567\"\n         * - convertToCents(\"123.45\") returns \"12345\"\n         * - convertToCents(\"123,456\") returns \"12345600\"\n         * - convertToCents(\"1-2\") returns \"100\"\n         * - convertToCents(\"$1,000.99-USD2,000.50\") returns \"100099\"\n         *\n         * @param {string} input - The numeric string to convert.\n         * @returns {string} - The converted price in cents as a string.\n         */\n        function convertToCents(input) {\n            if (!/\\d/.test(input)) {\n                console.warn('Affirm: The price element doesn\\'t contain any digits. Please check the price element selector.');\n                return '0';\n            }\n            // note: this doesn't support negative prices\n            // strip second part of the range, if any\n            const firstPartOfRange = input.replace(/-.*$/, '');\n            // remove non-numeric characters from start & end of the string\n            const nonNumericCharsTrimmed = firstPartOfRange.replace(/(^[^0-9]+)|([^0-9]+$)/g, '');\n\n            // detect minor units that is one or two trailing digits led by a non-digit character; anything before that is major units;\n            // if we have more than 2 digits in the end group, we fall back to assuming that the number has no decimal part\n            const units = nonNumericCharsTrimmed.match(/^(.*)[^0-9]([0-9]{1,2})?$/) || ['', nonNumericCharsTrimmed, 0];\n            // strip non-numeric characters from major units\n            const majorUnitsAsString = units[1].replace(/[^0-9]/g, '') || '0';\n\n            // minor uinits already contains only numeric characters\n            const minorUnitsAsString = units[2] || '0';\n            const minorUnitsValue = minorUnitsAsString.length == 1? 10 : 1;\n            // convert into number\n            return majorUnitsAsString * 100 + minorUnitsAsString * minorUnitsValue;\n        }\n\n        //json helper is used to escape quotes in selector. e.g. div[data-foo=\"bar\"] => div[data-foo=\\\"bar\\\"]\n        function initialize() {\n            const priceElements = document.querySelectorAll({{{json category_banner_product_price_selector }}});\n            if (priceElements.length === 0) {\n                console.warn('Affirm: Price elements not found on the page');\n                return;\n            }\n\n            priceElements.forEach(priceElement => {\n                const affirmElement = document.createElement('p');\n                affirmElement.className = 'affirm-as-low-as';\n                affirmElement.dataset.pageType = 'category';\n                affirmElement.dataset.affirmType = '{{ logo_type }}';\n                affirmElement.dataset.affirmColor = '{{ line_color }}';\n                affirmElement.dataset.amount = convertToCents(priceElement.innerText);\n\n                const affirmElementContainer = document.createElement('div');\n                affirmElementContainer.className = 'affirm-banner';\n                affirmElementContainer.appendChild(affirmElement);\n\n                priceElement.after(affirmElementContainer);\n            });\n        }\n\n        initialize();\n\n        const productListingContainerSelector = {{{json category_banner_products_container_selector }}};\n        if (!productListingContainerSelector) {\n            return;\n        }\n\n        const containerElement = document.querySelector(productListingContainerSelector);\n        if (!containerElement) {\n            console.warn('Affirm: Products listing container not found on the page');\n            return;\n        }\n\n        // Observer is used to detect when products listing container is updated due to pagination\n        const observer = new MutationObserver(function (mutationsList) {\n            mutationsList.forEach(function () {\n\n                // If mutation in products listing container is detected, but Affirm banners are still present, do nothing\n                if (document.querySelectorAll('.affirm-as-low-as').length > 0 ) {\n                    return;\n                }\n\n                // If mutation in products listing container leads to new products being loaded - reinitialize Affirm banners\n                // Observer is disconnected for the duration of reinitialization to avoid triggering till the process is complete\n                observer.disconnect();\n                initialize();\n                affirm.ui.refresh();\n                connectObserver();\n            });\n        });\n\n        function connectObserver() {\n            observer.observe(containerElement, { childList: true, subtree: true });\n        }\n\n        connectObserver();\n    })();\n</script>\n{{/if}}",
      "date_created": "2025-02-19T15:30:11.155Z",
      "date_modified": "2025-02-19T15:30:11.155Z",
      "kind": "affirm-categorypage-productwidget",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "11d11949-f51a-4d3c-863b-337411fadfcc",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "7f4b6b4c-d55f-413d-a24a-193febbd12e6",
      "name": "BigCommerce Payments Credit Banner - Cart Page (728x90)",
      "schema": [],
      "template": "<style media=\"screen\">\n  #banner-region-{{ _.id }} {\n    display: block;\n    margin-right: auto;\n    margin-left: auto;\n    width: 100%;\n    max-width: 728px;\n  }\n</style>\n\n<div id=\"banner-region-{{ _.id }}\">\n  <div data-pp-style-layout=\"flex\"\n       data-pp-style-color=\"white\"\n       data-pp-style-ratio=\"8x1\"\n       id=\"bigcommerce-payments-cart-messaging-banner\">\n  </div>\n</div>\n\n",
      "date_created": "2025-07-04T13:01:12.402Z",
      "date_modified": "2025-07-04T13:01:12.402Z",
      "kind": "bcp-cartpage-fullbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "607549a8-b64c-42cd-863e-2382bb637a2a",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "e85cedf8-fc72-456b-99bb-ada8b9215a63",
      "name": "BigCommerce Payments Credit Banner - Cart Page (465x59)",
      "schema": [],
      "template": "{{#each merchant_info as |merchant|}}\n{{#if merchant.currency '===' ../_.context.activeCurrencyCode}}\n<style media=\"screen\">\n  #banner-region-{{ ../_.id }} {\n    display: block;\n    clear: both;\n    float: right;\n    margin-bottom: 15px;\n    width: 460px;\n    max-width: 100%;\n  }\n</style>\n\n<div id=\"banner-region-{{ ../_.id }}\">\n  <div\n    data-pp-style-logo-position=\"{{#if ../style.bcp-cartpage-quarterbanner.data-pp-style-logo-position}}{{../style.bcp-cartpage-quarterbanner.data-pp-style-logo-position}}{{else}}left{{/if}}\"\n    data-pp-style-logo-type=\"{{#if ../style.bcp-cartpage-quarterbanner.data-pp-style-logo-type}}{{../style.bcp-cartpage-quarterbanner.data-pp-style-logo-type}}{{else}}inline{{/if}}\"\n    data-pp-style-text-color=\"{{#if ../style.bcp-cartpage-quarterbanner.data-pp-style-text-color}}{{../style.bcp-cartpage-quarterbanner.data-pp-style-text-color}}{{else}}black{{/if}}\"\n    data-pp-style-text-size=\"{{#if ../style.bcp-cartpage-quarterbanner.data-pp-style-text-size}}{{../style.bcp-cartpage-quarterbanner.data-pp-style-text-size}}{{else}}12{{/if}}\"\n    id=\"bigcommerce-payments-cart-messaging-banner\">\n  </div>\n  <script defer nonce=\"{{nonce}}\">\n    (function () {\n      const dataCartTotals = document.querySelector('[data-cart-totals]');\n\n      if (dataCartTotals) {\n        renderMessageIfPossible();\n\n        const config = {\n          childList: true,\n        };\n\n        const observer = new MutationObserver((mutationsList) => {\n          mutationsList.forEach(function (mutation) {\n            if (getGrandTotalContainer(mutation.target)) {\n              renderMessageIfPossible();\n            }\n          });\n        });\n\n        observer.observe(dataCartTotals, config);\n      }\n\n      function renderMessageIfPossible() {\n        const amount = getPriceAmount(getGrandTotalContainer(dataCartTotals).innerText)[0];\n\n        if (amount) {\n          renderMessage({\n            amount\n          });\n        }\n      }\n\n      function getPriceAmount(text) {\n        /*\n         INFO:\n         - extracts a string from a pattern: [number][separator][number][separator]...\n           [separator] - any symbol but a digit, including whitespaces\n         */\n        const pattern = /\\d+(?:[^\\d]\\d+)+(?!\\d)/g;\n        const matches = text.match(pattern);\n        const results = [];\n\n        // if there are no matches\n        if (!matches?.length) {\n          const amount = text.replace(/[^\\d]/g, '');\n\n          if (!amount) return results;\n\n          results.push(amount);\n\n          return results;\n        }\n\n        matches.forEach(str => {\n          const sepIndexes = [];\n\n          for (let i = 0; i < str.length; i++) {\n            // find separator index and push to array\n            if (!/\\d/.test(str[i])) {\n              sepIndexes.push(i);\n            }\n          }\n          if (sepIndexes.length === 0) return;\n          // assume the last separator is the decimal\n          const decIndex = sepIndexes[sepIndexes.length - 1];\n\n          // cut the substr to the separator with replacing non-digit chars\n          const intSubstr = str.slice(0, decIndex).replace(/[^\\d]/g, '');\n          // cut the substr after the separator with replacing non-digit chars\n          const decSubstr = str.slice(decIndex + 1).replace(/[^\\d]/g, '');\n\n          if (!intSubstr) return;\n\n          const amount = decSubstr ? `${intSubstr}.${decSubstr}` : intSubstr;\n          // to get floating point number\n          const number = parseFloat(amount);\n\n          if (!isNaN(number)) {\n            results.push(String(number));\n          }\n        });\n\n        return results;\n      }\n\n      function getGrandTotalContainer(parent) {\n        if (parent) {\n          return parent.querySelector('.cart-total-grandTotal');\n        }\n\n        return document.querySelector('.cart-total-grandTotal');\n      }\n\n      function loadScript(src, attributes) {\n        return new Promise((resolve, reject) => {\n          const scriptTag = document.createElement('script');\n\n          if (attributes) {\n            Object.keys(attributes)\n                    .forEach(key => {\n                      scriptTag.setAttribute(key, attributes[key]);\n                    });\n          }\n\n          scriptTag.type = 'text/javascript';\n          scriptTag.src = src;\n\n          scriptTag.onload = () => resolve();\n          scriptTag.onerror = event => {\n            reject(event);\n          };\n\n          document.head.appendChild(scriptTag);\n        });\n      }\n\n      function renderMessage(objectParams) {\n        const paypalSdkScriptConfig = getPayPalSdkScriptConfig();\n\n        const options = transformConfig(paypalSdkScriptConfig.options);\n        const attributes = transformConfig(paypalSdkScriptConfig.attributes);\n\n        const messageProps = { placement: 'cart', style: 'text', ...objectParams };\n\n        const renderPayPalMessagesComponent = (paypal) => {\n          paypal.Messages(messageProps).render('#bigcommerce-payments-cart-messaging-banner');\n        };\n\n        if (options['client-id'] && options['merchant-id']) {\n          if (!window.paypalMessages) {\n            const paypalSdkUrl = 'https://www.paypal.com/sdk/js';\n            const scriptQuery = new URLSearchParams(options).toString();\n            const scriptSrc = `${paypalSdkUrl}?${scriptQuery}`;\n\n            loadScript(scriptSrc, attributes).then(() => {\n              renderPayPalMessagesComponent(window.paypalMessages);\n            });\n          } else {\n            renderPayPalMessagesComponent(window.paypalMessages)\n          }\n        }\n      }\n\n      function transformConfig(config) {\n        let transformedConfig = {};\n\n        const keys = Object.keys(config);\n\n        keys.forEach((key) => {\n          const value = config[key];\n\n          if (\n                  value === undefined ||\n                  value === null ||\n                  value === '' ||\n                  (Array.isArray(value) && value.length === 0)\n          ) {\n            return;\n          }\n\n          transformedConfig = {\n            ...transformedConfig,\n            [key]: Array.isArray(value) ? value.join(',') : value,\n          };\n        });\n\n        return transformedConfig;\n      }\n\n      function getPayPalSdkScriptConfig() {\n        const attributionId = '{{ ../attribution_id }}';\n        const currencyCode = '{{ merchant.currency }}';\n        const clientId = '{{ merchant.clientId }}';\n        const merchantId = '{{ merchant.merchantId}}';\n        const isDeveloperModeApplicable = '{{ merchant.isDeveloperModeApplicable }}'.indexOf('true') !== -1;\n        const buyerCountry = '{{ merchant.buyerCountry }}';\n\n        return {\n          options: {\n            'client-id': clientId,\n            'merchant-id': merchantId,\n            components: ['messages'],\n            currency: currencyCode,\n            ...(isDeveloperModeApplicable && { 'buyer-country': buyerCountry }),\n          },\n          attributes: {\n            'data-namespace': 'paypalMessages',\n            'data-partner-attribution-id': attributionId,\n          },\n        };\n      }\n    })();\n  </script>\n</div>\n{{/if}}\n{{/each}}\n",
      "date_created": "2025-07-04T13:03:16.626Z",
      "date_modified": "2025-07-04T13:03:16.626Z",
      "kind": "bcp-cartpage-quarterbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "225e9fc5-1369-4713-af93-8dcf00b6f286",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "7a456159-6521-41c2-aa68-4cbf8db61119",
      "name": "BigCommerce Payments Credit Banner - Home Page (728x90)",
      "schema": [],
      "template": "{{#each merchant_info as |merchant|}}\n{{#if merchant.currency '===' ../_.context.activeCurrencyCode}}\n<style media=\"screen\">\n  #banner-region-{{ ../_.id }} {\n    display: block;\n    margin-right: auto;\n    margin-left: auto;\n    width: 100%;\n    max-width: 728px;\n  }\n</style>\n\n<div id=\"banner-region-{{ ../_.id }}\">\n  <div\n    data-pp-message\n    data-pp-style-layout=\"flex\"\n    data-pp-style-color=\"{{#if ../style.bcp-homepage-fullbanner.data-pp-style-color}}{{../style.bcp-homepage-fullbanner.data-pp-style-color}}{{else}}white{{/if}}\"\n    data-pp-style-ratio=\"{{#if ../style.bcp-homepage-fullbanner.data-pp-style-ratio}}{{../style.bcp-homepage-fullbanner.data-pp-style-ratio}}{{else}}8x1{{/if}}\"\n    id=\"bigcommerce-payments-homepage-messaging-banner\">\n  </div>\n  <script defer nonce=\"{{nonce}}\">\n    function renderMessage() {\n      const params = {\n        'merchant-id': '{{merchant.merchantId}}',\n        'client-id': '{{merchant.clientId}}',\n        'data-partner-attribution-id': '{{../attribution_id}}',\n        components: ['messages', 'buttons'],\n      };\n\n      if (params['client-id'] && params['merchant-id']) {\n        window.paypalLoadScript(params)\n          .then(bigcommerce => {\n            bigcommerce.Messages({ placement: 'home' }).render('#bigcommerce-payments-homepage-messaging-banner');\n          });\n      }\n    }\n\n    (function () {\n      if (window.paypalLoadScript) {\n        renderMessage();\n        return;\n      }\n\n      const script = document.createElement('script');\n      script.type = 'text/javascript';\n      script.src = 'https://unpkg.com/@paypal/paypal-js@4.1.0/dist/iife/paypal-js.min.js';\n      script.onload = function () {\n        if (window.paypalLoadScript) {\n          renderMessage();\n        }\n      };\n\n      const container = document.getElementById(`banner-region-{{ ../_.id }}`);\n\n      if (container) {\n        container.appendChild(script);\n      }\n    })();\n  </script>\n</div>\n{{/if}}\n{{/each}}\n",
      "date_created": "2025-07-04T13:04:54.739Z",
      "date_modified": "2025-07-04T13:04:54.739Z",
      "kind": "bcp-homepage-fullbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "b776e3e1-f8a2-4275-b814-52433c57f0e4",
      "channel_id": 0,
      "schema_translations": {}
    },
    {
      "uuid": "ddc5b230-2e55-43d7-94ae-ad2f40065a23",
      "name": "BigCommerce Payments Credit Banner - Product Details Page (545x60)",
      "schema": [],
      "template": "{{#each merchant_info as |merchant|}}\n{{#if merchant.currency '===' ../_.context.activeCurrencyCode}}\n<style media=\"screen\">\n  #banner-region-{{ ../_.id }} {\n    display: block;\n    width: 100%;\n    max-width: 545px;\n  }\n</style>\n\n<div id=\"banner-region-{{ ../_.id }}\">\n  <div\n    data-pp-message\n    data-pp-style-logo-position=\"{{#if ../style.bcp-proddetailspage-quarterbanner.data-pp-style-logo-position}}{{../style.bcp-proddetailspage-quarterbanner.data-pp-style-logo-position}}{{else}}left{{/if}}\"\n    data-pp-style-logo-type=\"{{#if ../style.bcp-proddetailspage-quarterbanner.data-pp-style-logo-type}}{{../style.bcp-proddetailspage-quarterbanner.data-pp-style-logo-type}}{{else}}inline{{/if}}\"\n    data-pp-style-text-color=\"{{#if ../style.bcp-proddetailspage-quarterbanner.data-pp-style-text-color}}{{../style.bcp-proddetailspage-quarterbanner.data-pp-style-text-color}}{{else}}black{{/if}}\"\n    data-pp-style-text-size=\"{{#if ../style.bcp-proddetailspage-quarterbanner.data-pp-style-text-size}}{{../style.bcp-proddetailspage-quarterbanner.data-pp-style-text-size}}{{else}}12{{/if}}\"\n    id=\"bigcommerce-payments-proddetails-messaging-banner\">\n  </div>\n  <script defer nonce=\"{{nonce}}\">\n    (function () {\n      // Price container with data-product-price-with-tax has bigger priority for product amount calculations\n      const priceContainer = document.querySelector('[data-product-price-with-tax]')?.innerText\n        ? document.querySelector('[data-product-price-with-tax]')\n        : document.querySelector('[data-product-price-without-tax]');\n\n      if (priceContainer) {\n        renderMessageIfPossible();\n\n        const config = {\n          childList: true,    // Observe direct child elements\n          subtree: true,      // Observe all descendants\n          attributes: false,  // Do not observe attribute changes\n        };\n\n        const observer = new MutationObserver((mutationsList) => {\n          if (mutationsList.length > 0) {\n            renderMessageIfPossible();\n          }\n        });\n\n        observer.observe(priceContainer, config);\n      }\n\n      function renderMessageIfPossible() {\n        const amount = getPriceAmount();\n        if (amount) {\n          renderMessage(amount);\n        }\n      }\n\n      function getPriceAmount() {\n        const priceText = priceContainer.innerText;\n        const pricesArray = priceText.toString().match(/\\b\\d+(\\.\\d+)|(\\d+(,\\d+\\.\\d+))?\\b/g);\n\n        return pricesArray && pricesArray.length > 0\n          ? pricesArray[0].split(',').join('')\n          : undefined;\n      }\n\n      function loadScript(src, attributes) {\n        return new Promise((resolve, reject) => {\n          const scriptTag = document.createElement('script');\n\n          if (attributes) {\n            Object.keys(attributes)\n              .forEach(key => {\n                scriptTag.setAttribute(key, attributes[key]);\n              });\n          }\n\n          scriptTag.type = 'text/javascript';\n          scriptTag.src = src;\n\n          scriptTag.onload = () => resolve();\n          scriptTag.onerror = event => {\n            reject(event);\n          };\n\n          document.head.appendChild(scriptTag);\n        });\n      }\n\n      function renderMessage(objectParams) {\n        const paypalSdkScriptConfig = getPayPalSdkScriptConfig();\n\n        const options = transformConfig(paypalSdkScriptConfig.options);\n        const attributes = transformConfig(paypalSdkScriptConfig.attributes);\n\n        const messageProps = { placement: 'product', ...objectParams };\n\n        const renderPayPalMessagesComponent = (bigcommerce) => {\n          bigcommerce.Messages(messageProps).render('#bigcommerce-payments-proddetails-messaging-banner');\n        };\n\n        if (options['client-id'] && options['merchant-id']) {\n          if (!window.paypalMessages) {\n            const paypalSdkUrl = 'https://www.paypal.com/sdk/js';\n            const scriptQuery = new URLSearchParams(options).toString();\n            const scriptSrc = `${paypalSdkUrl}?${scriptQuery}`;\n\n            loadScript(scriptSrc, attributes).then(() => {\n              renderPayPalMessagesComponent(window.paypalMessages);\n            });\n          } else {\n            renderPayPalMessagesComponent(window.paypalMessages)\n          }\n        }\n      }\n\n      function transformConfig(config) {\n        let transformedConfig = {};\n\n        const keys = Object.keys(config);\n\n        keys.forEach((key) => {\n          const value = config[key];\n\n          if (\n            value === undefined ||\n            value === null ||\n            value === '' ||\n            (Array.isArray(value) && value.length === 0)\n          ) {\n            return;\n          }\n\n          transformedConfig = {\n            ...transformedConfig,\n            [key]: Array.isArray(value) ? value.join(',') : value,\n          };\n        });\n\n        return transformedConfig;\n      }\n\n      function getPayPalSdkScriptConfig() {\n        const attributionId = '{{ ../attribution_id }}';\n        const currencyCode = '{{ merchant.currency }}';\n        const clientId = '{{ merchant.clientId }}';\n        const merchantId = '{{ merchant.merchantId}}';\n        const isDeveloperModeApplicable = '{{ merchant.isDeveloperModeApplicable }}'.indexOf('true') !== -1;\n        const buyerCountry = '{{ merchant.buyerCountry }}';\n\n        return {\n          options: {\n            'client-id': clientId,\n            'merchant-id': merchantId,\n            components: ['messages'],\n            currency: currencyCode,\n            ...(isDeveloperModeApplicable && { 'buyer-country': buyerCountry }),\n          },\n          attributes: {\n            'data-namespace': 'paypalMessages',\n            'data-partner-attribution-id': attributionId,\n          },\n        };\n      }\n    })();\n  </script>\n</div>\n{{/if}}\n{{/each}}\n",
      "date_created": "2025-07-04T13:06:36.238Z",
      "date_modified": "2025-07-04T13:06:36.238Z",
      "kind": "bcp-proddetailspage-quarterbanner",
      "storefront_api_query": "",
      "icon_name": "default",
      "template_engine": "handlebars_v3",
      "client_rerender": false,
      "current_version_uuid": "eff1a913-b81e-4d79-8c69-1448415f0ef2",
      "channel_id": 0,
      "schema_translations": {}
    }
  ],
  "summary": {
    "totalTemplates": 3,
    "totalWidgets": 28,
    "totalWidgetTemplates": 61,
    "uniqueWidgetTemplates": 6,
    "widgetTemplates": [
      "8cc96950-8a15-4f3b-8129-087aa2a78248",
      "55b02c63-75f5-4c49-b694-2108b5a3f7fc",
      "8d2829d8-0f34-475d-945c-9f58b43adf08",
      "8a70c87e-ba7f-448b-9ff6-e7bbd471eef5",
      "da8858e3-12ba-4621-b882-5c6b2135cda3",
      "ecbb51d2-a8cc-4121-a85f-fcc4040bf152"
    ]
  }
}