window.CMS = window.CMS || {};
CMS.templates = {"landing_01_weboost":"<!-- TEMPLATE -->\n\n<!-- #landing-style (in template for easy edits; could be moved to a separate stylesheet) -->\n<style id=\"landing-style\">\n@font-face {\n\tfont-family: 'Karla';\n\tsrc: url(https:\/\/fonts.gstatic.com\/s\/karla\/v23\/qkB9XvYC6trAT55ZBi1ueQVIjQTD-JrIH2G7nytkHRyQ8p4wUje6bg.woff2) format('woff2')\n}\n\/* Mobile first. *\/\n.landing .facets-browse-category-heading-main-description {\n\tmargin: 0;\n\t\/* Add padding to make the spacing match the mockup. *\/\n\tpadding: 2rem 0 2rem 0;\n\tbackground-color: white;\n}\n.landing h2 {\n\twidth: 100%;\n\ttext-align: center;\n\t\/* Headings large to match the mockup. *\/\n\tfont-size: 36px;\n\tmargin: 0 auto 0 auto;\n\tpadding: 0;\n\tline-height: normal;\n}\n.five-column-layout {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\twidth: 100%;\n\talign-items: center;\n\tjustify-content: center;\n}\nbody .five-column-layout .facets-category-cell {\n\t\/* These are 210px wide graphics within the cells. *\/\n\twidth: 210px; \n\theight: auto;\n\tmargin: 0 18px 18px 0;\n\tpadding: 0;\n}\n.five-column-layout .facets-category-cell .facets-category-cell-thumbnail {\n\t\/* Fix extra margin on mobile that is usually there. *\/\n\tmargin: 0;\n}\n.five-column-layout .facets-category-cell:first-child {\n\tmargin-left: 0;\n}\n.five-column-layout .facets-category-cell,\n.five-column-layout .facets-category-cell .facets-category-cell-thumbnail a {\n\t\/* Override fixed heights. *\/\n\theight: auto;\n}\n.five-column-layout .facets-category-cell img {\n\tpadding: 0;\n}\n.five-column-layout .facets-category-cell-thumbnail {\n\tborder: none;\n}\n\n.facets-facet-browse-items {\n    display: flex;\n    flex-wrap: wrap;\n}\n\t\n\/* Tablet and beyond. *\/\n@media only screen and (min-width: 768px) {\n\tbody .five-column-layout .facets-category-cell:last-child {\n\t\tmargin-right: 0px;\n\t}\n}\n.wrapper-deal figure a {\n    width: 100%;\n    height: 203px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 25px;\n}\n<\/style>\n<!-- \/style -->\n<script>\n\/\/ <!--\n\/\/ The goal here is to move the sidebar into column1.\n\/\/ The out of the box has two columns, but there isn't a way to put content in column1.\n\/\/ Without creating a new template, let's just move the content over.\n(function(window, document) {\n\n\t\/\/ Setup some debugging.\n\tvar DEBUG_ENABLED = true;\n\tfunction debug() {\n\t\tif (!DEBUG_ENABLED) return;\n\t\tconsole.debug(\"weboost\", arguments);\n\t}\n\tdebug(\"loading template\");\n\t\n\t\/\/ Make sure this is only called once.\n\tvar $sidebar = $(\".cms-landing-page-row-full-col:first-of-type .facets-facet-browse-facets-sidebar\");\n\tif ($sidebar.length > 0) return; \/\/ Already moved.\n\t\n\twindow.sidebar = {\n\t\tmoved: false,\n\t\tinterval: window.setInterval(function () {\n\t\t\tmoveSidebar();\n\t\t}, 1000)\n\t};\n\t\n\tconsole.debug(\"interval: \", window.sidebar.interval);\n\n\tfunction moveSidebar() {\n\t\t\/\/ Move the sidebar in the left column without resorting to making a custom extension for a new custom layout.\n\t\tif (window.sidebar.moved) {\n\t\t\tdebug(\"Sidebar already moved.\");\n\t\t\twindow.clearInterval(window.sidebar.interval);\n\t\t\treturn;\n\t\t}\n\t\t\n\t\tif (typeof $ === undefined) {\n\t\t\tdebug(\"jQuery not defined yet.\");\n\t\t\treturn;\n\t\t}\n\t\t\n\t\tvar $sidebar = $(\".facets-facet-browse-facets-sidebar\");\n\t\tvar $column1 = $(\".cms-landing-page-row-full-col:first-of-type\");\n\t\t\n\t\tif ($sidebar.length <= 0) {\n\t\t\tdebug(\"Sidebar not loaded yet.\");\n\t\t\treturn;\n\t\t}\n\t\t\n\t\tif ($column1.length <= 0) {\n\t\t\tdebug(\"Side HTML not loaded yet.\");\n\t\t\treturn;\n\t\t}\n\t\t\n\t\t\/\/ Make sure we only move the sidebar once. window variables are used because in the previewer it runs more than once.\n\t\twindow.clearInterval(window.sidebar.interval);\n\t\twindow.sidebar.moved = true;\n\t\t\n\t\tdebug(\"Detaching sidebar.\");\n\t\t$sidebar.detach();\n\t\t\n\t\tdebug(\"Appending sidebar to column 1.\");\n\t\t$sidebar.appendTo($column1);\n\n\t\t\/\/ Show it after it's moved so the user doesn't see it jumping columns.\n\t\t$sidebar.removeClass(\"visually-hidden\");\n\t}\n})(window, document);\n\/\/ -->\n<\/script>\n\n<!-- .facets-facet-browse-items (merchzone) -->\n<div class=\"facets-facet-browse-items\">\n\t<% _.each(data.items, function (item, index) { %>\n\t\t<% var item_url = '\/'+ item.urlcomponent; %>\n             \n\t\t<div class=\"deal-row\">\n\t\t\t<div class=\"wrapper-deal\">\n\t\t\t\t<figure><a href=\"<%= item_url %>\"><img src=\"<%= item.cms.image.url %>\" alt=\"<%= item.cms.image.alt_text %>\" \/><\/a><\/figure>\n\t\t\t\t<h3><a href=\"<%= item_url %>\"><%= item.storedisplayname2 || item.displayname || item.itemid || item.name %><\/a><\/h3>\n\n\t\t\t\t<h4 itemprop=\"price\" <% if (item.pricelevel1 > item.onlinecustomerprice_detail.onlinecustomerprice) { %>class=\"sale-price\"<% } %> data-rate=\"<%= item.onlinecustomerprice_detail.onlinecustomerprice %>\"><%= item.onlinecustomerprice_detail.onlinecustomerprice_formatted %><\/h4>\n\t\t\t\t<% if (item.pricelevel3 != item.onlinecustomerprice_detail.onlinecustomerprice) { %><p>List Price: <span><%= item.pricelevel3_formatted %><\/span><\/p><% } %>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t<% }); %> \n<\/div>\n<!-- \/.facets-facet-browse-items (merchzone) -->","macros":[],"image_default_tmpl":"<% if (data.fields.string_link) { %>\n\t<a href=\"<%- data.fields.string_link %>\">\n<% } %>\n<img src=\"<%- data.fields.string_src %>\"<% if (data.fields.string_alt) { %> alt=\"<%- data.fields.string_alt %>\"<% } %> data-loader=\"false\" \/>\n<% if (data.fields.string_link) { %>\n\t<\/a>\n<% } %>\n","merchzone_header_daily_deal":"<% var item = data.items[0]; %>\n<% var item_url = '\/' + item.urlcomponent; %>\n<div class=\"daily-deals-container\">\n    <!-- Title -->\n    <a href=\"https:\/\/www.solidsignal.com\/deal-of-the-day\" class=\"deal-title\"><b>$ Daily Deals<\/b><\/a>\n    <!-- Content Container -->\n    <div class=\"content-container\">\n        <!-- Product Info -->\n        <div class=\"product-info\">\n            <a href=\"https:\/\/www.solidsignal.com<%= item_url %>\" class=\"product-name\">\n                <%= item.displayname %>\n            <\/a>\n            <a href=\"https:\/\/www.solidsignal.com<%= item_url %>\" class=\"product-price\">\n                <%= item.onlinecustomerprice_detail.onlinecustomerprice_formatted %>\n            <\/a>\n            <a href=\"https:\/\/www.solidsignal.com\/deal-of-the-day\" class=\"see-all\">See All<\/a>\n        <\/div>\n        <!-- Product Image -->\n        <div class=\"product-image\">\n            <a href=\"https:\/\/www.solidsignal.com<%= item_url %>\">\n                <img src=\"<%= item.cms.image.url %>\" alt=\"<%= item.cms.image.alt_text %>\">\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n","merchzone_default_tmpl":"<% var items_per_row = 4, grid_columns = 12 \/ items_per_row; %>\n<aside>\n\t<div class=\"row-fluid\">\n\t\t<% _.each(data.items, function (item, index) { %>\n\t\t\t<% if ((index % items_per_row) == 0 && index > 0) { %>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"row-fluid\">\n\t\t\t<% } %>\n\t\t\t<div class=\"span<%= grid_columns %>\">\n\t\t\t\t<% var item_url = '\/'+ item.urlcomponent; %>\n\t\t\t\t<div class=\"item-cell item-cell-grid\">\n\t\t\t\t\t<a class=\"thumbnail\" href=\"<%= item_url %>\">\n\t\t\t\t\t\t<img src=\"<%= item.cms.image.url %>\" alt=\"<%= item.cms.image.alt_text %>\" \/>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t<h5>\n\t\t\t\t\t\t<a href=\"<%= item_url %>\"><%= item.storedisplayname2 || item.displayname || item.itemid || item.name %><\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<a class=\"btn btn-small btn-primary btn-expanded\" href=\"<%= item_url %>\">See more<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<% }); %>\n\t<\/div>\n<\/aside>\n","merchzone_daily_deals":"<div id=\"best-deal\" class=\"clearfix\">\n    <h2 id=\"title-deal\">Today's Best Deal<\/h2>\n<% _.each(data.items, function (item, index) { %>\n    <% var item_url = '\/'+ item.urlcomponent; %>\n    <% if (index == 0) { %>\n    <div id=\"deal-featured\">\n        <a href=\"\/deal-of-the-day\" data-hashtag=\"#\/deal-of-the-day\" id=\"link-deal\"><span>See all Daily Deals<\/span> ><\/a>\n        <div class=\"wrapper-deal clearfix\">\n            <div class=\"text-deal\">\n                <h3><a href=\"<%= item_url %>\"><%= item.storedisplayname2 || item.displayname || item.itemid || item.name %><\/a><\/h3>\n                <p><% if (item.custitemsg_brand) { %>Brand: <%= item.custitemsg_brand%><br \/><% } %>\n                <% if (item.itemid) { %>P\\N: <%= item.itemid %><br \/><% } %>\n                <% if (item.upccode) { %>UPC: <%= item.upccode %><% } %><\/p>\n\n                <h4 itemprop=\"price\" <% if (item.pricelevel1 > item.onlinecustomerprice_detail.onlinecustomerprice) { %>class=\"sale-price\"<% } %> data-rate=\"<%= item.onlinecustomerprice_detail.onlinecustomerprice %>\"><%= item.onlinecustomerprice_detail.onlinecustomerprice_formatted %><\/h4>\n                <% if (item.pricelevel3 != item.onlinecustomerprice_detail.onlinecustomerprice) { %><p>List Price: <span><%= item.pricelevel3_formatted %><\/span><\/p><% } %>\n            <\/div>\n            <figure><a href=\"<%= item_url %>\"><img src=\"<%= item.cms.image.url %>\"\" alt=\"<%= item.cms.image.alt_text %>\" \/><\/a><\/figure>\n        <\/div>\n    <\/div>\n    <% } else { %>\n    <div class=\"deal-row\">\n        <div class=\"wrapper-deal\">\n            <figure><a href=\"<%= item_url %>\"><img src=\"<%= item.cms.image.url %>\"\" alt=\"<%= item.cms.image.alt_text %>\" \/><\/a><\/figure>\n            <h3><a href=\"<%= item_url %>\"><%= item.storedisplayname2 || item.displayname || item.itemid || item.name %><\/a><\/h3>\n\n            <h4 itemprop=\"price\" <% if (item.pricelevel1 > item.onlinecustomerprice_detail.onlinecustomerprice) { %>class=\"sale-price\"<% } %> data-rate=\"<%= item.onlinecustomerprice_detail.onlinecustomerprice %>\"><%= item.onlinecustomerprice_detail.onlinecustomerprice_formatted %><\/h4>\n            <% if (item.pricelevel3 != item.onlinecustomerprice_detail.onlinecustomerprice) { %><p>List Price: <span><%= item.pricelevel3_formatted %><\/span><\/p><% } %>\n\n        <\/div>\n    <\/div>\n    <% } %>\n<% }); %> \n<\/div>"};