



<!DOCTYPE html>
<html class="no-js" lang="en">
    <head>
        <title>Faux Panels for Interior &amp; Exterior | Handcrafted in America - Barron Designs</title>
        <link rel="dns-prefetch preconnect" href="https://cdn11.bigcommerce.com/s-y7zjaeumjx" crossorigin><link rel="dns-prefetch preconnect" href="https://fonts.googleapis.com/" crossorigin><link rel="dns-prefetch preconnect" href="https://fonts.gstatic.com/" crossorigin>
        <meta name="description" content="Explore handcrafted faux panels for your interior and exterior walls and ceilings. Samples are available."><link rel='canonical' href='https://www.barrondesigns.com/faux-panels/' /><meta name='platform' content='bigcommerce.stencil' />
        


        <link href="https://cdn11.bigcommerce.com/s-y7zjaeumjx/product_images/rsz_11favicon.png?t=1602591160" rel="shortcut icon">
        <link rel="stylesheet" rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">

        <script type="text/javascript">
            let groove_token = "eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOlsxXSwiY29ycyI6WyJodHRwczovL3d3dy5iYXJyb25kZXNpZ25zLmNvbSJdLCJlYXQiOjE3ODEwOTE4NDQsImlhdCI6MTc4MDkxOTA0NCwiaXNzIjoiQkMiLCJzaWQiOjEwMDA3OTI4MzgsInN1YiI6IkJDIiwic3ViX3R5cGUiOjAsInRva2VuX3R5cGUiOjF9.gDh1-iFSbJEy7iz2FqtevMdAMtmI-1TlsKfS-MWb-oYqdIulcu6-WfAuKExxVYjH4KWWUQxCkHFlkCwkJinSlw";
            let store_url = "https://www.barrondesigns.com";
            let featured_prod_ready = false;
        </script>


        <script>
            document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
        </script>

        <script>
            window.lazySizesConfig = window.lazySizesConfig || {};
            window.lazySizesConfig.loadMode = 1;
        </script>
        <script async src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/dist/theme-bundle.head_async.js"></script>

        <link data-stencil-stylesheet href="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/css/theme-c08b6c80-4570-013f-a503-729b4c5622f5.css" rel="stylesheet" as="stylesheet" resourceHints="preload">
        
        <link rel="next" href="https://www.barrondesigns.com/faux-panels/?page=2">

        
        <!-- Start Tracking Code for analytics_facebook -->

<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');

fbq('set', 'autoConfig', 'false', '1450332238834091');
fbq('dataProcessingOptions', ['LDU'], 0, 0);
fbq('init', '1450332238834091', {"external_id":"0369e6f7-cdcf-461e-b46d-31154ebf2349"});
fbq('set', 'agent', 'bigcommerce', '1450332238834091');

function trackEvents() {
    var pathName = window.location.pathname;

    

    // Search events start -- only fire if the shopper lands on the /search.php page
    if (pathName.indexOf('/search.php') === 0 && getUrlParameter('search_query')) {
        fbq('track', 'Search', {
            content_type: 'product_group',
            content_ids: [],
            search_string: getUrlParameter('search_query')
        });
    }
    // Search events end

    // Wishlist events start -- only fire if the shopper attempts to add an item to their wishlist
    if (pathName.indexOf('/wishlist.php') === 0 && getUrlParameter('added_product_id')) {
        fbq('track', 'AddToWishlist', {
            content_type: 'product_group',
            content_ids: []
        });
    }
    // Wishlist events end

    // Lead events start -- only fire if the shopper subscribes to newsletter
    if (pathName.indexOf('/subscribe.php') === 0 && getUrlParameter('result') === 'success') {
        fbq('track', 'Lead', {});
    }
    // Lead events end

    // Registration events start -- only fire if the shopper registers an account
    if (pathName.indexOf('/login.php') === 0 && getUrlParameter('action') === 'account_created') {
        fbq('track', 'CompleteRegistration', {}, "");
    }
    // Registration events end

    

    function getUrlParameter(name) {
        var cleanName = name.replace(/[\[]/, '\[').replace(/[\]]/, '\]');
        var regex = new RegExp('[\?&]' + cleanName + '=([^&#]*)');
        var results = regex.exec(window.location.search);
        return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
    }
}

if (window.addEventListener) {
    window.addEventListener("load", trackEvents, false)
}
</script>
<noscript><img height="1" width="1" style="display:none" alt="null" src="https://www.facebook.com/tr?id=1450332238834091&ev=PageView&noscript=1&a=plbigcommerce1.2&eid="/></noscript>

<!-- End Tracking Code for analytics_facebook -->

<!-- Start Tracking Code for analytics_siteverification -->

<meta name="google-site-verification" content="jJfM4Hl8tsWgIUVhYFep4uF30ErROdr5T-6U_XvTsyc" />
<meta name="google-site-verification" content="TfPGzN9I0-hNteGwrXthJ5CxNGEIS6c5dZeLe2JAPvI" />
<meta name="facebook-domain-verification" content="o4rz63z9n16198su7joxsg07rywybm" />

<!-- End Tracking Code for analytics_siteverification -->


<script type="text/javascript" src="https://checkout-sdk.bigcommerce.com/v1/loader.js" defer ></script>
<script type="text/javascript">
fbq('track', 'ViewCategory', {"content_ids":[],"content_type":"product_group","content_category":"Faux Panels"});
</script>
<script type="text/javascript">
var BCData = {};
</script>
<script src='https://cdn.attn.tv/barrondesigns/dtag.js'  ></script><script src='https://asset.fwcdn3.com/js/fwn.js'  ></script><script src='https://bigcommerce.firework.com/build/assets/fw_cart.js'  ></script><!-- Start of HubSpot Embed Code -->
<script>
const userInteractionEvents = ["mouseover","keydown","touchmove","touchstart"
];
userInteractionEvents.forEach(function (event) {
    window.addEventListener(event, triggerScriptLoader, {
        passive: true
    });
});

function triggerScriptLoader() {
    loadScripts();
    userInteractionEvents.forEach(function (event) {
        window.removeEventListener(event, triggerScriptLoader, {
            passive: true
        });
    });
}
function loadScripts() {
    document.querySelectorAll("script[data-type='lazy']").forEach(function (elem) {
        elem.setAttribute("src", elem.getAttribute("data-src"));
    });
    document.querySelectorAll("iframe[data-type='lazy']").forEach(function (elem) {
        elem.setAttribute("src", elem.getAttribute("data-src"));
    });
}
</script>
<!-- Hotjar Tracking Code for https://www.barrondesigns.com/ -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:2452952,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!-- End Hotjar Tracking --><script type="text/javascript">
(function(){
  var clientVars = {
    orderEmail: "",
    hubspotutk: "",
    portalId: "5664924"
  };
  var loadScript = function(url, callback){
    var script = document.createElement("script");
    script.type = "text/javascript";
    if (script.readyState){
      script.onreadystatechange = function(){
        if (script.readyState == "loaded" || script.readyState == "complete"){
          script.onreadystatechange = null;
          callback();
        }
      };
    } else {
      script.onload = function(){
        callback();
      };
    }
    script.src = url;
    document.getElementsByTagName("head")[0].appendChild(script);
  };
  function getCookie(c_name)
  {
    var c_value = document.cookie;
    var c_start = c_value.indexOf(" " + c_name + "=");
    if (c_start == -1){
      c_start = c_value.indexOf(c_name + "=");
    }
    if (c_start == -1){
      c_value = null;
    } else {
      c_start = c_value.indexOf("=", c_start) + 1;
      var c_end = c_value.indexOf(";", c_start);
      if (c_end == -1){
        c_end = c_value.length;
      }
      c_value = unescape(c_value.substring(c_start,c_end));
    }
    return c_value;
  }
  var loadHubSpotTrackingScript = function() {
    var desiredSource = 'https://js.hs-scripts.com/'+clientVars["portalId"]+'.js';
    var scripts = document.getElementsByTagName('script');
    var alreadyLoaded = false;
    for(var scriptIndex in document.scripts) {
      if(!alreadyLoaded && desiredSource === scripts[scriptIndex].src) {
        alreadyLoaded = true;
      }
    }
    if(!alreadyLoaded){
      loadScript('//js.hs-scripts.com/'+clientVars["portalId"]+'.js', function(){
      });
    }
  }
  var submitUtk = function() {
    var _hsq = window._hsq = window._hsq || []
    _hsq.push(['identify', {
        email: clientVars["orderEmail"]
    }]);
    _hsq.push(['trackPageView'])
  }
  var unificMain = function($){
    loadHubSpotTrackingScript();
    var hubspotutk_cookiename = 'hubspotutk';
    var hubspotutk = null;
    hubspotutk = getCookie(hubspotutk_cookiename);
    if(hubspotutk !== ""){
      clientVars["hubspotutk"] = hubspotutk;
    }else{
      delete clientVars["hubspotutk"];
    }
    $(document).on("click", "#checkout-customer-continue" , function() {
      var emailInputFieldNameValue = $("#email").val();
      clientVars["orderEmail"] = emailInputFieldNameValue;
      if(clientVars["hubspotutk"] !== "" && clientVars["orderEmail"] !== "" && clientVars["portalId"] !== "") {
        submitUtk();
      }
    });
    $(document).on("submit", ".login-form" , function() {
      var emailInputFieldNameValue = $("#login_email").val();
      clientVars["orderEmail"] = emailInputFieldNameValue;
      if(clientVars["hubspotutk"] !== "" && clientVars["orderEmail"] !== "" && clientVars["portalId"] !== "") {
        submitUtk();
      }
    });
    $(document).on("submit", "#checkout-customer-returning" , function() {
      var emailInputFieldNameValue = $("#email").val();
      clientVars["orderEmail"] = emailInputFieldNameValue;
      if(clientVars["hubspotutk"] !== "" && clientVars["orderEmail"] !== "" && clientVars["portalId"] !== "") {
        submitUtk();
      }
    });
    $(document).on("submit", ".form" , function() {
      var attr = $(this).attr('data-create-account-form');
      if (typeof attr !== 'undefined' && attr !== false) {
        var emailInputFieldNameValue = $("#FormField_1_input").val();
        clientVars["orderEmail"] = emailInputFieldNameValue;
        if(clientVars["hubspotutk"] !== "" && clientVars["orderEmail"] !== "" && clientVars["portalId"] !== "") {
          submitUtk();
        }
      }
    });
  };
  if ((typeof jQuery === 'undefined') || (parseFloat(jQuery.fn.jquery) < 1.7)) {
    loadScript('//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js', function(){
      jQuery1111 = jQuery.noConflict(true);
      unificMain(jQuery1111);
    });
  } else {
    unificMain(jQuery);
  }
})();
</script><script type="text/javascript">
    var attnData = {
	    pageType: "category",
            orderData: {},
    }
try {
    if ("") {
        fetch("/api/storefront/order/", {
            credentials: "include",
        })
        .then(function (response) {
            return response.json();
        })
        .then(function (orderInfo) {
            window.attnData = window.attnData || {
			        pageType: "category",
    		        orderData: {},
		            }
            window.attnData.orderData = {
                cartTotal: orderInfo.orderAmount,
                cartId: orderInfo.cartId,
			    cartCoupon: orderInfo.coupons.length > 0 ? orderInfo.coupons[0].code : null,
                orderId: orderInfo.orderId,
                phone: orderInfo.billingAddress.phone,
                email: orderInfo.billingAddress.email,
                items: orderInfo.lineItems.physicalItems.map(item => {
                    return {
                        sku: item.productId,
                        subProductId: item.variantId,
                        name: item.name,
                        image: item.imageUrl,
                        price: item.salePrice,
                        currency: orderInfo.currency.code,
                        quantity: item.quantity,
                    }
                }),
            }
        })
}} catch (e) {}
</script>
<script type="text/javascript">
 const attn_upc = "";
    const attn_price = "";
    var variant = null;
    const attnBCProducts = window.attn_bc_products = window.attn_bc_products || {};
    const productsCatalogue = attnBCProducts.products = attnBCProducts.products || [];
    const product = {
        sku: '',
        subProductId: variant,
        productId: '',
        name: '',
        image: 'https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/ProductDefault.gif',
        category: '',
        price: attn_price,
        currency: 'USD' || 'USD',
    };
    if (attnData.pageType === 'product' && product.sku) {    try {
        fetch('/graphql', {
            method: 'POST',
            credentials: 'same-origin',
            headers: {
              'Content-Type': 'application/json',
              'Authorization': 'Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOlsxXSwiY29ycyI6WyJodHRwczovL3d3dy5iYXJyb25kZXNpZ25zLmNvbSJdLCJlYXQiOjE3ODEwOTE4NDQsImlhdCI6MTc4MDkxOTA0NCwiaXNzIjoiQkMiLCJzaWQiOjEwMDA3OTI4MzgsInN1YiI6IkJDIiwic3ViX3R5cGUiOjAsInRva2VuX3R5cGUiOjF9.gDh1-iFSbJEy7iz2FqtevMdAMtmI-1TlsKfS-MWb-oYqdIulcu6-WfAuKExxVYjH4KWWUQxCkHFlkCwkJinSlw'
            },
            body: JSON.stringify({ query: '{ site {product(entityId: ) { sku, variants{edges{node{upc, entityId, prices{price{value}}}}}}}}'})})
            .then(data => data.json())
            .then(json => json?.data?.site?.product?.variants?.edges)
            .then(variantsArr =>  {
                if (variantsArr.length === 1) {
                    variant = variantsArr[0]?.node?.entityId;
                } else if (attn_upc) {
                    variant = variantsArr.find(variantObj => variantObj?.node?.upc === attn_upc)?.node.entityId;
                } else if (attn_price) {
                    variant = variantsArr.find(variantObj => variantObj?.node?.prices?.price?.value?.toString() === attn_price)?.node.entityId;
                } else {
                    variant = variantsArr[0]?.node?.entityId;
                }
            })
            .then(() => {
                product.subProductId = variant;
                attnBCProducts["current_product"] = product;
                if (productsCatalogue.filter(i => {i.productId === '' && i.subProductId === variant}).length === 0) {
                    productsCatalogue.push(product);
                }
            })
    } catch {
        attnBCProducts["current_product"] = product;
        if (productsCatalogue.filter(i => i.productId === '').length === 0) {
            productsCatalogue.push(product);
        }
    }}
</script><script >
</script><script src="https://analytics.ahrefs.com/analytics.js" data-key="2sfn5jHdF5UDPelA17IuHw" async></script><script>
    addEventListener('hawksearch:before-recommendations-executed', (event) => {
        event.detail.ClientGuid = 'da5d79ceda364bdd8e492a2151161754'; 
    });
</script>
<script>
window.dataLayer = window.dataLayer || [];

    // If no customer, check sessionStorage in case they are still logged in
    if (!sessionStorage.getItem('bc_customer')) {
        sessionStorage.setItem('bc_customer', JSON.stringify({
            customer_type: 'new_customer',
            logged_in: false
        }));
    }

// Always read from sessionStorage and push to dataLayer
var _stored_customer = JSON.parse(sessionStorage.getItem('bc_customer'));
window.dataLayer.push(Object.assign({ event: 'customer_data' }, _stored_customer));

// Hashed email
async function hashEmail(email) {
    const msgBuffer = new TextEncoder().encode(email.trim().toLowerCase());
    const hashBuffer = await crypto.subtle.digest('SHA-256', msgBuffer);
    const hashArray = Array.from(new Uint8Array(hashBuffer));
    return hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
}

if (_stored_customer && _stored_customer.customer_email) {
    hashEmail(_stored_customer.customer_email).then(function(hashedEmail) {
        window.dataLayer.push({
        'event': 'customer_email_hashed',
        'customer_email_sha256': hashedEmail
        });
    });
}
  
// Establish page_type for CJ Script
var bc_page_type = 'category' || 'page'; // It's either a specific page_type from BC or we'll send 'page';
window.dataLayer.push({ event: 'page_view', page_type: bc_page_type });
</script><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5NL36LK');</script>
<!-- End Google Tag Manager --><script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({ ecommerce: null });
window.dataLayer.push({
  'event': 'view_item_list',
  'ecommerce': {
    'item_list_name': 'Faux Panels',
    'items': [
          {
            'item_id': 'BATIExxELN',
            'item_name': 'Anson Fieldstone Faux Stone Interlocking Left Endcap - Tall',
            'item_brand': 'Barron Designs',
            'price': 136,
            'google_business_vertical': 'retail',
            'index': 0
          },
          {
            'item_id': 'BATCO',
            'item_name': 'Anson Fieldstone Faux Stone Interlocking Outside Corner - Tall',
            'item_brand': 'Barron Designs',
            'price': 167,
            'google_business_vertical': 'retail',
            'index': 1
          },
          {
            'item_id': 'BATIExxERN',
            'item_name': 'Anson Fieldstone Faux Stone Interlocking Right Endcap - Tall',
            'item_brand': 'Barron Designs',
            'price': 136,
            'google_business_vertical': 'retail',
            'index': 2
          },
          {
            'item_id': 'BATPN',
            'item_name': 'Anson Fieldstone Faux Stone Wall Panel - Tall',
            'item_brand': 'Barron Designs',
            'price': 194,
            'google_business_vertical': 'retail',
            'index': 3
          },
          {
            'item_id': 'BFSPN',
            'item_name': 'Carlton Fieldstone Faux Stone Wall Panel',
            'item_brand': 'Barron Designs',
            'price': 235,
            'google_business_vertical': 'retail',
            'index': 4
          },
          {
            'item_id': 'BCCPN',
            'item_name': 'Carolina Chiseled Faux Stone Wall Panel',
            'item_brand': 'Barron Designs',
            'price': 120,
            'google_business_vertical': 'retail',
            'index': 5
          },
          {
            'item_id': 'BCHTR--SQN',
            'item_name': 'Chevron Faux Wood Corner Trim',
            'item_brand': 'Barron Designs',
            'price': 11,
            'google_business_vertical': 'retail',
            'index': 6
          },
          {
            'item_id': 'BCHWT',
            'item_name': 'Chevron Faux Wood Trim',
            'item_brand': 'Barron Designs',
            'price': 36,
            'google_business_vertical': 'retail',
            'index': 7
          },
          {
            'item_id': 'BCHPN',
            'item_name': 'Chevron Faux Wood Wall Panel',
            'item_brand': 'Barron Designs',
            'price': 136,
            'google_business_vertical': 'retail',
            'index': 8
          },
          {
            'item_id': 'BCHNS',
            'item_name': 'Chevron Faux Wood Wall Panel Sample',
            'item_brand': 'Barron Designs',
            'price': 12,
            'google_business_vertical': 'retail',
            'index': 9
          },
          {
            'item_id': 'BDSTN--OI-',
            'item_name': 'Colorado Dry Stack Faux Stone Outside Corner - Interlocking, Tall',
            'item_brand': 'Barron Designs',
            'price': 139,
            'google_business_vertical': 'retail',
            'index': 10
          },
          {
            'item_id': 'BDSPN',
            'item_name': 'Colorado Dry Stack Faux Stone Wall Panel',
            'item_brand': 'Barron Designs',
            'price': 120,
            'google_business_vertical': 'retail',
            'index': 11
          }
    ]
  }
});
</script>
<script nonce="">
if(typeof fbq === 'function') {
  fbq('track', 'PageView', {}, {"eventID":"a066389c-d404-448c-8bdb-125c98751f6e"});
} else if (typeof window.addEventListener === 'function') {
  window.addEventListener("load", function() { fbq('track', 'PageView', {}, {"eventID":"a066389c-d404-448c-8bdb-125c98751f6e"}); }, false)
}
</script>

<script nonce="">
(function () {
    var xmlHttp = new XMLHttpRequest();
    
    xmlHttp.open('POST', 'https://bes.gcp.data.bigcommerce.com/nobot');
    xmlHttp.setRequestHeader('Content-Type', 'application/json');
    xmlHttp.send('{"store_id":"1000792838","timezone_offset":"-4.0","timestamp":"2026-06-09T10:22:13.51788100Z","visit_id":"6c265ef7-2f1a-4983-b13a-a07a2dc125bb","channel_id":1}');
})();
</script>








    </head>
    <body  data-template="pages/custom/category/category-landing">
        <!-- Google Tag Manager (noscript) -->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5NL36LK"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->

        <svg data-src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/icon-sprite.svg" class="icons-svg-sprite"></svg>
        <a href="#content" class="skip-content">Skip to Content</a>
<header>
    <div data-content-region="header_top--global"><div data-layout-id="a612cf1c-b0da-4dac-940b-9141a491eda6">       <div data-sub-layout-container="4f9860cf-c881-48a3-b10a-b91fd85eb825" data-layout-name="Layout">
    <style data-container-styling="4f9860cf-c881-48a3-b10a-b91fd85eb825">
        [data-sub-layout-container="4f9860cf-c881-48a3-b10a-b91fd85eb825"] {
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            z-index: 0;
            position: relative;
            height: ;
            background-color: rgba(5, 118, 167, 1);
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: #333333;
        }

        [data-sub-layout-container="4f9860cf-c881-48a3-b10a-b91fd85eb825"]:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-size: cover;
            z-index: -2;
            content: '';
        }
    </style>

    <div data-sub-layout="7ce5f108-d21d-4a26-a23e-7d438c3e4ad1">
        <style data-column-styling="7ce5f108-d21d-4a26-a23e-7d438c3e4ad1">
            [data-sub-layout="7ce5f108-d21d-4a26-a23e-7d438c3e4ad1"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 100%;
                max-width: 100%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="7ce5f108-d21d-4a26-a23e-7d438c3e4ad1"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="7ce5f108-d21d-4a26-a23e-7d438c3e4ad1"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }
        </style>
        <div data-widget-id="fc488009-e51f-4298-b17d-fe9a3fa40619" data-placement-id="d0af5d04-b340-4127-b4fe-f1ff32129077" data-placement-status="ACTIVE">
</div>
        <div data-widget-id="74df8613-f0d2-4808-bdf9-5d0ebcaa0801" data-placement-id="81cbf689-c3a0-4b99-98d6-901f89e9ecb4" data-placement-status="ACTIVE"><style>
  .top-bar-link {color: #FFFFFF;
  font-family: inherit;
  font-weight: 700;
  font-size: 12px;
  }
  
  a.top-bar-link:hover {
  color: #e8b651 !important; 
  text-decoration: underline;
}
  </style>
  <div style="text-align:center;">
<a class="top-bar-link" href="https://www.barrondesigns.com/sign-up/">SUBSCRIBE TO OUR EMAILS</a></div>
</div>
    </div>
</div>

       <div data-sub-layout-container="942ad87a-ea6c-4c79-86bf-a3dc0a7af56e" data-layout-name="Layout">
    <style data-container-styling="942ad87a-ea6c-4c79-86bf-a3dc0a7af56e">
        [data-sub-layout-container="942ad87a-ea6c-4c79-86bf-a3dc0a7af56e"] {
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            z-index: 0;
            position: relative;
            height: ;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: #333333;
        }

        [data-sub-layout-container="942ad87a-ea6c-4c79-86bf-a3dc0a7af56e"]:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-size: cover;
            z-index: auto;
        }
    </style>

    <div data-sub-layout="a8a8c77f-580b-452c-b011-8f065d9302b4">
        <style data-column-styling="a8a8c77f-580b-452c-b011-8f065d9302b4">
            [data-sub-layout="a8a8c77f-580b-452c-b011-8f065d9302b4"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 100%;
                max-width: 100%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="a8a8c77f-580b-452c-b011-8f065d9302b4"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="a8a8c77f-580b-452c-b011-8f065d9302b4"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }
        </style>
        <div data-widget-id="18614272-0dbb-4cfa-8f64-d7626bfa5865" data-placement-id="b6c05315-4cf9-4d8f-a370-892218c11fd3" data-placement-status="ACTIVE"><style>
    .sd-simple-text-18614272-0dbb-4cfa-8f64-d7626bfa5865 {
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;

      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: -20px;
      margin-left: 0px;

    }

    .sd-simple-text-18614272-0dbb-4cfa-8f64-d7626bfa5865 * {
      margin: 0;
      padding: 0;

        color: #333333;
        font-family: inherit;
        font-weight: 700;
        font-size: 12px;
        min-height: 12px;

    }

    .sd-simple-text-18614272-0dbb-4cfa-8f64-d7626bfa5865 {
        text-align: center;
    }

    #sd-simple-text-editable-18614272-0dbb-4cfa-8f64-d7626bfa5865 {
      min-width: 14px;
      line-height: 1.5;
      display: inline-block;
    }

    #sd-simple-text-editable-18614272-0dbb-4cfa-8f64-d7626bfa5865[data-edit-mode="true"]:hover,
    #sd-simple-text-editable-18614272-0dbb-4cfa-8f64-d7626bfa5865[data-edit-mode="true"]:active,
    #sd-simple-text-editable-18614272-0dbb-4cfa-8f64-d7626bfa5865[data-edit-mode="true"]:focus {
      outline: 1px dashed #3C64F4;
    }

    #sd-simple-text-editable-18614272-0dbb-4cfa-8f64-d7626bfa5865 strong,
    #sd-simple-text-editable-18614272-0dbb-4cfa-8f64-d7626bfa5865 strong * {
      font-weight: bold;
    }

    #sd-simple-text-editable-18614272-0dbb-4cfa-8f64-d7626bfa5865 a {
      color: inherit;
    }

    @supports (color: color-mix(in srgb, #000 50%, #fff 50%)) {
      #sd-simple-text-editable-18614272-0dbb-4cfa-8f64-d7626bfa5865 a:hover,
      #sd-simple-text-editable-18614272-0dbb-4cfa-8f64-d7626bfa5865 a:active,
      #sd-simple-text-editable-18614272-0dbb-4cfa-8f64-d7626bfa5865 a:focus {
        color: color-mix(in srgb, currentColor 68%, white 32%);
      }
    }

    @supports not (color: color-mix(in srgb, #000 50%, #fff 50%)) {
      #sd-simple-text-editable-18614272-0dbb-4cfa-8f64-d7626bfa5865 a:hover,
      #sd-simple-text-editable-18614272-0dbb-4cfa-8f64-d7626bfa5865 a:active,
      #sd-simple-text-editable-18614272-0dbb-4cfa-8f64-d7626bfa5865 a:focus {
        filter: brightness(2);
      }
    }
</style>

<div class="sd-simple-text-18614272-0dbb-4cfa-8f64-d7626bfa5865 ">
  <div id="sd-simple-text-editable-18614272-0dbb-4cfa-8f64-d7626bfa5865" data-edit-mode="">
    <p><a href="https://www.barrondesigns.com/commercial/">LEARN MORE ABOUT TRADE BENEFITS</a></p>
  </div>
</div>

</div>
    </div>
</div>

</div></div>
    <div class="container">
        <input type="checkbox" class="toggle" id="headerToggleNav" />
        <label aria-label="Menu" class="toggle-trigger" for="headerToggleNav">
            <span class="bar"></span>
            <span class="bar"></span>
            <span class="bar"></span>
            <span class="sr-only">Menu</span>
        </label>
        <a href="https://www.barrondesigns.com/" aria-label="logo" class="logo">
    <svg xmlns="http://www.w3.org/2000/svg" width="204" height="60" viewBox="0 0 204 60" fill="none">
        <path d="M30.2968 60C24.3047 60 18.4471 58.2405 13.4648 54.9441C8.48254 51.6477 4.59932 46.9623 2.30622 41.4805C0.0131271 35.9987 -0.586851 29.9667 0.582158 24.1473C1.75117 18.3279 4.63666 12.9824 8.87375 8.78681C13.1108 4.59123 18.5092 1.73401 24.3862 0.576455C30.2632 -0.581102 36.3549 0.0129985 41.8909 2.28363C47.4269 4.55426 52.1587 8.39943 55.4877 13.3329C58.8168 18.2664 60.5936 24.0666 60.5936 30C60.5842 37.9536 57.3892 45.5788 51.7095 51.2029C46.0298 56.827 38.3291 59.9907 30.2968 60ZM30.2968 2.12165C24.7285 2.12165 19.2851 3.75669 14.6552 6.82C10.0253 9.88332 6.41668 14.2373 4.28576 19.3314C2.15483 24.4255 1.59728 30.0309 2.68362 35.4388C3.76996 40.8467 6.45138 45.8141 10.3888 49.713C14.3262 53.6119 19.3428 56.267 24.8042 57.3427C30.2656 58.4184 35.9265 57.8663 41.071 55.7563C46.2155 53.6462 50.6126 50.073 53.7062 45.4884C56.7998 40.9038 58.451 35.5138 58.451 30C58.4435 22.6085 55.4748 15.5219 50.1965 10.2953C44.9182 5.06872 37.7615 2.12914 30.2968 2.12165Z" fill="#1C1F2A"/>
        <path d="M84.3843 28.833H75.3281V10.1626H84.0701C88.4053 10.1626 90.8551 11.966 90.8551 15.2333C90.8872 16.0704 90.6527 16.8963 90.1849 17.5943C89.7172 18.2923 89.0397 18.8271 88.2482 19.123V19.4059C89.173 19.6312 89.9934 20.16 90.5758 20.9062C91.1581 21.6523 91.4681 22.5719 91.455 23.5148C91.455 27.0296 88.6553 28.833 84.3843 28.833ZM84.0058 12.8995H78.4421V18.1612H84.0058C86.2698 18.1612 87.6197 17.1004 87.6197 15.5445C87.6197 13.7694 86.2698 12.8995 84.0058 12.8995ZM78.4421 20.6152V26.0961H84.4772C86.6198 26.0961 88.1839 25.099 88.1839 23.3238C88.1839 21.7043 86.7055 20.6152 84.7271 20.6152H78.4421Z" fill="#1B1F2A"/>
        <path d="M104.053 10.1626H104.646L114.202 28.833H110.631L109.203 26.0042H99.461L98.0826 28.833H94.5615L104.053 10.1626ZM104.46 15.8557H104.275L100.875 23.1683L100.689 23.4794H108.01L107.824 23.1683L104.46 15.8557Z" fill="#1B1F2A"/>
        <path d="M118.694 10.1626H126.865C131.614 10.1626 134.507 12.4328 134.507 16.478C134.567 17.7332 134.218 18.9743 133.511 20.0176C132.803 21.0608 131.775 21.8506 130.579 22.2701V22.454L135.257 28.4016V28.833H131.8L127.179 22.9207H121.808V28.833H118.694V10.1626ZM126.772 12.8995H121.808V20.2475H126.958C129.572 20.2475 131.3 19.0947 131.3 16.6053C131.3 14.1159 129.536 12.8995 126.772 12.8995Z" fill="#1B1F2A"/>
        <path d="M140.535 10.1626H148.713C153.455 10.1626 156.348 12.4328 156.348 16.478C156.408 17.7332 156.059 18.9743 155.351 20.0176C154.644 21.0608 153.616 21.8506 152.42 22.2701V22.454L157.126 28.4016V28.833H153.67L149.049 22.9207H143.671V28.833H140.557L140.535 10.1626ZM148.613 12.8995H143.613V20.2475H148.77C151.377 20.2475 153.105 19.0947 153.105 16.6053C153.105 14.1159 151.413 12.8995 148.613 12.8995Z" fill="#1B1F2A"/>
        <path d="M160.997 19.5261C160.997 14.0806 164.797 9.75952 170.867 9.75952C176.938 9.75952 180.766 14.0806 180.766 19.5261C180.766 24.9717 176.96 29.2715 170.867 29.2715C164.775 29.2715 160.997 24.9151 160.997 19.5261ZM177.56 19.5261C177.56 15.6718 174.888 12.7157 170.867 12.7157C166.846 12.7157 164.204 15.6718 164.204 19.5261C164.204 23.3805 166.875 26.28 170.867 26.28C174.86 26.28 177.56 23.338 177.56 19.5261Z" fill="#1B1F2A"/>
        <path d="M203.386 28.833H202.565L189.523 16.3224V28.833H186.409V10.1626H187.231L200.272 22.4823V10.1626H203.386V28.833Z" fill="#1B1F2A"/>
        <path d="M78.3628 50.0495H75.2988V41.9165H78.3628C81.0197 41.9165 82.7338 43.5572 82.7338 45.983C82.7338 48.4087 81.0197 50.0495 78.3628 50.0495ZM76.6558 43.14V48.8896H78.2699C80.0198 48.8896 81.3482 47.8571 81.3482 46.0113C81.3482 44.1654 79.9912 43.14 78.2699 43.14H76.6558Z" fill="#1B1F2A"/>
        <path d="M102.567 46.5983H98.4322V48.8613H103.303V50.0495H97.0752V41.9165H103.303V43.14H98.4322V45.4809H102.567V46.5983Z" fill="#1B1F2A"/>
        <path d="M117.787 48.2107C118.501 48.7191 119.358 48.9936 120.237 48.9957C121.459 48.9957 121.966 48.5219 121.966 47.8713C121.966 47.2206 121.537 46.9307 119.966 46.4568C118.037 45.9193 117.109 45.3041 117.109 44.0311C117.109 42.6167 118.23 41.7114 120.244 41.7114C122.387 41.7114 123.273 42.5247 123.273 42.5247L122.558 43.628C121.885 43.1762 121.086 42.9438 120.273 42.9632C119.244 42.9632 118.616 43.3239 118.616 43.9745C118.616 44.6251 119.094 44.802 120.587 45.2121C122.673 45.7638 123.494 46.4851 123.494 47.744C123.494 49.1584 122.508 50.2121 120.287 50.2121C119.125 50.2791 117.98 49.9161 117.073 49.1937L117.787 48.2107Z" fill="#1B1F2A"/>
        <path d="M139.1 50.0495H137.75V41.9165H139.1V50.0495Z" fill="#1B1F2A"/>
        <path d="M160.197 46.5983H157.526V45.4526H161.604V46.1598C161.604 48.5997 160.226 50.2546 157.733 50.2546C156.597 50.2546 155.507 49.8075 154.703 49.0117C153.9 48.216 153.448 47.1367 153.448 46.0113C153.448 44.8859 153.9 43.8066 154.703 43.0108C155.507 42.2151 156.597 41.768 157.733 41.768C158.289 41.7312 158.846 41.8048 159.372 41.9846C159.899 42.1644 160.383 42.4466 160.797 42.8147L160.019 43.8472C159.384 43.3185 158.577 43.0347 157.748 43.0481C157.36 43.0402 156.974 43.1106 156.615 43.2551C156.255 43.3995 155.929 43.6149 155.657 43.8882C155.384 44.1615 155.17 44.487 155.029 44.8447C154.888 45.2024 154.821 45.5849 154.834 45.9689C154.809 46.3526 154.865 46.7374 154.998 47.0986C155.131 47.4599 155.338 47.7899 155.607 48.0678C155.876 48.3456 156.199 48.5653 156.558 48.7129C156.917 48.8604 157.302 48.9326 157.691 48.925C158.011 48.9509 158.334 48.9097 158.637 48.8041C158.941 48.6986 159.218 48.5309 159.452 48.3121C159.686 48.0934 159.87 47.8283 159.994 47.5343C160.117 47.2402 160.177 46.9237 160.169 46.6054L160.197 46.5983Z" fill="#1B1F2A"/>
        <path d="M183.273 50.0495H182.916L177.203 44.6039V50.0495H175.846V41.9165H176.203L181.917 47.2843V41.9165H183.273V50.0495Z" fill="#1B1F2A"/>
        <path d="M198.322 48.2107C199.035 48.7191 199.892 48.9936 200.771 48.9957C201.985 48.9957 202.493 48.5219 202.493 47.8713C202.493 47.2206 202.071 46.9307 200.493 46.4568C198.564 45.9194 197.636 45.3041 197.636 44.0311C197.636 42.6167 198.757 41.7114 200.771 41.7114C202.914 41.7114 203.792 42.5247 203.792 42.5247L203.078 43.628C202.405 43.1762 201.606 42.9438 200.793 42.9632C199.764 42.9632 199.136 43.3239 199.136 43.9745C199.136 44.6251 199.614 44.802 201.107 45.2121C203.185 45.7638 204.007 46.4851 204.007 47.744C204.007 49.1584 203.021 50.2121 200.8 50.2121C199.638 50.277 198.494 49.9143 197.586 49.1937L198.322 48.2107Z" fill="#1B1F2A"/>
        <path d="M43.6383 27.5813L52.3231 19.0099C51.302 17.0064 50.0093 15.1505 48.4806 13.4937L38.9316 22.9491L43.6383 27.5813Z" fill="#A1854C"/>
        <path d="M17.5771 31.9659H26.7976L40.0891 18.7976H17.5771V31.9659Z" fill="#68686A"/>
        <path d="M24.6541 34.0876H5.97754C6.7777 38.7277 8.91858 43.0387 12.1412 46.4992L24.6541 34.0876Z" fill="#525355"/>
        <path d="M15.4341 18.7976H8.37766C6.56608 22.2589 5.62293 26.1013 5.62795 29.9999C5.62795 30.6646 5.62795 31.3153 5.71365 31.9659H15.4341V18.7976Z" fill="#808081"/>
        <path d="M30.7115 43.4229L21.291 52.7369C23.7664 53.7007 26.3836 54.2596 29.0402 54.3917L35.411 48.0905L30.7115 43.4229Z" fill="#A1854C"/>
        <path d="M54.8867 31.8247L51.3799 35.3042L53.7368 37.638C54.3543 35.753 54.7404 33.8011 54.8867 31.8247Z" fill="#A1854C"/>
        <path d="M27.7039 16.6762V5.70728C24.0562 6.09103 20.5406 7.27457 17.4125 9.17192C14.2845 11.0693 11.6225 13.6328 9.62012 16.6762H27.7039Z" fill="#9A9A9B"/>
        <path d="M42.1382 29.109L37.4316 24.4485L13.627 47.9987C15.2982 49.5168 17.1728 50.7995 19.1978 51.8106L42.1382 29.109Z" fill="#A1854C"/>
        <path d="M49.8664 36.7751L32.1396 54.3494C36.6154 54.0227 40.9165 52.4936 44.5799 49.9265C48.2434 47.3595 51.1304 43.8517 52.9303 39.7808L49.8664 36.7751Z" fill="#A1854C"/>
        <path d="M54.9297 28.7553C54.7962 26.1248 54.2318 23.5332 53.2584 21.082L32.2178 41.9236L36.9244 46.5842L54.9297 28.7553Z" fill="#A1854C"/>
        <path d="M29.8467 16.676H42.2311L46.9592 12.0225C42.4221 7.87366 36.4724 5.57064 30.2966 5.57276H29.8467V16.676Z" fill="#525355"/>
        <path d="M203.843 34.4485H75.3281V35.8629H203.843V34.4485Z" fill="#A1854C"/>
    </svg>
</a>
        <div class="mobile-nav-right">


            <a class="navUser-action toggle-cart"
                id="cartQuantity"
                data-cart-preview
                data-options="align:right"
                href="https://www.barrondesigns.com/cart.php"
            >
                <span class="icon-cart"></span>
                <span class="navUser-item-cartLabel sr-only">Cart</span>
                <span class="count cart-quantity" data-cart-quantity></span>
            </a>
        </div>
        <div class="quick-search not-logged" id="quickSearch">
    <hawksearch-search-field></hawksearch-search-field>
</div>


        <nav>
            <ul class="main">
                <li id="mainNavItemWoodFauxWoodBeams" class="page-link">
    <a href="/wood-faux-wood-beams/">
        Wood &amp; Faux Wood Beams 
    </a>
        <input type="checkbox" aria-label="Show Wood &amp; Faux Wood Beams" id="mainNavWoodFauxWoodBeams">
        <label for="mainNavWoodFauxWoodBeams">
            <span class="toggle-text">Show&nbsp;</span> Wood & Faux Wood Beams <span class="toggle-text">&nbsp;Subpages</span> 
            <span class="icon-caret-right"></span>
        </label>
        <div>
            
            <ul>
                <li>
                    <label for="mainNavWoodFauxWoodBeams">
                        <span class="icon-caret-left"></span>
                        Back
                    </label>
                </li>
                <li>
                    <a href="/wood-faux-wood-beams/">Wood &amp; Faux Wood Beams</a>
                </li>
                    <li>
                        <a href="/wood-faux-wood-beams/">Shop All Wood &amp; Wood Faux Beams</a>
                            <input type="checkbox" aria-label="Shop All Wood &amp; Wood Faux Beams" id="subNavShopAllWoodWoodFauxBeams">
                            <label class="sub-nav-level subNavShopAllWoodWoodFauxBeams" for="subNavShopAllWoodWoodFauxBeams">
                                <span class="toggle-text">Show&nbsp;</span> Shop All Wood & Wood Faux Beams <span class="toggle-text">&nbsp;Subpages</span>
                                <span class="icon-caret-right"></span>
                            </label>
                            <ul>
                                <li>
                                    <label for="subNavShopAllWoodWoodFauxBeams">
                                        <span class="icon-caret-left"></span>
                                        <span class="toggle-text">Show&nbsp;</span> Shop All Wood & Wood Faux Beams <span class="toggle-text">&nbsp;Subpages</span>
                                    </label>
                                </li>
                                <li>
                                    <a data-test-a href="/wood-faux-wood-beams/">Shop All Wood &amp; Wood Faux Beams</a>
                                </li>
                                    <li data-test>
                                        <a href="/wood-faux-wood-beams/beams/">Beams</a>
                                            <input type="checkbox" aria-label="Beams" id="subNavBeams">
                                            <label for="subNavBeams">
                                                <span class="toggle-text">Show&nbsp;</span> Beams <span class="toggle-text">&nbsp;Subpages</span>
                                                <span class="icon-caret-right"></span>
                                            </label>
                                            <ul>
                                                <li>
                                                    <label for="subNavBeams">
                                                        <span class="icon-caret-left"></span>
                                                        <span class="toggle-text">Show&nbsp;</span> Beams <span class="toggle-text">&nbsp;Subpages</span>
                                                    </label>
                                                </li>
                                                <li>
                                                    <a href="/wood-faux-wood-beams/beams/">Beams</a>
                                                </li>
                                                    <li>
                                                        <a href="/wood-faux-wood-beams/beams/faux-wood-beams/">Faux Wood Beams</a>
                                                    </li>
                                                    <li>
                                                        <a href="/wood-faux-wood-beams/beams/real-wood-beams/">Real Wood Beams</a>
                                                    </li>
                                            </ul>
                                    </li>
                                    <li data-test>
                                        <a href="/wood-faux-wood-beams/arched-beams/">Arched Beams</a>
                                    </li>
                                    <li data-test>
                                        <a href="/wood-faux-wood-beams/l-headers/">L-Headers</a>
                                            <input type="checkbox" aria-label="L-Headers" id="subNavLHeaders">
                                            <label for="subNavLHeaders">
                                                <span class="toggle-text">Show&nbsp;</span> L-Headers <span class="toggle-text">&nbsp;Subpages</span>
                                                <span class="icon-caret-right"></span>
                                            </label>
                                            <ul>
                                                <li>
                                                    <label for="subNavLHeaders">
                                                        <span class="icon-caret-left"></span>
                                                        <span class="toggle-text">Show&nbsp;</span> L-Headers <span class="toggle-text">&nbsp;Subpages</span>
                                                    </label>
                                                </li>
                                                <li>
                                                    <a href="/wood-faux-wood-beams/l-headers/">L-Headers</a>
                                                </li>
                                                    <li>
                                                        <a href="/wood-faux-wood-beams/l-headers/faux-wood-l-headers/">Faux Wood L-Headers</a>
                                                    </li>
                                                    <li>
                                                        <a href="/wood-faux-wood-beams/l-headers/real-wood-l-headers/">Real Wood L-Headers</a>
                                                    </li>
                                            </ul>
                                    </li>
                                    <li data-test>
                                        <a href="/wood-faux-wood-beams/planks/">Planks</a>
                                            <input type="checkbox" aria-label="Planks" id="subNavPlanks">
                                            <label for="subNavPlanks">
                                                <span class="toggle-text">Show&nbsp;</span> Planks <span class="toggle-text">&nbsp;Subpages</span>
                                                <span class="icon-caret-right"></span>
                                            </label>
                                            <ul>
                                                <li>
                                                    <label for="subNavPlanks">
                                                        <span class="icon-caret-left"></span>
                                                        <span class="toggle-text">Show&nbsp;</span> Planks <span class="toggle-text">&nbsp;Subpages</span>
                                                    </label>
                                                </li>
                                                <li>
                                                    <a href="/wood-faux-wood-beams/planks/">Planks</a>
                                                </li>
                                                    <li>
                                                        <a href="/wood-faux-wood-beams/planks/faux-wood-planks/">Faux Wood Planks</a>
                                                    </li>
                                                    <li>
                                                        <a href="/wood-faux-wood-beams/planks/real-wood-planks/">Real Wood Planks</a>
                                                    </li>
                                            </ul>
                                    </li>
                                    <li data-test>
                                        <a href="/wood-faux-wood-beams/fireplace-mantel-beams/">Fireplace Mantel Beams</a>
                                            <input type="checkbox" aria-label="Fireplace Mantel Beams" id="subNavFireplaceMantelBeams">
                                            <label for="subNavFireplaceMantelBeams">
                                                <span class="toggle-text">Show&nbsp;</span> Fireplace Mantel Beams <span class="toggle-text">&nbsp;Subpages</span>
                                                <span class="icon-caret-right"></span>
                                            </label>
                                            <ul>
                                                <li>
                                                    <label for="subNavFireplaceMantelBeams">
                                                        <span class="icon-caret-left"></span>
                                                        <span class="toggle-text">Show&nbsp;</span> Fireplace Mantel Beams <span class="toggle-text">&nbsp;Subpages</span>
                                                    </label>
                                                </li>
                                                <li>
                                                    <a href="/wood-faux-wood-beams/fireplace-mantel-beams/">Fireplace Mantel Beams</a>
                                                </li>
                                                    <li>
                                                        <a href="/wood-faux-wood-beams/fireplace-mantel-beams/faux-wood-mantels/">Faux Wood Mantels</a>
                                                    </li>
                                                    <li>
                                                        <a href="/wood-faux-wood-beams/fireplace-mantel-beams/real-wood-mantels/">Real Wood Mantels</a>
                                                    </li>
                                            </ul>
                                    </li>
                                <li class="flex-break"></li>
                                <li class="flex-break"></li>
                                    <li data-test>
                                        <a href="/wood-faux-wood-beams/wood-columns/">Wood Columns</a>
                                    </li>
                                    <li data-test>
                                        <a href="/wood-faux-wood-beams/faux-real-wood-trusses/">Faux &amp; Real Wood Trusses</a>
                                    </li>
                                    <li data-test>
                                        <a href="/wood-faux-wood-beams/corbels-rafter-tails-viga-tails/">Corbels, Rafter Tails &amp; Viga Tails</a>
                                    </li>
                                    <li data-test>
                                        <a href="/wood-faux-wood-beams/beam-accessories/">Beam Accessories</a>
                                            <input type="checkbox" aria-label="Beam Accessories" id="subNavBeamAccessories">
                                            <label for="subNavBeamAccessories">
                                                <span class="toggle-text">Show&nbsp;</span> Beam Accessories <span class="toggle-text">&nbsp;Subpages</span>
                                                <span class="icon-caret-right"></span>
                                            </label>
                                            <ul>
                                                <li>
                                                    <label for="subNavBeamAccessories">
                                                        <span class="icon-caret-left"></span>
                                                        <span class="toggle-text">Show&nbsp;</span> Beam Accessories <span class="toggle-text">&nbsp;Subpages</span>
                                                    </label>
                                                </li>
                                                <li>
                                                    <a href="/wood-faux-wood-beams/beam-accessories/">Beam Accessories</a>
                                                </li>
                                                    <li>
                                                        <a href="/wood-faux-wood-beams/beam-accessories/straps/">Straps</a>
                                                    </li>
                                                    <li>
                                                        <a href="/wood-faux-wood-beams/beam-accessories/plates-fasteners/">Plates &amp; Fasteners</a>
                                                    </li>
                                                    <li>
                                                        <a href="/wood-faux-wood-beams/beam-accessories/beam-hangers/">Beam Hangers</a>
                                                    </li>
                                            </ul>
                                    </li>
                                    <li data-test>
                                        <a href="/wood-faux-wood-beams/beam-samples/">Beam Samples</a>
                                    </li>
                            </ul>
                    </li>
            </ul>
        </div>
</li>
                <li id="mainNavItemFauxColumns" class="page-link">
    <a href="/faux-columns/">
        Faux Columns 
    </a>
        <input type="checkbox" aria-label="Show Faux Columns" id="mainNavFauxColumns">
        <label for="mainNavFauxColumns">
            <span class="toggle-text">Show&nbsp;</span> Faux Columns <span class="toggle-text">&nbsp;Subpages</span> 
            <span class="icon-caret-right"></span>
        </label>
        <div>
            
            <ul>
                <li>
                    <label for="mainNavFauxColumns">
                        <span class="icon-caret-left"></span>
                        Back
                    </label>
                </li>
                <li>
                    <a href="/faux-columns/">Faux Columns</a>
                </li>
                    <li>
                        <a href="/faux-columns/">Shop All Faux Columns</a>
                            <input type="checkbox" aria-label="Shop All Faux Columns" id="subNavShopAllFauxColumns">
                            <label class="sub-nav-level subNavShopAllFauxColumns" for="subNavShopAllFauxColumns">
                                <span class="toggle-text">Show&nbsp;</span> Shop All Faux Columns <span class="toggle-text">&nbsp;Subpages</span>
                                <span class="icon-caret-right"></span>
                            </label>
                            <ul>
                                <li>
                                    <label for="subNavShopAllFauxColumns">
                                        <span class="icon-caret-left"></span>
                                        <span class="toggle-text">Show&nbsp;</span> Shop All Faux Columns <span class="toggle-text">&nbsp;Subpages</span>
                                    </label>
                                </li>
                                <li>
                                    <a data-test-a href="/faux-columns/">Shop All Faux Columns</a>
                                </li>
                                    <li data-test>
                                        <a href="/faux-columns/faux-column-sleeves/">Faux Column Sleeves</a>
                                    </li>
                                    <li data-test>
                                        <a href="/faux-columns/column-wraps/">Column Wraps</a>
                                    </li>
                                    <li data-test>
                                        <a href="/faux-columns/caps-pedestals-stack-sections/">Caps, Pedestals &amp; Stack Sections</a>
                                    </li>
                                    <li data-test>
                                        <a href="/faux-columns/mailbox-kits/">Mailbox Kits</a>
                                    </li>
                                    <li data-test>
                                        <a href="/faux-columns/column-installation-accessories/">Column Installation Accessories</a>
                                    </li>
                                    <li data-test>
                                        <a href="/faux-columns/column-samples/">Column Samples</a>
                                    </li>
                            </ul>
                    </li>
            </ul>
                <div class="card-w card-nav-Faux Columns">
                    <div class="card">
                        <a href="/colorado-dry-stack-stone-column-wrap/" class="img-w headerimg">
                        <picture>
                            <source media="(min-width: 320px)" srcset="https://store-y7zjaeumjx.mybigcommerce.com/content/webp/featured-columns_20221017.webp">
                            <source media="(max-width: 319px)" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==" sizes="1px">
                            <img loading="lazy" src="https://store-y7zjaeumjx.mybigcommerce.com/content/webp/featured-columns_20221017.webp" alt="featured column dry stack">
                        </picture>
                        </a>
                        <div class="cnt">
                            <p class="title" role="heading" aria-level="3">Featured Columns</p>
                            <p>Colorado Dry Stack Column Wraps</p>
                            <a data-test-l href="/colorado-dry-stack-stone-column-wrap/" class="btn-primary" aria-label="Shop Now">
                                Shop Now
                            </a>
                        </div>
                    </div>
                </div>
        </div>
</li>
                <li id="mainNavItemFauxPanels" class="page-link">
    <a href="/faux-panels/">
        Faux Panels 
    </a>
        <input type="checkbox" aria-label="Show Faux Panels" id="mainNavFauxPanels">
        <label for="mainNavFauxPanels">
            <span class="toggle-text">Show&nbsp;</span> Faux Panels <span class="toggle-text">&nbsp;Subpages</span> 
            <span class="icon-caret-right"></span>
        </label>
        <div>
            
            <ul>
                <li>
                    <label for="mainNavFauxPanels">
                        <span class="icon-caret-left"></span>
                        Back
                    </label>
                </li>
                <li>
                    <a href="/faux-panels/">Faux Panels</a>
                </li>
                    <li>
                        <a href="/faux-panels/">Shop All Faux Panels</a>
                            <input type="checkbox" aria-label="Shop All Faux Panels" id="subNavShopAllFauxPanels">
                            <label class="sub-nav-level subNavShopAllFauxPanels" for="subNavShopAllFauxPanels">
                                <span class="toggle-text">Show&nbsp;</span> Shop All Faux Panels <span class="toggle-text">&nbsp;Subpages</span>
                                <span class="icon-caret-right"></span>
                            </label>
                            <ul>
                                <li>
                                    <label for="subNavShopAllFauxPanels">
                                        <span class="icon-caret-left"></span>
                                        <span class="toggle-text">Show&nbsp;</span> Shop All Faux Panels <span class="toggle-text">&nbsp;Subpages</span>
                                    </label>
                                </li>
                                <li>
                                    <a data-test-a href="/faux-panels/">Shop All Faux Panels</a>
                                </li>
                                    <li data-test>
                                        <a href="/faux-panels/panels/">Panels</a>
                                    </li>
                                    <li data-test>
                                        <a href="/faux-panels/exterior-siding/">Exterior Siding</a>
                                    </li>
                                    <li data-test>
                                        <a href="/faux-panels/wainscoting-panels/">Wainscoting</a>
                                    </li>
                                    <li data-test>
                                        <a href="/faux-panels/corners/">Corners</a>
                                    </li>
                                    <li data-test>
                                        <a href="/faux-panels/ledgers/">Ledgers</a>
                                    </li>
                                    <li data-test>
                                        <a href="/faux-panels/trim/">Trim</a>
                                    </li>
                                    <li data-test>
                                        <a href="/faux-panels/shop-faux-panels-by-product/faux-panels-installation-accessories/">Panel Installation Accessories</a>
                                    </li>
                                    <li data-test>
                                        <a href="/faux-panels/panel-samples/">Panel Samples</a>
                                    </li>
                                    <li data-test>
                                        <a href="/faux-panels/faux-stone-panels/">Faux Stone Panels</a>
                                    </li>
                                    <li data-test>
                                        <a href="/faux-panels/faux-brick-panels/">Faux Brick Panels</a>
                                    </li>
                                    <li data-test>
                                        <a href="/faux-panels/faux-wood-panels/">Faux Wood Panels</a>
                                    </li>
                            </ul>
                    </li>
            </ul>
                <div class="card-w card-nav-Faux Panels">
                    <div class="card">
                        <a href="/anson-fieldstone-stone-wall-panel/" class="img-w headerimg">
                        <picture>
                            <source media="(min-width: 320px)" srcset="https://store-y7zjaeumjx.mybigcommerce.com/content/webp/featured-panel_20221017.webp">
                            <source media="(max-width: 319px)" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==" sizes="1px">
                            <img loading="lazy" src="https://store-y7zjaeumjx.mybigcommerce.com/content/webp/featured-panel_20221017.webp" alt="featured panels chevron dropdown image">
                        </picture>
                        </a>
                        <div class="cnt">
                            <p class="title" role="heading" aria-level="3">Featured Panels</p>
                            <p>Anson Fieldstone Faux Stone Wall Panel</p>
                            <a data-test-l href="/anson-fieldstone-stone-wall-panel/" class="btn-primary" aria-label="Shop Now">
                                Shop Now
                            </a>
                        </div>
                    </div>
                </div>
        </div>
</li>
                <li id="mainNavItemSolidWoodPaneling" class="page-link">
    <a href="/solid-wood-paneling/">
        Solid Wood Paneling 
    </a>
</li>
                <li id="mainNavItemAcousticPanels" class="page-link">
    <a href="/acoustic-panels/">
        Acoustic Panels 
    </a>
</li>
                <li id="mainNavItemEvolveStone" class="page-link">
    <a href="/evolve-stone/">
        Evolve Stone 
    </a>
</li>

                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                <li id="mainNavItemInspiration" class="main-page">
    <a href="https://www.barrondesigns.com/inspiration/">
        Inspiration
    </a>
        <input type="checkbox" aria-label="Inspiration" id="mainNavInspiration">
        <label for="mainNavInspiration">
            <span class="toggle-text">Show&nbsp;</span> Inspiration <span class="toggle-text">&nbsp;Subpages</span>
            <span class="icon-caret-right"></span>
        </label>
        <div class="main-nav-Inspiration">
            <ul>
                <li>
                    <label for="mainNavInspiration">
                        <span class="icon-caret-left"></span>
                        Back
                    </label>
                </li>
                <li class="mobile-only">
                    <a class="link-title" href="https://www.barrondesigns.com/inspiration/">Inspiration</a>
                </li>
                        <li>
                    
                        <a data-child class="link-title" href="https://www.barrondesigns.com/inspiration/home-design-ideas/"  >Design Ideas by Room</a>
                            <input type="checkbox" aria-label="Design Ideas by Room" id="subNavDesignIdeasByRoom">
                            <label class="subNav-label label-DesignIdeasByRoom" for="subNavDesignIdeasByRoom">
                                <span class="toggle-text">Show&nbsp;</span> Design Ideas by Room <span class="toggle-text">&nbsp;Subpages</span>
                                <span class="icon-caret-right"></span>
                            </label>
                            <ul>
                                <li>
                                    <label for="subNavDesignIdeasByRoom">
                                        <span class="icon-caret-left"></span>
                                        <span class="toggle-text">Show&nbsp;</span> Back <span class="toggle-text">&nbsp;Subpages</span>
                                    </label>
                                </li>
                                <li>
                                    <a href="https://www.barrondesigns.com/inspiration/home-design-ideas/">Design Ideas by Room</a>
                                </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/design-ideas/bedroom-design-ideas/">Bedroom Ideas</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/design-ideas/bathroom-design-ideas/">Bathroom Ideas</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/design-ideas/exterior-project-design-ideas/">Exterior Ideas</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/design-ideas/foundation-skirting/">Foundation Skirting Ideas</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/design-ideas/fireplace-design-ideas/">Fireplace Design Ideas</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/design-ideas/kitchen-design-ideas/">Unique Kitchen Design Ideas</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/design-ideas-by-room/barn-wood-paneling-wall-siding-design-ideas/">Barn Wood Paneling Design Ideas</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/design-ideas-by-room/media-room-ideas/">Media Room Design Ideas</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/design-ideas-by-room/column-ideas/">Column Ideas</a>
                                    </li>
                            </ul>
                    </li>
                        <li>
                    
                        <a data-child class="link-title" href="https://www.barrondesigns.com/inspiration/design-style-ideas/"  >Design Style Ideas</a>
                            <input type="checkbox" aria-label="Design Style Ideas" id="subNavDesignStyleIdeas">
                            <label class="subNav-label label-DesignStyleIdeas" for="subNavDesignStyleIdeas">
                                <span class="toggle-text">Show&nbsp;</span> Design Style Ideas <span class="toggle-text">&nbsp;Subpages</span>
                                <span class="icon-caret-right"></span>
                            </label>
                            <ul>
                                <li>
                                    <label for="subNavDesignStyleIdeas">
                                        <span class="icon-caret-left"></span>
                                        <span class="toggle-text">Show&nbsp;</span> Back <span class="toggle-text">&nbsp;Subpages</span>
                                    </label>
                                </li>
                                <li>
                                    <a href="https://www.barrondesigns.com/inspiration/design-style-ideas/">Design Style Ideas</a>
                                </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/design-styles/bohemian/">Bohemian Style</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/design-styles/farmhouse/">Farmhouse Style Design Ideas</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/design-styles/modern-coastal/">Modern Coastal Design</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/design-styles/modern/">Modern Style Interior Design Ideas</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/design-style-ideas/transitional/">Transitional Style</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/design-styles/urban-industrial/">Urban &amp; Industrial Style</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/design-styles/traditional/">Traditional Design Ideas</a>
                                    </li>
                            </ul>
                    </li>
                        <li>
                    
                        <a data-child class="link-title" href="https://www.barrondesigns.com/blog/"  >Blog</a>
                    </li>
                        <li>
                    
                        <a data-child class="link-title" href="https://www.barrondesigns.com/inspiration/new-products-promotions/"  >New Products &amp; Promotions</a>
                    </li>
                        <li>
                    
                        <a data-child class="link-title" href="https://www.barrondesigns.com/new-products-promotions/featured-project-submissions/"  >Project Submissions</a>
                    </li>
                        <li>
                    
                        <a data-child class="link-title" href="https://www.barrondesigns.com/request-design-ideas/"  >Request Design Ideas</a>
                    </li>
                        <li>
                    
                        <a data-child class="link-title" href="https://www.barrondesigns.com/inspiration/beam-visualizer/"  >Beam Visualizer</a>
                    </li>
            </ul>
            
        </div>
</li>



                
                <li id="mainNavItemProjectResources" class="main-page">
    <a href="https://www.barrondesigns.com/project-resources/">
        Project Resources
    </a>
        <input type="checkbox" aria-label="Project Resources" id="mainNavProjectResources">
        <label for="mainNavProjectResources">
            <span class="toggle-text">Show&nbsp;</span> Project Resources <span class="toggle-text">&nbsp;Subpages</span>
            <span class="icon-caret-right"></span>
        </label>
        <div class="main-nav-ProjectResources">
            <ul>
                <li>
                    <label for="mainNavProjectResources">
                        <span class="icon-caret-left"></span>
                        Back
                    </label>
                </li>
                <li class="mobile-only">
                    <a class="link-title" href="https://www.barrondesigns.com/project-resources/">Project Resources</a>
                </li>
                        <li>
                    
                        <a data-child class="link-title" href="https://www.barrondesigns.com/project-resources/faq/"  >FAQ</a>
                            <input type="checkbox" aria-label="FAQ" id="subNavFaq">
                            <label class="subNav-label label-Faq" for="subNavFaq">
                                <span class="toggle-text">Show&nbsp;</span> FAQ <span class="toggle-text">&nbsp;Subpages</span>
                                <span class="icon-caret-right"></span>
                            </label>
                            <ul>
                                <li>
                                    <label for="subNavFaq">
                                        <span class="icon-caret-left"></span>
                                        <span class="toggle-text">Show&nbsp;</span> Back <span class="toggle-text">&nbsp;Subpages</span>
                                    </label>
                                </li>
                                <li>
                                    <a href="https://www.barrondesigns.com/project-resources/faq/">FAQ</a>
                                </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/project-resources/faq/beams-faq">Beams FAQ</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/project-resources/faq/columns-faq">Columns FAQ</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/project-resources/faq/panels-faq">Panels FAQ</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/faq/acoustic-wall-panels-faq/">Acoustic Wall Panels FAQ</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/faq/evolve-stone-faq/">Evolve Stone FAQ</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/faq/corbels-and-viga-tails-faq/">Corbels and Viga Tails FAQ</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/faq/barn-door-faq/">Barn Door FAQ</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/project-resources/faq/general-faq">General FAQ</a>
                                    </li>
                            </ul>
                    </li>
                        <li>
                    
                        <a data-child class="link-title" href="https://www.barrondesigns.com/project-resources/installation-instructions-videos/"  >Installation Instructions &amp; Videos</a>
                            <input type="checkbox" aria-label="Installation Instructions &amp; Videos" id="subNavInstallationInstructionsVideos">
                            <label class="subNav-label label-InstallationInstructionsVideos" for="subNavInstallationInstructionsVideos">
                                <span class="toggle-text">Show&nbsp;</span> Installation Instructions & Videos <span class="toggle-text">&nbsp;Subpages</span>
                                <span class="icon-caret-right"></span>
                            </label>
                            <ul>
                                <li>
                                    <label for="subNavInstallationInstructionsVideos">
                                        <span class="icon-caret-left"></span>
                                        <span class="toggle-text">Show&nbsp;</span> Back <span class="toggle-text">&nbsp;Subpages</span>
                                    </label>
                                </li>
                                <li>
                                    <a href="https://www.barrondesigns.com/project-resources/installation-instructions-videos/">Installation Instructions &amp; Videos</a>
                                </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/project-resources/installation-instructions/beams-installation/">Beams Installation</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/project-resources/installation-instructions/panels-installation/">Panels Installation</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/project-resources/installation-instructions-videos/exterior-siding-installation/">Exterior Siding Installation</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/installation-instructions-videos/acoustic-panels-installation/">Acoustic Panels Installation</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/project-resources/installation-instructions/columns-installation/">Columns Installation</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/installation-instructions-videos/evolve-stone-installation-instructions/">Evolve Stone Installation </a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/installation-instructions-videos/wood-paneling-installation/">Wood Paneling Installation</a>
                                    </li>
                                    <li>
                                        <a href="https://www.barrondesigns.com/installation-instructions-videos/barn-doors-and-hardware-installation/">Barn Doors and Hardware Installation</a>
                                    </li>
                            </ul>
                    </li>
                        <li>
                    
                        <a data-child class="link-title" href="https://www.barrondesigns.com/project-resources/reference-materials/"  >Reference Materials</a>
                    </li>
                        <li>
                    
                        <a data-child class="link-title" href="https://store-y7zjaeumjx.mybigcommerce.com/content/pdf/Barron-ResidentiallBrochure-page-order.pdf"  >Residential Brochure</a>
                    </li>
            </ul>
            
        </div>
</li>



</ul>
            
            <ul class="user">
    <li>
        <a href="/commercial/" class="btn-secondary btn-order-status">To The Trade</a>
    </li>
        <li class="account-li" >
            <a aria-labelledby="login-text" href="https://www.barrondesigns.com/login.php">
                <span class="icon-account"></span>
                <span id="login-text" class="login-text">Login</span>
            </a>
        </li>
    <!-- <li class="mobile-nav-right">


            <a class="navUser-action toggle-cart"
                id="cartQuantity"
                data-cart-preview
                data-options="align:right"
                href="https://www.barrondesigns.com/cart.php"
                aria-label="cart.nav_aria_label"
            >
                <span class="icon-cart"></span>
                <span class="navUser-item-cartLabel sr-only">Cart</span>
                <span class="count cart-quantity" data-cart-quantity></span>
            </a>
        </li> -->
        <li class="space-for-cart">
            <span class="sr-only">Space for Cart Icon</span>
        </li>

        <li>
            <img src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/USA.webp" alt="made in america">
        </li>

</ul>
        </nav>
    </div>
    
    <div class="modal-background" style=""></div>
    <div class="cart-dropdown" id="cart-preview-dropdown" data-dropdown-content aria-hidden="true"></div>
</header>
        <main data-currency-code="USD" id="content" class="category category-landing">
     
    <header class="hero category">
    <div class="container">
        <div class="sub-cat">
            <nav class="breadcrumbs">
    <ol class="breadcrumbs " itemscope itemtype="http://schema.org/BreadcrumbList">
                <li class="breadcrumb " itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                        <a href="https://www.barrondesigns.com/" class="breadcrumb-label" itemprop="item"><span itemprop="name">Home</span></a>
                    <meta itemprop="position" content="1" />
                </li>
                <li class="breadcrumb is-active" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                        <meta itemprop="item" content="https://www.barrondesigns.com/faux-panels/">
                        <strong class="breadcrumb-label" itemprop="name">Faux Panels</strong>
                    <meta itemprop="position" content="2" />
                </li>
    </ol>
</nav>
            <div class="header-content">
                <div>
                    <h1>Faux Panels</h1>
                </div>
                <nav class="subcat-navigation">
                    <div class="carousel-grid category-thumbnails arrows-small" data-carousel-grid>
                            <div class="controls-container">
                                <div>
                                    <button class="scroll-arrow scroll-left icon-caret-left" aria-label="Scroll carousel left"></button>
                                    <button class="scroll-arrow scroll-right icon-caret-right" aria-label="Scroll carousel right"></button>
                                </div>
                            </div>
                            <div class="slider"
                                data-mobile-slides="4.6"
                                data-tablet-slides="5"
                                data-desktop-slides="6"
                                data-center-arrow="div">
                                    <div class="slide">
                                        <a href="https://www.barrondesigns.com/faux-panels/wainscoting-panels/">
                                            <div class="img-wrap">
                                                        <img src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/r/panel_chevron_website__92741.original.jpg" alt="Wainscoting Panels" title="Wainscoting Panels" data-sizes="auto"
        srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
    data-srcset="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/80w/r/panel_chevron_website__92741.original.jpg 80w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/r/panel_chevron_website__92741.original.jpg 160w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/320w/r/panel_chevron_website__92741.original.jpg 320w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/640w/r/panel_chevron_website__92741.original.jpg 640w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/960w/r/panel_chevron_website__92741.original.jpg 960w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1280w/r/panel_chevron_website__92741.original.jpg 1280w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1920w/r/panel_chevron_website__92741.original.jpg 1920w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/2560w/r/panel_chevron_website__92741.original.jpg 2560w"
    
    class="lazyload cat-image"
    
     />
    

  
                                            </div>
                                            <div class="outer"><span>Wainscoting Panels</span></div>
                                        </a>
                                    </div>
                                    <div class="slide">
                                        <a href="https://www.barrondesigns.com/faux-panels/panels/">
                                            <div class="img-wrap">
                                                        <img src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/b/panels__64908.original.jpg" alt="Panels" title="Panels" data-sizes="auto"
        srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
    data-srcset="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/80w/b/panels__64908.original.jpg 80w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/b/panels__64908.original.jpg 160w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/320w/b/panels__64908.original.jpg 320w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/640w/b/panels__64908.original.jpg 640w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/960w/b/panels__64908.original.jpg 960w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1280w/b/panels__64908.original.jpg 1280w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1920w/b/panels__64908.original.jpg 1920w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/2560w/b/panels__64908.original.jpg 2560w"
    
    class="lazyload cat-image"
    
     />
    

  
                                            </div>
                                            <div class="outer"><span>Panels</span></div>
                                        </a>
                                    </div>
                                    <div class="slide">
                                        <a href="https://www.barrondesigns.com/faux-panels/exterior-siding/">
                                            <div class="img-wrap">
                                                        <img src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/u/exterior-siding__44295.original.jpg" alt="Exterior Siding" title="Exterior Siding" data-sizes="auto"
        srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
    data-srcset="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/80w/u/exterior-siding__44295.original.jpg 80w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/u/exterior-siding__44295.original.jpg 160w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/320w/u/exterior-siding__44295.original.jpg 320w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/640w/u/exterior-siding__44295.original.jpg 640w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/960w/u/exterior-siding__44295.original.jpg 960w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1280w/u/exterior-siding__44295.original.jpg 1280w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1920w/u/exterior-siding__44295.original.jpg 1920w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/2560w/u/exterior-siding__44295.original.jpg 2560w"
    
    class="lazyload cat-image"
    
     />
    

  
                                            </div>
                                            <div class="outer"><span>Exterior Siding</span></div>
                                        </a>
                                    </div>
                                    <div class="slide">
                                        <a href="https://www.barrondesigns.com/faux-panels/corners/">
                                            <div class="img-wrap">
                                                        <img src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/p/front-column-bdscooi-mi2__08943.original.jpg" alt="Corners" title="Corners" data-sizes="auto"
        srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
    data-srcset="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/80w/p/front-column-bdscooi-mi2__08943.original.jpg 80w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/p/front-column-bdscooi-mi2__08943.original.jpg 160w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/320w/p/front-column-bdscooi-mi2__08943.original.jpg 320w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/640w/p/front-column-bdscooi-mi2__08943.original.jpg 640w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/960w/p/front-column-bdscooi-mi2__08943.original.jpg 960w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1280w/p/front-column-bdscooi-mi2__08943.original.jpg 1280w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1920w/p/front-column-bdscooi-mi2__08943.original.jpg 1920w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/2560w/p/front-column-bdscooi-mi2__08943.original.jpg 2560w"
    
    class="lazyload cat-image"
    
     />
    

  
                                            </div>
                                            <div class="outer"><span>Corners</span></div>
                                        </a>
                                    </div>
                                    <div class="slide">
                                        <a href="https://www.barrondesigns.com/faux-panels/ledgers/">
                                            <div class="img-wrap">
                                                        <img src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/k/ledgers__28561.original.jpg" alt="Ledgers" title="Ledgers" data-sizes="auto"
        srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
    data-srcset="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/80w/k/ledgers__28561.original.jpg 80w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/k/ledgers__28561.original.jpg 160w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/320w/k/ledgers__28561.original.jpg 320w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/640w/k/ledgers__28561.original.jpg 640w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/960w/k/ledgers__28561.original.jpg 960w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1280w/k/ledgers__28561.original.jpg 1280w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1920w/k/ledgers__28561.original.jpg 1920w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/2560w/k/ledgers__28561.original.jpg 2560w"
    
    class="lazyload cat-image"
    
     />
    

  
                                            </div>
                                            <div class="outer"><span>Ledgers</span></div>
                                        </a>
                                    </div>
                                    <div class="slide">
                                        <a href="https://www.barrondesigns.com/faux-panels/trim/">
                                            <div class="img-wrap">
                                                        <img src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/s/trim__70858.original.jpg" alt="Trim" title="Trim" data-sizes="auto"
        srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
    data-srcset="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/80w/s/trim__70858.original.jpg 80w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/s/trim__70858.original.jpg 160w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/320w/s/trim__70858.original.jpg 320w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/640w/s/trim__70858.original.jpg 640w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/960w/s/trim__70858.original.jpg 960w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1280w/s/trim__70858.original.jpg 1280w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1920w/s/trim__70858.original.jpg 1920w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/2560w/s/trim__70858.original.jpg 2560w"
    
    class="lazyload cat-image"
    
     />
    

  
                                            </div>
                                            <div class="outer"><span>Trim</span></div>
                                        </a>
                                    </div>
                                    <div class="slide">
                                        <a href="https://www.barrondesigns.com/faux-panels/installation-accessories/">
                                            <div class="img-wrap">
                                                        <img src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/b/installation-accessories__53716.original.jpg" alt="Installation Accessories" title="Installation Accessories" data-sizes="auto"
        srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
    data-srcset="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/80w/b/installation-accessories__53716.original.jpg 80w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/b/installation-accessories__53716.original.jpg 160w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/320w/b/installation-accessories__53716.original.jpg 320w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/640w/b/installation-accessories__53716.original.jpg 640w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/960w/b/installation-accessories__53716.original.jpg 960w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1280w/b/installation-accessories__53716.original.jpg 1280w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1920w/b/installation-accessories__53716.original.jpg 1920w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/2560w/b/installation-accessories__53716.original.jpg 2560w"
    
    class="lazyload cat-image"
    
     />
    

  
                                            </div>
                                            <div class="outer"><span>Installation Accessories</span></div>
                                        </a>
                                    </div>
                                    <div class="slide">
                                        <a href="https://www.barrondesigns.com/faux-panels/panel-samples/">
                                            <div class="img-wrap">
                                                        <img src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/r/panel-samples__71521.original.jpg" alt="Panel Samples" title="Panel Samples" data-sizes="auto"
        srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
    data-srcset="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/80w/r/panel-samples__71521.original.jpg 80w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/r/panel-samples__71521.original.jpg 160w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/320w/r/panel-samples__71521.original.jpg 320w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/640w/r/panel-samples__71521.original.jpg 640w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/960w/r/panel-samples__71521.original.jpg 960w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1280w/r/panel-samples__71521.original.jpg 1280w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1920w/r/panel-samples__71521.original.jpg 1920w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/2560w/r/panel-samples__71521.original.jpg 2560w"
    
    class="lazyload cat-image"
    
     />
    

  
                                            </div>
                                            <div class="outer"><span>Panel Samples</span></div>
                                        </a>
                                    </div>
                                    <div class="slide">
                                        <a href="https://www.barrondesigns.com/faux-panels/faux-stone-panels/">
                                            <div class="img-wrap">
                                                        <img src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/z/faux-stone-panels__20852.original.jpg" alt="Faux Stone Panels" title="Faux Stone Panels" data-sizes="auto"
        srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
    data-srcset="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/80w/z/faux-stone-panels__20852.original.jpg 80w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/z/faux-stone-panels__20852.original.jpg 160w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/320w/z/faux-stone-panels__20852.original.jpg 320w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/640w/z/faux-stone-panels__20852.original.jpg 640w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/960w/z/faux-stone-panels__20852.original.jpg 960w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1280w/z/faux-stone-panels__20852.original.jpg 1280w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1920w/z/faux-stone-panels__20852.original.jpg 1920w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/2560w/z/faux-stone-panels__20852.original.jpg 2560w"
    
    class="lazyload cat-image"
    
     />
    

  
                                            </div>
                                            <div class="outer"><span>Faux Stone Panels</span></div>
                                        </a>
                                    </div>
                                    <div class="slide">
                                        <a href="https://www.barrondesigns.com/faux-panels/faux-rock-panels/">
                                            <div class="img-wrap">
                                                        <img src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/f/faux-rock-panels__98602.original.jpg" alt="Faux Rock Panels" title="Faux Rock Panels" data-sizes="auto"
        srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
    data-srcset="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/80w/f/faux-rock-panels__98602.original.jpg 80w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/f/faux-rock-panels__98602.original.jpg 160w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/320w/f/faux-rock-panels__98602.original.jpg 320w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/640w/f/faux-rock-panels__98602.original.jpg 640w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/960w/f/faux-rock-panels__98602.original.jpg 960w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1280w/f/faux-rock-panels__98602.original.jpg 1280w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1920w/f/faux-rock-panels__98602.original.jpg 1920w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/2560w/f/faux-rock-panels__98602.original.jpg 2560w"
    
    class="lazyload cat-image"
    
     />
    

  
                                            </div>
                                            <div class="outer"><span>Faux Rock Panels</span></div>
                                        </a>
                                    </div>
                                    <div class="slide">
                                        <a href="https://www.barrondesigns.com/faux-panels/faux-brick-panels/">
                                            <div class="img-wrap">
                                                        <img src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/t/faux-brick-panels__78926.original.jpg" alt="Faux Brick Panels" title="Faux Brick Panels" data-sizes="auto"
        srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
    data-srcset="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/80w/t/faux-brick-panels__78926.original.jpg 80w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/t/faux-brick-panels__78926.original.jpg 160w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/320w/t/faux-brick-panels__78926.original.jpg 320w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/640w/t/faux-brick-panels__78926.original.jpg 640w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/960w/t/faux-brick-panels__78926.original.jpg 960w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1280w/t/faux-brick-panels__78926.original.jpg 1280w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1920w/t/faux-brick-panels__78926.original.jpg 1920w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/2560w/t/faux-brick-panels__78926.original.jpg 2560w"
    
    class="lazyload cat-image"
    
     />
    

  
                                            </div>
                                            <div class="outer"><span>Faux Brick Panels</span></div>
                                        </a>
                                    </div>
                                    <div class="slide">
                                        <a href="https://www.barrondesigns.com/faux-panels/faux-wood-panels/">
                                            <div class="img-wrap">
                                                        <img src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/p/faux-wood-panels__63268.original.jpg" alt="Faux Wood Panels" title="Faux Wood Panels" data-sizes="auto"
        srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
    data-srcset="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/80w/p/faux-wood-panels__63268.original.jpg 80w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/160w/p/faux-wood-panels__63268.original.jpg 160w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/320w/p/faux-wood-panels__63268.original.jpg 320w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/640w/p/faux-wood-panels__63268.original.jpg 640w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/960w/p/faux-wood-panels__63268.original.jpg 960w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1280w/p/faux-wood-panels__63268.original.jpg 1280w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/1920w/p/faux-wood-panels__63268.original.jpg 1920w, https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/2560w/p/faux-wood-panels__63268.original.jpg 2560w"
    
    class="lazyload cat-image"
    
     />
    

  
                                            </div>
                                            <div class="outer"><span>Faux Wood Panels</span></div>
                                        </a>
                                    </div>
                                    

                                
                            </div>
                            <div class="dots"></div>
                    </div>                    
                    </nav>

            </div>
        </div>
    </div>
</header>
<section class="category-section vel-update">
    <div class="container">
        <hawksearch-landing-page></hawksearch-landing-page>
        <div class="compare-actions">
  <div class="container">
    <ul class="comparison-list">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
    <div class="button-container">
      <button type="submit" class="btn-primary" disabled>Compare</button>
      <button type="reset" class="btn-text">Reset</button>
    </div>
  </div>
</div>
        
    </div>
</section>




<div data-content-region="banner-panels--global"><div data-layout-id="736887e6-5e4d-4923-a7ea-b9d67645a522">       <div data-sub-layout-container="5b68fdbb-d7b6-4c99-a2da-ce0626ea0c65" data-layout-name="Layout">
    <style data-container-styling="5b68fdbb-d7b6-4c99-a2da-ce0626ea0c65">
        [data-sub-layout-container="5b68fdbb-d7b6-4c99-a2da-ce0626ea0c65"] {
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            z-index: 0;
            position: relative;
            height: ;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: #333333;
        }

        [data-sub-layout-container="5b68fdbb-d7b6-4c99-a2da-ce0626ea0c65"]:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-size: cover;
            z-index: auto;
        }
    </style>

    <div data-sub-layout="e74708f7-fe79-48c0-b6de-6200d08c57a9">
        <style data-column-styling="e74708f7-fe79-48c0-b6de-6200d08c57a9">
            [data-sub-layout="e74708f7-fe79-48c0-b6de-6200d08c57a9"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 100%;
                max-width: 100%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="e74708f7-fe79-48c0-b6de-6200d08c57a9"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="e74708f7-fe79-48c0-b6de-6200d08c57a9"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }
        </style>
        <div data-widget-id="232ac56c-2fdc-47cf-86f7-8b23e18c5fb4" data-placement-id="3d9f4ce5-f34f-4886-b781-3a250174a422" data-placement-status="ACTIVE"><section class="side-by-side-sec  ">
        <div class="container">
            <div class="side-by-side  cta">
                <div class="img-w">
                    <picture>
                        <source media="(min-width: 768px)" srcset="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/original/image-manager/beams-bedroom-global2.jpg?t=1710862169">
                        <img loading="lazy" class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/content/loading.svg" data-sizes="auto" data-src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/original/image-manager/beams-bedroom-global2.jpg?t=1710862169" alt="Order Samples Now">
                    </picture>
                </div>
                    <div class="cnt">
                        <h2><small>Unsure Where to start?</small>Shop Our Samples To Find The Perfect Finish For Your Project</h2>
                        <a href="https://www.barrondesigns.com/faux-panels/shop-faux-panels-by-product/samples-of-faux-panels/" class="btn-secondary">Order Samples Now</a>
                    </div>
        </div>
    </div>
</section></div>
    </div>
</div>

</div></div>
<div data-content-region="under-facts"><div data-layout-id="0a65d739-37cd-44a5-82ee-836cd1c069b9">       <div data-sub-layout-container="b48afd3f-02c4-4ac8-9839-943227af021d" data-layout-name="Layout">
    <style data-container-styling="b48afd3f-02c4-4ac8-9839-943227af021d">
        [data-sub-layout-container="b48afd3f-02c4-4ac8-9839-943227af021d"] {
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            z-index: 0;
            position: relative;
            height: ;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: #333333;
        }

        [data-sub-layout-container="b48afd3f-02c4-4ac8-9839-943227af021d"]:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-size: cover;
            z-index: auto;
        }
    </style>

    <div data-sub-layout="3d386db2-f6bd-49be-8af5-96ddbd691047">
        <style data-column-styling="3d386db2-f6bd-49be-8af5-96ddbd691047">
            [data-sub-layout="3d386db2-f6bd-49be-8af5-96ddbd691047"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 100%;
                max-width: 100%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="3d386db2-f6bd-49be-8af5-96ddbd691047"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="3d386db2-f6bd-49be-8af5-96ddbd691047"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }
        </style>
        <div data-widget-id="3b8304af-201d-4895-a045-1eced40d523a" data-placement-id="40ed454a-d8ea-4cf0-b676-26668d386a50" data-placement-status="ACTIVE"><a name="panelsFAQ" style="
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;"></a>

</div>
    </div>
</div>

       <div data-widget-id="b2021dfd-de6d-4706-a873-756ab61a5654" data-placement-id="08133e37-55d2-43ff-a25b-94e089149dc1" data-placement-status="ACTIVE"><section class="faq-widget  widget-no-padding-top">
    <div class="container">
        <h2 class="">Frequently Asked Questions</h2>
         <dl class="accordion" data-allow-multiple="">
            <dt>
                <button type="button" aria-expanded="false" aria-controls="controls-how-do-i-cut-barron-designs-panels" id="toggle-how-do-i-cut-barron-designs-panels">
                    How do I cut Barron Designs panels?
                    <span class="icon-chevron-down">
                        <svg width="15" height="8" viewBox="0 0 15 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M1.18743 0.251867C1.03036 0.412798 0.941608 0.631676 0.941608 0.85938C0.941608 1.08708 1.03035 1.30517 1.18743 1.46609L7.26054 7.68851L7.26054 7.68931C7.41761 7.85024 7.63123 7.94118 7.85348 7.94118C8.07572 7.94118 8.28935 7.85025 8.44641 7.68931L14.5195 1.4669L14.5195 1.46609C14.847 1.13135 14.847 0.587409 14.5195 0.251867C14.192 -0.0836738 13.6611 -0.0836738 13.3344 0.251867L7.85342 5.86763L2.3724 0.251867C2.21533 0.0909353 2.00251 -5.57872e-07 1.78025 -5.67588e-07C1.55799 -5.77303e-07 1.34437 0.090927 1.18731 0.251867L1.18743 0.251867Z" fill="#393938"></path>
                        </svg>                            
                    </span>
                </button>
            </dt>
            <dd id="controls-how-do-i-cut-barron-designs-panels">
                <p>Each wall paneling can be cut very easily with any quality wood cutting tool. Instructions on how to cut a panel can be found in the <a href="https://www.barrondesigns.com/project-resources/installation-instructions/panels-installation/">Panels Installation Instructions</a> section of our website.</p>
            </dd>
            <dt>
                <button type="button" aria-expanded="false" aria-controls="controls-how-do-i-install-faux-panels" id="toggle-how-do-i-install-faux-panels">
                    How do I install faux panels?
                    <span class="icon-chevron-down">
                        <svg width="15" height="8" viewBox="0 0 15 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M1.18743 0.251867C1.03036 0.412798 0.941608 0.631676 0.941608 0.85938C0.941608 1.08708 1.03035 1.30517 1.18743 1.46609L7.26054 7.68851L7.26054 7.68931C7.41761 7.85024 7.63123 7.94118 7.85348 7.94118C8.07572 7.94118 8.28935 7.85025 8.44641 7.68931L14.5195 1.4669L14.5195 1.46609C14.847 1.13135 14.847 0.587409 14.5195 0.251867C14.192 -0.0836738 13.6611 -0.0836738 13.3344 0.251867L7.85342 5.86763L2.3724 0.251867C2.21533 0.0909353 2.00251 -5.57872e-07 1.78025 -5.67588e-07C1.55799 -5.77303e-07 1.34437 0.090927 1.18731 0.251867L1.18743 0.251867Z" fill="#393938"></path>
                        </svg>                            
                    </span>
                </button>
            </dt>
            <dd id="controls-how-do-i-install-faux-panels">
                <p>It’s easy! Please refer to the <a href="https://www.barrondesigns.com/project-resources/installation-instructions/panels-installation/">Panel Installation</a> page to learn how to install faux panels for interiors, exteriors, ledgers and trim and electrical outlets.</p>
            </dd>
            <dt>
                <button type="button" aria-expanded="false" aria-controls="controls-what-are-your-faux-wood-panels-made-out-of" id="toggle-what-are-your-faux-wood-panels-made-out-of">
                    What are your faux wood panels made out of?
                    <span class="icon-chevron-down">
                        <svg width="15" height="8" viewBox="0 0 15 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M1.18743 0.251867C1.03036 0.412798 0.941608 0.631676 0.941608 0.85938C0.941608 1.08708 1.03035 1.30517 1.18743 1.46609L7.26054 7.68851L7.26054 7.68931C7.41761 7.85024 7.63123 7.94118 7.85348 7.94118C8.07572 7.94118 8.28935 7.85025 8.44641 7.68931L14.5195 1.4669L14.5195 1.46609C14.847 1.13135 14.847 0.587409 14.5195 0.251867C14.192 -0.0836738 13.6611 -0.0836738 13.3344 0.251867L7.85342 5.86763L2.3724 0.251867C2.21533 0.0909353 2.00251 -5.57872e-07 1.78025 -5.67588e-07C1.55799 -5.77303e-07 1.34437 0.090927 1.18731 0.251867L1.18743 0.251867Z" fill="#393938"></path>
                        </svg>                            
                    </span>
                </button>
            </dt>
            <dd id="controls-what-are-your-faux-wood-panels-made-out-of">
                <p>Our faux wood panels are made from a high density polyurethane. Our products are NOT made from soft EPS Styrofoam. This enables us to make exact replicas of wood products without worrying about product damages and wear down. </p>
            </dd>
            <dt>
                <button type="button" aria-expanded="false" aria-controls="controls-what-size-are-your-faux-panels" id="toggle-what-size-are-your-faux-panels">
                    What size are your faux panels?
                    <span class="icon-chevron-down">
                        <svg width="15" height="8" viewBox="0 0 15 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M1.18743 0.251867C1.03036 0.412798 0.941608 0.631676 0.941608 0.85938C0.941608 1.08708 1.03035 1.30517 1.18743 1.46609L7.26054 7.68851L7.26054 7.68931C7.41761 7.85024 7.63123 7.94118 7.85348 7.94118C8.07572 7.94118 8.28935 7.85025 8.44641 7.68931L14.5195 1.4669L14.5195 1.46609C14.847 1.13135 14.847 0.587409 14.5195 0.251867C14.192 -0.0836738 13.6611 -0.0836738 13.3344 0.251867L7.85342 5.86763L2.3724 0.251867C2.21533 0.0909353 2.00251 -5.57872e-07 1.78025 -5.67588e-07C1.55799 -5.77303e-07 1.34437 0.090927 1.18731 0.251867L1.18743 0.251867Z" fill="#393938"></path>
                        </svg>                            
                    </span>
                </button>
            </dt>
            <dd id="controls-what-size-are-your-faux-panels">
                <p>Most standard panels are 48” wide by 24” tall. The exact dimensions vary by style and are listed under the “Specifications” tab on each product page. Planning to cover a large area? There is also a calculator located on the product page beside quantity.</p>
            </dd>
            <dt>
                <button type="button" aria-expanded="false" aria-controls="controls-do-you-make-custom-faux-panels" id="toggle-do-you-make-custom-faux-panels">
                    Do you make custom faux panels?
                    <span class="icon-chevron-down">
                        <svg width="15" height="8" viewBox="0 0 15 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M1.18743 0.251867C1.03036 0.412798 0.941608 0.631676 0.941608 0.85938C0.941608 1.08708 1.03035 1.30517 1.18743 1.46609L7.26054 7.68851L7.26054 7.68931C7.41761 7.85024 7.63123 7.94118 7.85348 7.94118C8.07572 7.94118 8.28935 7.85025 8.44641 7.68931L14.5195 1.4669L14.5195 1.46609C14.847 1.13135 14.847 0.587409 14.5195 0.251867C14.192 -0.0836738 13.6611 -0.0836738 13.3344 0.251867L7.85342 5.86763L2.3724 0.251867C2.21533 0.0909353 2.00251 -5.57872e-07 1.78025 -5.67588e-07C1.55799 -5.77303e-07 1.34437 0.090927 1.18731 0.251867L1.18743 0.251867Z" fill="#393938"></path>
                        </svg>                            
                    </span>
                </button>
            </dt>
            <dd id="controls-do-you-make-custom-faux-panels">
                <p>Yes, we can make custom faux panels for large volume orders and commercial jobs. Please contact us to see if custom parts are an option for your project.</p>
            </dd>
        </dl>
    </div>
</section></div>
</div></div>
<div data-content-region="facts--global"><div data-layout-id="89ee23c0-90fc-45e9-84de-aac84cc686bd">       <div data-sub-layout-container="21e785e9-752d-482c-9637-553206b9ab2a" data-layout-name="Layout">
    <style data-container-styling="21e785e9-752d-482c-9637-553206b9ab2a">
        [data-sub-layout-container="21e785e9-752d-482c-9637-553206b9ab2a"] {
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            z-index: 0;
            position: relative;
            height: ;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: #333333;
        }

        [data-sub-layout-container="21e785e9-752d-482c-9637-553206b9ab2a"]:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-size: cover;
            z-index: auto;
        }
    </style>

    <div data-sub-layout="1496a619-c09e-46fb-9944-6cd8549aa44a">
        <style data-column-styling="1496a619-c09e-46fb-9944-6cd8549aa44a">
            [data-sub-layout="1496a619-c09e-46fb-9944-6cd8549aa44a"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 100%;
                max-width: 100%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="1496a619-c09e-46fb-9944-6cd8549aa44a"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="1496a619-c09e-46fb-9944-6cd8549aa44a"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }
        </style>
        <div data-widget-id="e4b95ed7-bfc0-4c8b-9e00-5d3af63f06a1" data-placement-id="92f67aa2-cdc1-4503-8450-192a1b5ad772" data-placement-status="ACTIVE"><section class="facts  ">
    <div class="container">
        <div class="facts-carousel" data-slick="{
                    &quot;accessibility&quot;: false,
                    &quot;arrows&quot;: false,
                    &quot;dots&quot;: true,
                    &quot;infinite&quot;: true,
                    &quot;mobileFirst&quot;: true,
                    &quot;slidesToShow&quot;: 1,
                    &quot;slidesToScroll&quot;: 1,
                    &quot;responsive&quot;: [
                        {
                            &quot;breakpoint&quot;: 468,
                            &quot;settings&quot;: {
                                &quot;slidesToShow&quot;: 3                  
                            }
                        },
                        {
                            &quot;breakpoint&quot;: 768,
                            &quot;settings&quot;: {
                                &quot;dots&quot;: false,
                                &quot;slidesToShow&quot;: 4                  
                            }
                        }
                    ]   
                }" data-list-name="Facts Carousel">
            <div class="fact">
                <div class="img-w">
                    <img class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/content/loading.svg" data-src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/original/image-manager/icon-affordable-20221017.png?t=1666035710" alt="pile of money">
                </div>
                <div class="cnt">
                    <h3> Affordable </h3>
                    <p>Costs much less than traditional, natural products</p>
                </div>
            </div>
            <div class="fact">
                <div class="img-w">
                    <img class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/content/loading.svg" data-src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/product_images/uploaded_images/icon-innovative.png" alt="light bulb ">
                </div>
                <div class="cnt">
                    <h3> Innovative </h3>
                    <p>Designed for seamless integration and easy installation</p>
                </div>
            </div>
            <div class="fact">
                <div class="img-w">
                    <img class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/content/loading.svg" data-src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/product_images/uploaded_images/icon-inspirational.png" alt="paint board art">
                </div>
                <div class="cnt">
                    <h3> Inspirational </h3>
                    <p>Largest selection of styles and textures in the industry</p>
                </div>
            </div>
            <div class="fact">
                <div class="img-w">
                    <img class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/content/loading.svg" data-src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/original/image-manager/handcrafted.jpg?t=1638362426" alt="hammer and wrench crossed">
                </div>
                <div class="cnt">
                    <h3> Handcrafted </h3>
                    <p>Hand-painted by artisans to look just like the real thing</p>
                </div>
            </div>
        </div>
    </div>
</section></div>
    </div>
</div>

</div></div>

<div data-content-region="category_landing_copy"><div data-layout-id="77734348-0087-45a0-9b35-22416acca275">       <div data-sub-layout-container="2d5a8397-b4ed-4354-9570-6013a86bc27f" data-layout-name="Layout">
    <style data-container-styling="2d5a8397-b4ed-4354-9570-6013a86bc27f">
        [data-sub-layout-container="2d5a8397-b4ed-4354-9570-6013a86bc27f"] {
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            z-index: 0;
            position: relative;
            height: ;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: #333333;
        }

        [data-sub-layout-container="2d5a8397-b4ed-4354-9570-6013a86bc27f"]:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-size: cover;
            z-index: auto;
        }
    </style>

    <div data-sub-layout="6248b105-cceb-42b4-b13a-ad565a38b622">
        <style data-column-styling="6248b105-cceb-42b4-b13a-ad565a38b622">
            [data-sub-layout="6248b105-cceb-42b4-b13a-ad565a38b622"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 100%;
                max-width: 100%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="6248b105-cceb-42b4-b13a-ad565a38b622"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="6248b105-cceb-42b4-b13a-ad565a38b622"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }
        </style>
    </div>
</div>

       <div data-sub-layout-container="a026513d-7d5c-443f-9217-500e75325f7f" data-layout-name="Layout">
    <style data-container-styling="a026513d-7d5c-443f-9217-500e75325f7f">
        [data-sub-layout-container="a026513d-7d5c-443f-9217-500e75325f7f"] {
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            z-index: 0;
            position: relative;
            height: ;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: #333333;
        }

        [data-sub-layout-container="a026513d-7d5c-443f-9217-500e75325f7f"]:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-size: cover;
            z-index: auto;
        }
    </style>

    <div data-sub-layout="1f7d6227-4b95-492d-9e31-8f662671ae5f">
        <style data-column-styling="1f7d6227-4b95-492d-9e31-8f662671ae5f">
            [data-sub-layout="1f7d6227-4b95-492d-9e31-8f662671ae5f"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 100%;
                max-width: 100%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="1f7d6227-4b95-492d-9e31-8f662671ae5f"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="1f7d6227-4b95-492d-9e31-8f662671ae5f"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }
        </style>
    </div>
</div>

</div></div>



    
    <div id="modal" class="modal" data-reveal data-prevent-quick-search-close>
    <a href="#" class="modal-close" aria-label="Close" role="button">
        <span aria-hidden="true">&#215;</span>
    </a>
    <div class="modal-content">        
</div>
    <div class="loadingOverlay"></div>
</div>
</main>
        <footer class="footer">
    <div class="container inner-footer">
        <div class="footer-middle">
            <div class="inner-content">
                <div class="row">
                    <div class="col-xs-12 col-md-4">
                         
                        <p class="phone">
                            <span class="icon-phone"></span>
                            <a href="tel:800-651-4223">(800) 651-4223</a> <br>
                            <a href="tel:(631) 242-4105" style="padding-left: 32px;">(631) 242-4105</a>
                        </p>
                        <p class="email">
                            <span class="icon-mail"></span>
                            <a href="mailto:contact@barrondesigns.com">contact@barrondesigns.com</a>
                        </p>
                       <address>
                        
                            <span class="icon-location"></span>
                            Factory (not open to the public)
                            <br>
                            1135 Montgomery Avenue<br>
Albemarle, NC 28001
                        </address> 
                        <a href="https://www.shopperapproved.com/reviews/barrondesigns.com/" class="shopperlink top">
                            <img loading="lazy" class="lazyload" src="https://www.barrondesigns.com/content/webp/branches.webp" style="border: 0" alt="Customer Reviews"/>
                        </a>
                        <nav class="secure-badges top">
    <ul>
        <li>
            <img loading="lazy" class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/payment-methods/visa.svg" alt="We accept: Visa" />
        </li>
        <li>
            <img loading="lazy" class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/payment-methods/mastercard.svg" alt="We accept: MasterCard" />
        </li>
        <li>
            <img loading="lazy" class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/payment-methods/discover.svg" alt="We accept: Discover" />
        </li>
        <li>
            <img loading="lazy" class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/payment-methods/american_express.svg" alt="We accept: American Express" />
        </li>
        <li>
            <img loading="lazy" class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/payment-methods/paypal.svg" alt="We accept: Paypal" />
        </li>
        <li>
            <img loading="lazy" class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/payment-methods/venmo.png" alt="We accept: Venmo" />
        </li>
        <li>
            <img loading="lazy" class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/payment-methods/amazon.png" alt="We accept: amazon pay" />
        </li>
    </ul>
</nav>
                            <nav class="social">
        <ul>
                <li>
                    <a href="https://www.pinterest.com/barron_designs" aria-label="pinterest" target="_blank">
                        <span class="icon-soc-pinterest"></span>
                    </a>
                </li>
                <li>
                    <a href="https://www.instagram.com/barrondesigns/" aria-label="instagram" target="_blank">
                        <span class="icon-soc-instagram"></span>
                    </a>
                </li>
                <li>
                    <a href="https://www.facebook.com/BarronDesignsOfficial/" aria-label="facebook" target="_blank">
                        <span class="icon-soc-facebook"></span>
                    </a>
                </li>
                <li>
                    <a href="https://twitter.com/barron_designs" aria-label="x" target="_blank">
                        <span class="icon-soc-x"></span>
                    </a>
                </li>
                <li>
                    <a href="https://www.linkedin.com/company/barron-designs/" aria-label="linkedin" target="_blank">
                        <span class="icon-soc-linkedin"></span>
                    </a>
                </li>
                <li>
                    <a href="https://www.youtube.com/c/BarronDesigns" aria-label="youtube" target="_blank">
                        <span class="icon-soc-youtube"></span>
                    </a>
                </li>
            <li>
                <a href="https://www.tiktok.com/@barrondesigns" aria-label="tiktok" target="_blank">
    
                    <span class="icon-soc-tik-tok"></span>
                </a>
            </li>
            <li>
                <a href="https://www.houzz.com/pro/barrondesigns" aria-label="houzz" target="_blank">
                    <span style="font-size: 26px" class="icon-houzz"></span>
                </a>
            </li>
        </ul>
    </nav>
                    </div>
                    <div class="col-xs-12 col-md-7 col-lg-8" >
                        <nav class="footer">
                            <ul>
                                    <li>
                                        <a href="/about-us/">
                                            About Us
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/account.php?action=order_status">
                                            Sign In/Order Tracking
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/terms-and-conditions/#returns-exchanges">
                                            Returns &amp; Exchanges
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/terms-and-conditions/#shipping-information">
                                            Shipping Information
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/terms-and-conditions/#warranty-information">
                                            Warranty
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/terms-and-conditions/#terms-of-use">
                                            Terms of Use
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/privacy-policy/">
                                            Privacy Policy
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/contact-us/">
                                            Contact Us
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/accessibility-statement/">
                                            Accessibility Statement
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/commercial/">
                                            Trade Benefits
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/govx-id-discount/military/">
                                            Military Discount
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/govx-id-discount/firefighters/">
                                            Firefighters Discount
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/govx-id-discount/law-enforcement/">
                                            Law Enforcement Discount
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/govx-id-discount/ems-medical/">
                                            EMS & Medical Professionals Discount
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/govx-id-discount/teachers-government-employees/">
                                            Teachers & Government Employees Discount
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/barn-doors-hardware/">
                                            Barn Doors & Hardware
                                        </a>
                                    </li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <a href="https://www.shopperapproved.com/reviews/barrondesigns.com/" class="shopperlink bottom">
                    <img loading="lazy" class="lazyload" src="https://www.barrondesigns.com/content/webp/branches.webp" style="border: 0" alt="Customer Reviews"/>
                </a>
                <nav class="secure-badges bottom">
    <ul>
        <li>
            <img loading="lazy" class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/payment-methods/visa.svg" alt="We accept: Visa" />
        </li>
        <li>
            <img loading="lazy" class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/payment-methods/mastercard.svg" alt="We accept: MasterCard" />
        </li>
        <li>
            <img loading="lazy" class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/payment-methods/discover.svg" alt="We accept: Discover" />
        </li>
        <li>
            <img loading="lazy" class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/payment-methods/american_express.svg" alt="We accept: American Express" />
        </li>
        <li>
            <img loading="lazy" class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/payment-methods/paypal.svg" alt="We accept: Paypal" />
        </li>
        <li>
            <img loading="lazy" class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/payment-methods/venmo.png" alt="We accept: Venmo" />
        </li>
        <li>
            <img loading="lazy" class="lazyload" src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/payment-methods/amazon.png" alt="We accept: amazon pay" />
        </li>
    </ul>
</nav>
            </div>
        </div>
        <div class="cta-wrapper">
            <picture>
                <img class='lazyload' width="64px" height="64px" src='https://cdn11.bigcommerce.com/s-y7zjaeumjx/content/loading.svg' data-src='https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/img/cta.png' alt='sign up icon'>
            </picture>
            <p>Sign up for Email & Text Alerts for special offers, news, updates and more.</p>
            <a href="/sign-up" class="btn-secondary">Sign Up Now</a>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <p class="copyright">&copy; 2026 Barron Designs. All Rights Reserved.</p>
        </div>
    </div>
</footer>
        <button id="toTopBtn" class="toTopButton" title="Go to top">
            <span class="icon-caret-up"></span>
            TOP
            </button>

        <script>window.__webpack_public_path__ = "https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/dist/";</script>
        <script src="https://cdn11.bigcommerce.com/s-y7zjaeumjx/stencil/ff6a9cc0-456e-013f-f1fd-22c1613aa36f/e/7a53a4f0-2470-013f-1157-0aed706f791e/dist/theme-bundle.main.js"></script>
        
        <script>
            window.stencilBootstrap("category", "{\"categoryProductsPerPage\":12,\"category\":\"Faux Panels\",\"settings\":{\"channel_id\":1,\"site_id\":1000,\"show_wishlist\":true,\"request\":{\"referer\":\"\",\"host\":\"www.barrondesigns.com\",\"origin\":\"https://www.barrondesigns.com\",\"locale\":\"\",\"absolute_path\":\"/faux-panels/\",\"user_agent\":\"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_2) AppleWebKit/601.3.9 (KHTML, like Gecko) Version/9.0.2 Safari/601.3.9 bc-storefront\",\"is_crawler\":false},\"facebook_like_button\":{\"enabled\":false,\"href\":\"https%3A%2F%2Fwww.barrondesigns.com%2Ffaux-panels%2F\",\"verb\":\"recommend\"},\"add_this\":{\"buttons\":[{\"service\":\"facebook\",\"annotation\":\"\"},{\"service\":\"email\",\"annotation\":\"\"},{\"service\":\"print\",\"annotation\":\"\"},{\"service\":\"twitter\",\"annotation\":\"\"},{\"service\":\"pinterest\",\"annotation\":\"\"}]},\"store_name\":\"Barron Designs\",\"theme_version_id\":\"ff6a9cc0-456e-013f-f1fd-22c1613aa36f\",\"storefront_api\":{\"token\":\"eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOlsxXSwiY29ycyI6WyJodHRwczovL3d3dy5iYXJyb25kZXNpZ25zLmNvbSJdLCJlYXQiOjE3ODEwOTE4NDQsImlhdCI6MTc4MDkxOTA0NCwiaXNzIjoiQkMiLCJzaWQiOjEwMDA3OTI4MzgsInN1YiI6IkJDIiwic3ViX3R5cGUiOjAsInRva2VuX3R5cGUiOjF9.gDh1-iFSbJEy7iz2FqtevMdAMtmI-1TlsKfS-MWb-oYqdIulcu6-WfAuKExxVYjH4KWWUQxCkHFlkCwkJinSlw\"},\"base_url\":\"https://www.barrondesigns.com\",\"rss_item_limit\":0,\"show_newsletter_box\":1,\"general\":{\"fastCart\":true,\"storeId\":1000792838},\"money\":{\"currency_token\":\"$\",\"currency_location\":\"Left\",\"decimal_token\":\".\",\"decimal_places\":2,\"thousands_token\":\",\"},\"theme_session_id\":\"7a53a4f0-2470-013f-1157-0aed706f791e\",\"client_ip_address\":\"0.0.0.0\",\"theme_config_id\":\"c08b6c80-4570-013f-a503-729b4c5622f5\",\"phone_number\":\"(631) 242-4105\",\"returns_v2_enabled\":0,\"store_logo\":{\"title\":\"Barron Designs\",\"image\":{\"data\":\"https://cdn11.bigcommerce.com/s-y7zjaeumjx/images/stencil/{:size}/bar-logo_1571859289__95794.original.png\",\"alt\":\"Barron Designs\",\"width\":359,\"height\":107}},\"hide_price_from_guests\":false,\"shopper_consent_tracking_enabled\":false,\"display_date_format\":\"M jS Y\",\"bulk_discount_enabled\":true,\"show_product_reviews\":true,\"measurements\":{\"length\":\"Inches\",\"weight\":\"LBS\"},\"gift_certificates_enabled\":false,\"maintenance\":[],\"secure_host\":\"www.barrondesigns.com\",\"store_hash\":\"y7zjaeumjx\",\"newsletter_summary\":\"\",\"country_code\":null,\"is_eu_ip_address\":false,\"account_creation_enabled\":true,\"extended_display_date_format\":\"M jS Y @ g:i A\",\"show_product_rating\":true,\"region_code\":\"\",\"secure_base_url\":\"https://www.barrondesigns.com\",\"address\":\"1135 Montgomery Avenue\\nAlbemarle, NC 28001\",\"store_time_zone\":\"-5\",\"privacy_cookie\":false,\"returns_enabled\":0,\"store_dst_correction\":1,\"data_tag_enabled\":false,\"tax_label\":\"Tax\",\"blog_enabled\":true,\"cdn_url\":\"https://cdn11.bigcommerce.com/s-y7zjaeumjx\",\"payments_url\":\"https://payments.bigcommerce.com\",\"password_requirements\":{\"alpha\":\"[A-Za-z]\",\"numeric\":\"[0-9]\",\"minlength\":7,\"error\":\"Passwords must be at least 7 characters and contain both alphabetic and numeric characters.\"},\"show_newsletter_summary\":0,\"show_payment_methods\":true},\"themeSettings\":{\"optimizedCheckout-formChecklist-color\":\"#333333\",\"homepage_new_products_column_count\":4,\"card--alternate-color--hover\":\"#ffffff\",\"optimizedCheckout-colorFocus\":\"#4496f6\",\"fontSize-root\":14,\"show_accept_amex\":false,\"optimizedCheckout-buttonPrimary-borderColorDisabled\":\"transparent\",\"homepage_top_products_count\":4,\"paymentbuttons-paypal-size\":\"responsive\",\"optimizedCheckout-buttonPrimary-backgroundColorActive\":\"#000000\",\"brandpage_products_per_page\":12,\"color-secondaryDarker\":\"#cccccc\",\"navUser-color\":\"#333333\",\"color-textBase--active\":\"#757575\",\"cat_nav_size\":\"255x150\",\"social_icon_placement_bottom\":\"bottom_none\",\"show_powered_by\":true,\"show_accept_amazonpay\":false,\"fontSize-h4\":20,\"checkRadio-borderColor\":\"#cccccc\",\"color-primaryDarker\":\"#333333\",\"optimizedCheckout-buttonPrimary-colorHover\":\"#ffffff\",\"brand_size\":\"190x250\",\"optimizedCheckout-logo-position\":\"left\",\"optimizedCheckout-discountBanner-backgroundColor\":\"#e5e5e5\",\"color-textLink--hover\":\"#757575\",\"pdp-sale-price-label\":\"Now:\",\"optimizedCheckout-buttonSecondary-backgroundColorHover\":\"#f5f5f5\",\"optimizedCheckout-headingPrimary-font\":\"Google_Montserrat_700\",\"logo_size\":\"250x100\",\"optimizedCheckout-formField-backgroundColor\":\"#ffffff\",\"footer-backgroundColor\":\"#ffffff\",\"navPages-color\":\"#333333\",\"productpage_reviews_count\":9,\"optimizedCheckout-step-borderColor\":\"#dddddd\",\"show_accept_paypal\":false,\"paymentbuttons-paypal-label\":\"checkout\",\"paymentbuttons-paypal-shape\":\"pill\",\"optimizedCheckout-discountBanner-textColor\":\"#333333\",\"optimizedCheckout-backgroundImage-size\":\"1000x400\",\"pdp-retail-price-label\":\"MSRP:\",\"optimizedCheckout-buttonPrimary-font\":\"Google_Montserrat_500\",\"carousel-dot-color\":\"#333333\",\"button--disabled-backgroundColor\":\"#cccccc\",\"blockquote-cite-font-color\":\"#999999\",\"optimizedCheckout-formField-shadowColor\":\"transparent\",\"categorypage_products_per_page\":12,\"container-fill-base\":\"#ffffff\",\"paymentbuttons-paypal-layout\":\"vertical\",\"homepage_featured_products_column_count\":4,\"button--default-color\":\"#666666\",\"pace-progress-backgroundColor\":\"#999999\",\"color-textLink--active\":\"#757575\",\"optimizedCheckout-loadingToaster-backgroundColor\":\"#333333\",\"color-textHeading\":\"#444444\",\"show_accept_discover\":false,\"optimizedCheckout-formField-errorColor\":\"#d14343\",\"spinner-borderColor-dark\":\"#999999\",\"restrict_to_login\":false,\"input-font-color\":\"#666666\",\"select-bg-color\":\"#ffffff\",\"show_accept_mastercard\":false,\"show_custom_fields_tabs\":false,\"color_text_product_sale_badges\":\"#ffffff\",\"optimizedCheckout-link-font\":\"Google_Montserrat_500\",\"homepage_show_carousel_arrows\":true,\"supported_payment_methods\":[\"card\",\"paypal\"],\"carousel-arrow-bgColor\":\"#ffffff\",\"lazyload_mode\":\"lazyload+lqip\",\"carousel-title-color\":\"#444444\",\"color_hover_product_sale_badges\":\"#000000\",\"show_accept_googlepay\":false,\"card--alternate-borderColor\":\"#ffffff\",\"homepage_new_products_count\":5,\"button--disabled-color\":\"#ffffff\",\"color-primaryDark\":\"#666666\",\"color-grey\":\"#999999\",\"body-font\":\"Google_Karla_400\",\"optimizedCheckout-step-textColor\":\"#ffffff\",\"optimizedCheckout-buttonPrimary-borderColorActive\":\"transparent\",\"navPages-subMenu-backgroundColor\":\"#e5e5e5\",\"button--primary-backgroundColor\":\"#444444\",\"optimizedCheckout-formField-borderColor\":\"#cccccc\",\"checkRadio-color\":\"#333333\",\"show_product_dimensions\":false,\"optimizedCheckout-link-color\":\"#476bef\",\"card-figcaption-button-background\":\"#ffffff\",\"icon-color-hover\":\"#999999\",\"button--default-borderColor\":\"#cccccc\",\"optimizedCheckout-headingSecondary-font\":\"Google_Montserrat_700\",\"headings-font\":\"Google_Montserrat_400\",\"label-backgroundColor\":\"#cccccc\",\"button--primary-backgroundColorHover\":\"#666666\",\"pdp-non-sale-price-label\":\"Was:\",\"button--disabled-borderColor\":\"transparent\",\"label-color\":\"#ffffff\",\"optimizedCheckout-headingSecondary-color\":\"#333333\",\"select-arrow-color\":\"#757575\",\"logo_fontSize\":28,\"alert-backgroundColor\":\"#ffffff\",\"optimizedCheckout-logo-size\":\"250x100\",\"default_image_brand\":\"img/BrandDefault.gif\",\"card-title-color\":\"#333333\",\"product_list_display_mode\":\"grid\",\"optimizedCheckout-link-hoverColor\":\"#002fe1\",\"fontSize-h5\":15,\"product_size\":\"500x659\",\"paymentbuttons-paypal-color\":\"gold\",\"homepage_show_carousel\":true,\"optimizedCheckout-body-backgroundColor\":\"#ffffff\",\"carousel-arrow-borderColor\":\"#ffffff\",\"button--default-borderColorActive\":\"#757575\",\"header-backgroundColor\":\"#ffffff\",\"paymentbuttons-paypal-tagline\":false,\"color-greyDarkest\":\"#000000\",\"color_badge_product_sale_badges\":\"#007dc6\",\"price_ranges\":true,\"productpage_videos_count\":8,\"color-greyDark\":\"#666666\",\"optimizedCheckout-buttonSecondary-borderColorHover\":\"#999999\",\"optimizedCheckout-discountBanner-iconColor\":\"#333333\",\"optimizedCheckout-buttonSecondary-borderColor\":\"#cccccc\",\"optimizedCheckout-loadingToaster-textColor\":\"#ffffff\",\"optimizedCheckout-buttonPrimary-colorDisabled\":\"#ffffff\",\"optimizedCheckout-formField-placeholderColor\":\"#999999\",\"navUser-color-hover\":\"#757575\",\"icon-ratingFull\":\"#757575\",\"default_image_gift_certificate\":\"img/GiftCertificate.png\",\"color-textBase--hover\":\"#757575\",\"acc_thumbnail\":\"105x125\",\"color-errorLight\":\"#ffdddd\",\"blog_size\":\"190x250\",\"shop_by_price_visibility\":true,\"optimizedCheckout-buttonSecondary-colorActive\":\"#000000\",\"optimizedCheckout-orderSummary-backgroundColor\":\"#ffffff\",\"social_icon_placement_top\":false,\"productthumb_lg\":\"150x150\",\"color-warningLight\":\"#fffdea\",\"show_product_weight\":true,\"button--default-colorActive\":\"#000000\",\"color-info\":\"#666666\",\"optimizedCheckout-formChecklist-backgroundColorSelected\":\"#f5f5f5\",\"show_product_quick_view\":true,\"button--default-borderColorHover\":\"#999999\",\"card--alternate-backgroundColor\":\"#ffffff\",\"hide_content_navigation\":false,\"pdp-price-label\":\"\",\"show_copyright_footer\":true,\"swatch_option_size\":\"22x22\",\"optimizedCheckout-orderSummary-borderColor\":\"#dddddd\",\"optimizedCheckout-show-logo\":\"none\",\"carousel-description-color\":\"#333333\",\"optimizedCheckout-formChecklist-backgroundColor\":\"#ffffff\",\"fontSize-h2\":25,\"optimizedCheckout-step-backgroundColor\":\"#757575\",\"optimizedCheckout-headingPrimary-color\":\"#333333\",\"color-textBase\":\"#333333\",\"color-warning\":\"#f1a500\",\"productgallery_size\":\"500x659\",\"alert-color\":\"#333333\",\"shop_by_brand_show_footer\":true,\"card-figcaption-button-color\":\"#333333\",\"searchpage_products_per_page\":12,\"color-textSecondary--active\":\"#333333\",\"optimizedCheckout-formField-inputControlColor\":\"#476bef\",\"optimizedCheckout-contentPrimary-color\":\"#333333\",\"optimizedCheckout-buttonSecondary-font\":\"Google_Montserrat_500\",\"storeName-color\":\"#333333\",\"optimizedCheckout-backgroundImage\":\"\",\"form-label-font-color\":\"#666666\",\"color-greyLightest\":\"#e5e5e5\",\"optimizedCheckout-header-backgroundColor\":\"#f5f5f5\",\"productpage_related_products_count\":10,\"optimizedCheckout-buttonSecondary-backgroundColorActive\":\"#e5e5e5\",\"color-textLink\":\"#333333\",\"color-greyLighter\":\"#cccccc\",\"color-secondaryDark\":\"#e5e5e5\",\"fontSize-h6\":13,\"paymentbuttons-paypal-fundingicons\":false,\"carousel-arrow-color\":\"#999999\",\"productpage_similar_by_views_count\":10,\"show-admin-bar\":true,\"pdp-custom-fields-tab-label\":\"Additional Information\",\"loadingOverlay-backgroundColor\":\"#ffffff\",\"optimizedCheckout-buttonPrimary-color\":\"#ffffff\",\"input-bg-color\":\"#ffffff\",\"navPages-subMenu-separatorColor\":\"#cccccc\",\"navPages-color-hover\":\"#757575\",\"color-infoLight\":\"#dfdfdf\",\"product_sale_badges\":\"none\",\"default_image_product\":\"img/ProductDefault.gif\",\"navUser-dropdown-borderColor\":\"#cccccc\",\"optimizedCheckout-buttonPrimary-colorActive\":\"#ffffff\",\"color-greyMedium\":\"#757575\",\"optimizedCheckout-formChecklist-borderColor\":\"#cccccc\",\"fontSize-h1\":28,\"homepage_featured_products_count\":4,\"color-greyLight\":\"#999999\",\"optimizedCheckout-logo\":\"\",\"icon-ratingEmpty\":\"#cccccc\",\"show_product_details_tabs\":true,\"icon-color\":\"#757575\",\"productthumb_sm\":\"775x775\",\"overlay-backgroundColor\":\"#333333\",\"input-border-color-active\":\"#999999\",\"hide_contact_us_page_heading\":false,\"container-fill-dark\":\"#e5e5e5\",\"optimizedCheckout-buttonPrimary-backgroundColorDisabled\":\"#cccccc\",\"button--primary-color\":\"#ffffff\",\"productthumb_xs\":\"575x575\",\"optimizedCheckout-buttonPrimary-borderColorHover\":\"transparent\",\"color-successLight\":\"#d5ffd8\",\"productthumb_md\":\"1000x1000\",\"color-greyDarker\":\"#333333\",\"show_product_quantity_box\":true,\"color-success\":\"#008a06\",\"optimizedCheckout-header-borderColor\":\"#dddddd\",\"zoom_size\":\"1280x1280\",\"color-white\":\"#ffffff\",\"optimizedCheckout-buttonSecondary-backgroundColor\":\"#ffffff\",\"productview_thumb_size\":\"50x50\",\"fontSize-h3\":22,\"spinner-borderColor-light\":\"#ffffff\",\"geotrust_ssl_common_name\":\"\",\"carousel-bgColor\":\"#ffffff\",\"carousel-dot-color-active\":\"#757575\",\"input-border-color\":\"#cccccc\",\"optimizedCheckout-buttonPrimary-backgroundColor\":\"#333333\",\"color-secondary\":\"#ffffff\",\"button--primary-backgroundColorActive\":\"#000000\",\"color-textSecondary--hover\":\"#333333\",\"color-whitesBase\":\"#e5e5e5\",\"body-bg\":\"#ffffff\",\"dropdown--quickSearch-backgroundColor\":\"#e5e5e5\",\"optimizedCheckout-contentSecondary-font\":\"Google_Montserrat_500\",\"navUser-dropdown-backgroundColor\":\"#ffffff\",\"color-primary\":\"#757575\",\"optimizedCheckout-contentPrimary-font\":\"Google_Montserrat_500\",\"supported_card_type_icons\":[\"american_express\",\"diners\",\"discover\",\"mastercard\",\"visa\"],\"navigation_design\":\"simple\",\"optimizedCheckout-formField-textColor\":\"#333333\",\"color-black\":\"#ffffff\",\"homepage_top_products_column_count\":4,\"hide_page_heading\":false,\"optimizedCheckout-buttonSecondary-colorHover\":\"#333333\",\"hide_breadcrumbs\":false,\"button--primary-colorActive\":\"#ffffff\",\"homepage_stretch_carousel_images\":false,\"optimizedCheckout-contentSecondary-color\":\"#757575\",\"card-title-color-hover\":\"#757575\",\"applePay-button\":\"black\",\"thumb_size\":\"100x100\",\"optimizedCheckout-buttonPrimary-borderColor\":\"#333333\",\"navUser-indicator-backgroundColor\":\"#333333\",\"optimizedCheckout-buttonSecondary-borderColorActive\":\"#757575\",\"hide_blog_page_heading\":false,\"optimizedCheckout-header-textColor\":\"#333333\",\"hide_category_page_heading\":false,\"optimizedCheckout-show-backgroundImage\":false,\"color-primaryLight\":\"#999999\",\"show_accept_visa\":false,\"logo-position\":\"center\",\"show_product_reviews_tabs\":false,\"carousel-dot-bgColor\":\"#ffffff\",\"optimizedCheckout-form-textColor\":\"#666666\",\"optimizedCheckout-buttonSecondary-color\":\"#333333\",\"geotrust_ssl_seal_size\":\"M\",\"button--icon-svg-color\":\"#757575\",\"alert-color-alt\":\"#ffffff\",\"button--default-colorHover\":\"#333333\",\"checkRadio-backgroundColor\":\"#ffffff\",\"optimizedCheckout-buttonPrimary-backgroundColorHover\":\"#666666\",\"input-disabled-bg\":\"#ffffff\",\"dropdown--wishList-backgroundColor\":\"#ffffff\",\"container-border-global-color-base\":\"#e5e5e5\",\"button--primary-colorHover\":\"#ffffff\",\"color-error\":\"#cc4749\",\"homepage_blog_posts_count\":3,\"color-textSecondary\":\"#757575\",\"gallery_size\":\"300x300\"},\"showAdminBar\":true,\"genericError\":\"Oops! Something went wrong.\",\"maintenanceModeSettings\":[],\"adminBarLanguage\":\"{\\\"locale\\\":\\\"en\\\",\\\"locales\\\":{\\\"admin.maintenance_header\\\":\\\"en\\\",\\\"admin.maintenance_tooltip\\\":\\\"en\\\",\\\"admin.maintenance_showstore_link\\\":\\\"en\\\",\\\"admin.prelaunch_header\\\":\\\"en\\\",\\\"admin.page_builder_link\\\":\\\"en\\\"},\\\"translations\\\":{\\\"admin.maintenance_header\\\":\\\"Your store is down for maintenance.\\\",\\\"admin.maintenance_tooltip\\\":\\\"Only administrators can view the store at the moment. Visit your control panel settings page to disable maintenance mode.\\\",\\\"admin.maintenance_showstore_link\\\":\\\"Click here to see what your visitors will see.\\\",\\\"admin.prelaunch_header\\\":\\\"Your storefront is private. Share your site with preview code:\\\",\\\"admin.page_builder_link\\\":\\\"Design this page in Page Builder\\\"}}\",\"urls\":{\"home\":\"https://www.barrondesigns.com/\",\"brands\":\"https://www.barrondesigns.com/brands/\",\"search\":\"https://www.barrondesigns.com/search.php\",\"compare\":\"https://www.barrondesigns.com/compare\",\"sitemap\":\"https://www.barrondesigns.com/sitemap.php\",\"contact_us_submit\":\"https://www.barrondesigns.com/pages.php?action=sendContactForm\",\"subscribe\":{\"action\":\"https://www.barrondesigns.com/subscribe.php\"},\"checkout\":{\"single_address\":\"https://www.barrondesigns.com/checkout\",\"multiple_address\":\"https://www.barrondesigns.com/checkout.php?action=multiple\"},\"account\":{\"orders\":{\"all\":\"https://www.barrondesigns.com/account.php?action=order_status\",\"completed\":\"https://www.barrondesigns.com/account.php?action=view_orders\",\"save_new_return\":\"https://www.barrondesigns.com/account.php?action=save_new_return\"},\"returns\":\"https://www.barrondesigns.com/account.php?action=view_returns\",\"addresses\":\"https://www.barrondesigns.com/account.php?action=address_book\",\"inbox\":\"https://www.barrondesigns.com/account.php?action=inbox\",\"send_message\":\"https://www.barrondesigns.com/account.php?action=send_message\",\"add_address\":\"https://www.barrondesigns.com/account.php?action=add_shipping_address\",\"update_action\":\"https://www.barrondesigns.com/account.php?action=update_account\",\"details\":\"https://www.barrondesigns.com/account.php?action=account_details\",\"recent_items\":\"https://www.barrondesigns.com/account.php?action=recent_items\",\"index\":\"https://www.barrondesigns.com/account.php\",\"wishlists\":{\"all\":\"https://www.barrondesigns.com/wishlist.php\",\"add\":\"https://www.barrondesigns.com/wishlist.php?action=addwishlist\",\"edit\":\"https://www.barrondesigns.com/wishlist.php?action=editwishlist\",\"delete\":\"https://www.barrondesigns.com/wishlist.php?action=deletewishlist\"},\"payment_methods\":{\"all\":\"https://www.barrondesigns.com/account.php?action=payment_methods\"}},\"auth\":{\"login\":\"https://www.barrondesigns.com/login.php\",\"check_login\":\"https://www.barrondesigns.com/login.php?action=check_login\",\"create_account\":\"https://www.barrondesigns.com/login.php?action=create_account\",\"save_new_account\":\"https://www.barrondesigns.com/login.php?action=save_new_account\",\"forgot_password\":\"https://www.barrondesigns.com/login.php?action=reset_password\",\"send_password_email\":\"https://www.barrondesigns.com/login.php?action=send_password_email\",\"save_new_password\":\"https://www.barrondesigns.com/login.php?action=save_new_password\",\"logout\":\"https://www.barrondesigns.com/login.php?action=logout\"},\"cart\":\"https://www.barrondesigns.com/cart.php\",\"product\":{\"post_review\":\"https://www.barrondesigns.com/postreview.php\"},\"gift_certificate\":{\"purchase\":\"https://www.barrondesigns.com/giftcertificates.php\",\"redeem\":\"https://www.barrondesigns.com/giftcertificates.php?action=redeem\",\"balance\":\"https://www.barrondesigns.com/giftcertificates.php?action=balance\"},\"rss\":{\"products\":[]}},\"secureBaseUrl\":\"https://www.barrondesigns.com\",\"cartId\":null,\"channelId\":1,\"template\":\"pages/custom/category/category-landing\",\"customer\":null,\"token\":\"eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOlsxXSwiY29ycyI6WyJodHRwczovL3d3dy5iYXJyb25kZXNpZ25zLmNvbSJdLCJlYXQiOjE3ODEwOTE4NDQsImlhdCI6MTc4MDkxOTA0NCwiaXNzIjoiQkMiLCJzaWQiOjEwMDA3OTI4MzgsInN1YiI6IkJDIiwic3ViX3R5cGUiOjAsInRva2VuX3R5cGUiOjF9.gDh1-iFSbJEy7iz2FqtevMdAMtmI-1TlsKfS-MWb-oYqdIulcu6-WfAuKExxVYjH4KWWUQxCkHFlkCwkJinSlw\",\"page_type\":\"category\",\"page_title\":\"Faux Panels\"}").load();
        </script>


        <script type="text/javascript" src="https://cdn11.bigcommerce.com/shared/js/csrf-protection-header-5eeddd5de78d98d146ef4fd71b2aedce4161903e.js"></script>
<script src='https://static.klaviyo.com/onsite/js/UaiUEN/klaviyo.js?company_id=UaiUEN' async ></script><script>
  let powrLoaded = false;

  function loadPowrScript() {
    if (powrLoaded) return;

    const script = document.createElement('script');
    script.src = 'https://www.powr.io/powr.js?platform=bigcommerce';
    script.defer = true;
    document.body.appendChild(script);

    powrLoaded = true;
  }

  window.addEventListener('scroll', loadPowrScript, { once: true, passive: true });
  window.addEventListener('mousemove', loadPowrScript, { once: true });
  window.addEventListener('touchstart', loadPowrScript, { once: true, passive: true });
</script><script>
(function() {
	// CONFIGURATION
	var siteId = "pjnlc4";
	var massageSKU = function(sku) {
		// BigCommerce gives us the child SKU if a product has variants, use this to massage the child SKU into the parent SKU.
		return sku;
	}
		
	var pageType = "category";
	if(pageType == "product" || pageType == "cart" || pageType == "orderconfirmation") {
		// Load IS library, once it's loaded it will call trackIntelliSuggest as a callback
		loadIntelliSuggest("//cdn.searchspring.net/intellisuggest/is.min.js", trackIntelliSuggest);
			
		function trackIntelliSuggest() {              
			switch(pageType) {
				case "product":
					var product_code = massageSKU("");
					trackProductPage(product_code);
					break;
				case "cart":
					var products = [];
					if(products.length > 0) {
						trackCart(products, "cart");
					}
					break;
				case "orderconfirmation":
					loadPolyfills();
					var products = [];
					fetch('/api/storefront/order/', {credentials: 'include'})
					.then(function(response) {
						return response.json();
					})
					.then(function(cart) {
						if(cart && cart.lineItems && cart.lineItems.physicalItems) {
							for(var i = 0; i < cart.lineItems.physicalItems.length; i++) {
								products.push({
									"sku" : massageSKU(cart.lineItems.physicalItems[i].sku),
                                    "childSku" : cart.lineItems.physicalItems[i].sku,
									"qty" : cart.lineItems.physicalItems[i].quantity,
									"price" : cart.lineItems.physicalItems[i].salePrice / cart.lineItems.physicalItems[i].quantity
								});
							}
						}
							
						if(products.length > 0) {
							trackCart(products, "sale");
						}             
					});
					break;
			}
		}
			
		function trackProductPage(product_code) {
			IntelliSuggest.init({"siteId" : siteId, "context" : "Product/" + product_code, "seed" : [product_code]});
			IntelliSuggest.viewItem({"sku" : product_code});
		}
							
		function trackCart(products, pageType) {
			var seed = products.map(function(p) { return p.sku });
			IntelliSuggest.init({"siteId" : siteId, "context" : "Basket", "seed" : seed});
				
			for(var i = 0; i < products.length; i++) {
				IntelliSuggest.haveItem(products[i]);
			}
				
			if(pageType == "cart") {
				IntelliSuggest.inBasket({});
			} else {
				IntelliSuggest.inSale({});  
			}
		}
			
		function loadIntelliSuggest(src, callback) {
			var script = document.createElement('script');
			var prior = document.getElementsByTagName('script')[0];
			script.async = 1;

			script.onload = script.onreadystatechange = function( _, isAbort ) {
				if(isAbort || !script.readyState || /loaded|complete/.test(script.readyState) ) {
					script.onload = script.onreadystatechange = null;
					script = undefined;

					if(!isAbort) { if(callback) { callback(); } }
				}
			};

			script.src = src;
			prior.parentNode.insertBefore(script, prior);
		}
							
		function loadPolyfills() {
			// Promise - https://github.com/taylorhakes/promise-polyfill
			!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n():"function"==typeof define&&define.amd?define(n):n()}(0,function(){"use strict";function e(e){var n=this.constructor;return this.then(function(t){return n.resolve(e()).then(function(){return t})},function(t){return n.resolve(e()).then(function(){return n.reject(t)})})}function n(){}function t(e){if(!(this instanceof t))throw new TypeError("Promises must be constructed via new");if("function"!=typeof e)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=undefined,this._deferreds=[],u(e,this)}function o(e,n){for(;3===e._state;)e=e._value;0!==e._state?(e._handled=!0,t._immediateFn(function(){var t=1===e._state?n.onFulfilled:n.onRejected;if(null!==t){var o;try{o=t(e._value)}catch(f){return void i(n.promise,f)}r(n.promise,o)}else(1===e._state?r:i)(n.promise,e._value)})):e._deferreds.push(n)}function r(e,n){try{if(n===e)throw new TypeError("A promise cannot be resolved with itself.");if(n&&("object"==typeof n||"function"==typeof n)){var o=n.then;if(n instanceof t)return e._state=3,e._value=n,void f(e);if("function"==typeof o)return void u(function(e,n){return function(){e.apply(n,arguments)}}(o,n),e)}e._state=1,e._value=n,f(e)}catch(r){i(e,r)}}function i(e,n){e._state=2,e._value=n,f(e)}function f(e){2===e._state&&0===e._deferreds.length&&t._immediateFn(function(){e._handled||t._unhandledRejectionFn(e._value)});for(var n=0,r=e._deferreds.length;r>n;n++)o(e,e._deferreds[n]);e._deferreds=null}function u(e,n){var t=!1;try{e(function(e){t||(t=!0,r(n,e))},function(e){t||(t=!0,i(n,e))})}catch(o){if(t)return;t=!0,i(n,o)}}var c=setTimeout;t.prototype["catch"]=function(e){return this.then(null,e)},t.prototype.then=function(e,t){var r=new this.constructor(n);return o(this,new function(e,n,t){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof n?n:null,this.promise=t}(e,t,r)),r},t.prototype["finally"]=e,t.all=function(e){return new t(function(n,t){function o(e,f){try{if(f&&("object"==typeof f||"function"==typeof f)){var u=f.then;if("function"==typeof u)return void u.call(f,function(n){o(e,n)},t)}r[e]=f,0==--i&&n(r)}catch(c){t(c)}}if(!e||"undefined"==typeof e.length)throw new TypeError("Promise.all accepts an array");var r=Array.prototype.slice.call(e);if(0===r.length)return n([]);for(var i=r.length,f=0;r.length>f;f++)o(f,r[f])})},t.resolve=function(e){return e&&"object"==typeof e&&e.constructor===t?e:new t(function(n){n(e)})},t.reject=function(e){return new t(function(n,t){t(e)})},t.race=function(e){return new t(function(n,t){for(var o=0,r=e.length;r>o;o++)e[o].then(n,t)})},t._immediateFn="function"==typeof setImmediate&&function(e){setImmediate(e)}||function(e){c(e,0)},t._unhandledRejectionFn=function(e){void 0!==console&&console&&console.warn("Possible Unhandled Promise Rejection:",e)};var l=function(){if("undefined"!=typeof self)return self;if("undefined"!=typeof window)return window;if("undefined"!=typeof global)return global;throw Error("unable to locate global object")}();"Promise"in l?l.Promise.prototype["finally"]||(l.Promise.prototype["finally"]=e):l.Promise=t});
				
			// Fetch - https://github.com/github/fetch
			!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e(t.WHATWGFetch={})}(this,function(t){"use strict";var e={searchParams:"URLSearchParams"in self,iterable:"Symbol"in self&&"iterator"in Symbol,blob:"FileReader"in self&&"Blob"in self&&function(){try{return new Blob,!0}catch(t){return!1}}(),formData:"FormData"in self,arrayBuffer:"ArrayBuffer"in self};if(e.arrayBuffer)var r=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],o=ArrayBuffer.isView||function(t){return t&&r.indexOf(Object.prototype.toString.call(t))>-1};function n(t){if("string"!=typeof t&&(t=String(t)),/[^a-z0-9\-#$%&'*+.^_`|~]/i.test(t))throw new TypeError("Invalid character in header field name");return t.toLowerCase()}function i(t){return"string"!=typeof t&&(t=String(t)),t}function s(t){var r={next:function(){var e=t.shift();return{done:void 0===e,value:e}}};return e.iterable&&(r[Symbol.iterator]=function(){return r}),r}function a(t){this.map={},t instanceof a?t.forEach(function(t,e){this.append(e,t)},this):Array.isArray(t)?t.forEach(function(t){this.append(t[0],t[1])},this):t&&Object.getOwnPropertyNames(t).forEach(function(e){this.append(e,t[e])},this)}function h(t){if(t.bodyUsed)return Promise.reject(new TypeError("Already read"));t.bodyUsed=!0}function f(t){return new Promise(function(e,r){t.onload=function(){e(t.result)},t.onerror=function(){r(t.error)}})}function u(t){var e=new FileReader,r=f(e);return e.readAsArrayBuffer(t),r}function d(t){if(t.slice)return t.slice(0);var e=new Uint8Array(t.byteLength);return e.set(new Uint8Array(t)),e.buffer}function c(){return this.bodyUsed=!1,this._initBody=function(t){var r;this._bodyInit=t,t?"string"==typeof t?this._bodyText=t:e.blob&&Blob.prototype.isPrototypeOf(t)?this._bodyBlob=t:e.formData&&FormData.prototype.isPrototypeOf(t)?this._bodyFormData=t:e.searchParams&&URLSearchParams.prototype.isPrototypeOf(t)?this._bodyText=t.toString():e.arrayBuffer&&e.blob&&((r=t)&&DataView.prototype.isPrototypeOf(r))?(this._bodyArrayBuffer=d(t.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer])):e.arrayBuffer&&(ArrayBuffer.prototype.isPrototypeOf(t)||o(t))?this._bodyArrayBuffer=d(t):this._bodyText=t=Object.prototype.toString.call(t):this._bodyText="",this.headers.get("content-type")||("string"==typeof t?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):e.searchParams&&URLSearchParams.prototype.isPrototypeOf(t)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},e.blob&&(this.blob=function(){var t=h(this);if(t)return t;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){return this._bodyArrayBuffer?h(this)||Promise.resolve(this._bodyArrayBuffer):this.blob().then(u)}),this.text=function(){var t,e,r,o=h(this);if(o)return o;if(this._bodyBlob)return t=this._bodyBlob,e=new FileReader,r=f(e),e.readAsText(t),r;if(this._bodyArrayBuffer)return Promise.resolve(function(t){for(var e=new Uint8Array(t),r=new Array(e.length),o=0;o<e.length;o++)r[o]=String.fromCharCode(e[o]);return r.join("")}(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},e.formData&&(this.formData=function(){return this.text().then(p)}),this.json=function(){return this.text().then(JSON.parse)},this}a.prototype.append=function(t,e){t=n(t),e=i(e);var r=this.map[t];this.map[t]=r?r+", "+e:e},a.prototype.delete=function(t){delete this.map[n(t)]},a.prototype.get=function(t){return t=n(t),this.has(t)?this.map[t]:null},a.prototype.has=function(t){return this.map.hasOwnProperty(n(t))},a.prototype.set=function(t,e){this.map[n(t)]=i(e)},a.prototype.forEach=function(t,e){for(var r in this.map)this.map.hasOwnProperty(r)&&t.call(e,this.map[r],r,this)},a.prototype.keys=function(){var t=[];return this.forEach(function(e,r){t.push(r)}),s(t)},a.prototype.values=function(){var t=[];return this.forEach(function(e){t.push(e)}),s(t)},a.prototype.entries=function(){var t=[];return this.forEach(function(e,r){t.push([r,e])}),s(t)},e.iterable&&(a.prototype[Symbol.iterator]=a.prototype.entries);var l=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function y(t,e){var r,o,n=(e=e||{}).body;if(t instanceof y){if(t.bodyUsed)throw new TypeError("Already read");this.url=t.url,this.credentials=t.credentials,e.headers||(this.headers=new a(t.headers)),this.method=t.method,this.mode=t.mode,this.signal=t.signal,n||null==t._bodyInit||(n=t._bodyInit,t.bodyUsed=!0)}else this.url=String(t);if(this.credentials=e.credentials||this.credentials||"same-origin",!e.headers&&this.headers||(this.headers=new a(e.headers)),this.method=(r=e.method||this.method||"GET",o=r.toUpperCase(),l.indexOf(o)>-1?o:r),this.mode=e.mode||this.mode||null,this.signal=e.signal||this.signal,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&n)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(n)}function p(t){var e=new FormData;return t.trim().split("&").forEach(function(t){if(t){var r=t.split("="),o=r.shift().replace(/\+/g," "),n=r.join("=").replace(/\+/g," ");e.append(decodeURIComponent(o),decodeURIComponent(n))}}),e}function b(t,e){e||(e={}),this.type="default",this.status=void 0===e.status?200:e.status,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in e?e.statusText:"OK",this.headers=new a(e.headers),this.url=e.url||"",this._initBody(t)}y.prototype.clone=function(){return new y(this,{body:this._bodyInit})},c.call(y.prototype),c.call(b.prototype),b.prototype.clone=function(){return new b(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new a(this.headers),url:this.url})},b.error=function(){var t=new b(null,{status:0,statusText:""});return t.type="error",t};var m=[301,302,303,307,308];b.redirect=function(t,e){if(-1===m.indexOf(e))throw new RangeError("Invalid status code");return new b(null,{status:e,headers:{location:t}})},t.DOMException=self.DOMException;try{new t.DOMException}catch(e){t.DOMException=function(t,e){this.message=t,this.name=e;var r=Error(t);this.stack=r.stack},t.DOMException.prototype=Object.create(Error.prototype),t.DOMException.prototype.constructor=t.DOMException}function w(r,o){return new Promise(function(n,i){var s=new y(r,o);if(s.signal&&s.signal.aborted)return i(new t.DOMException("Aborted","AbortError"));var h=new XMLHttpRequest;function f(){h.abort()}h.onload=function(){var t,e,r={status:h.status,statusText:h.statusText,headers:(t=h.getAllResponseHeaders()||"",e=new a,t.replace(/\r?\n[\t ]+/g," ").split(/\r?\n/).forEach(function(t){var r=t.split(":"),o=r.shift().trim();if(o){var n=r.join(":").trim();e.append(o,n)}}),e)};r.url="responseURL"in h?h.responseURL:r.headers.get("X-Request-URL");var o="response"in h?h.response:h.responseText;n(new b(o,r))},h.onerror=function(){i(new TypeError("Network request failed"))},h.ontimeout=function(){i(new TypeError("Network request failed"))},h.onabort=function(){i(new t.DOMException("Aborted","AbortError"))},h.open(s.method,s.url,!0),"include"===s.credentials?h.withCredentials=!0:"omit"===s.credentials&&(h.withCredentials=!1),"responseType"in h&&e.blob&&(h.responseType="blob"),s.headers.forEach(function(t,e){h.setRequestHeader(e,t)}),s.signal&&(s.signal.addEventListener("abort",f),h.onreadystatechange=function(){4===h.readyState&&s.signal.removeEventListener("abort",f)}),h.send(void 0===s._bodyInit?null:s._bodyInit)})}w.polyfill=!0,self.fetch||(self.fetch=w,self.Headers=a,self.Request=y,self.Response=b),t.Headers=a,t.Request=y,t.Response=b,t.fetch=w,Object.defineProperty(t,"__esModule",{value:!0})});
		}
	}
})()
</script><script async src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script text="text/javascript">
    const pageType = "category"; 
    const customPDPStyle = document.createElement("style");
    (document.head || document.documentElement).appendChild(customPDPStyle);

    if(pageType == "product"){
        //customPDPStyle.sheet.insertRule('.form-product:not(.form-beam) .form-field.fire { display:none !important; }');
        //customPDPStyle.sheet.insertRule('.form-product .form-field.fire { display:none !important; }');

        customPDPStyle.sheet.insertRule(`.SA__customer_images img { height: auto !important; max-height: 250px; width: fit-content; }`);
        customPDPStyle.sheet.insertRule(`.autocomplete-w1 a, .answerbase-widget a { color: #0977a7 !important; }`);
        customPDPStyle.sheet.insertRule(`.autocomplete-w1 a:hover, .autocomplete-w1 a:focus, .answerbase-widget a:hover, .answerbase-widget a:focus { color: #447489 !important; text-decoration: underline !important;}`);

        document.addEventListener('click', (e) => { 
          if(!e.target.matches(`[data-tab-target]`)) { return; };
          //console.log(e.target.dataset.tabTarget);
          e.preventDefault();
          let target = document.querySelector(`[aria-controls=${e.target.dataset.tabTarget}]`);
          if(target) { target.click(); }
        });
    }

</script>
<script>
var this_url = new URL(document.URL);
var cjevent = this_url.searchParams.get("cjevent");
if (cjevent != null && cjevent != undefined && cjevent != '')
{
    cj_expires = new Date(Date.now() + 2592000000);
	cj_expires = cj_expires.toUTCString();
	document.cookie = "cjevent=" + cjevent + '; expires=' + cj_expires + '; path=/';
}
</script><script>
</script><script>
</script><script>
let customScrollToCheck = setInterval(function() {
if (window.jQuery) {
    $(document).on('click', '[data-scrollto], [data-tab-target]', (e) => {
        let target_id = e.currentTarget.dataset.scrollto || e.currentTarget.dataset.tabTarget;
        let target = document.getElementById(target_id);
        let windowCurrentWidth = window.innerWidth;
        if(target) { e.preventDefault(); }

        if(e.currentTarget.dataset.tabTarget && target) {
            target.click();
            //setTimeout(target.click(), 1000);
        }

        if(target) {
            let header = document.querySelector('body > header');
            let headerBounds = header.getBoundingClientRect();
            let targetBounds = target.getBoundingClientRect();
            let scrollTop = document.documentElement.scrollTop;
            let offset = 32;

            window.scrollTo({ top: targetBounds.top + scrollTop - headerBounds.height - offset, behavior: 'smooth' });

            // If data-scrollto
            //if(e.currentTarget.dataset.scrollto) {
            //    window.scrollTo({ top: targetBounds.top + scrollTop - headerBounds.height - offset, behavior: 'smooth' });
            //}

            // If data-tab-target, Scroll to destination only on tablet and desktop screensizes
            //if(windowCurrentWidth >= 769 && e.currentTarget.dataset.tabTarget) {
            //    window.scrollTo({ top: targetBounds.top + scrollTop - headerBounds.height - offset, behavior: 'smooth' });
            //}
        }
    })
  clearInterval(customScrollToCheck);
}
}, 100);
    

</script><!-- Start CoreLogic Pixel -->
<script type="text/javascript">
var etPixelId = 'gMRLqazb93d8C77hK';
var etPixel = document.createElement('img');
etPixel.src = '//pixel.locker2.com/image/' + etPixelId + '.png?cb=' + Math.round(new Date().getTime());
etPixel.setAttribute("referrerpolicy", "no-referrer-when-downgrade");
etPixel.classList.add("hidden");
etPixel.style.display = 'none';
document.addEventListener('DOMContentLoaded', function() { document.body.appendChild(etPixel); }, false);
</script>
<!-- End CoreLogic Pixel --><script>
    /**
     * Author and copyright: Stefan Haack (https://shaack.com)
     * Repository: https://github.com/shaack/cookie-consent-js
     * License: MIT, see file 'LICENSE'
     */

    function CookieConsent(props) {
        var self = this
        this.props = {
            buttonPrimaryClass: "button button--primary", // the "accept all" buttons class, only used for styling
            buttonSecondaryClass: "button button--secondary", // the "accept necessary" buttons class, only used for styling
            privacyPolicyUrl: "/privacy-policy/",
            privacySettingsUrl: "/privacy-settings/",
            autoShowModal: true, // disable autoShowModal on the privacy policy page, to make that page readable
            informational: true, // set default to inform only
            lang: navigator.language, // the language, in which the modal is shown
            blockAccess: false, // set "true" to block the access to the website before choosing a cookie configuration
            position: "right", // position ("left" or "right"), if blockAccess is false
            postSelectionCallback: undefined, // callback, after the user has made his selection
            content: { // the content in all needed languages
                en: {
                    title: "Cookie policy",
                    body: "We use cookies and similar technologies that may collect and share information about your use of our site. By using our site, you agree to these practices. For more details or to opt out, visit our --privacy-policy--",
                    privacyPolicy: "Privacy Policy",
                    buttonAcceptAll: "I Understand",
                    buttonAcceptTechnical: "Decline",
                    buttonDismiss: "Got it",
                    buttonLearnMore: "Learn more"
                }
            },
            cookieName: "accept-cookie-policy",  // the name of the cookie, the cookie is `true` if tracking was accepted
            cookieName_info: "cookie-policy-notify",  // the name of the cookie, the cookie is `true` if tracking was accepted
            modalId: "cookieConsentModal" // the id of the modal dialog element
        }
        for (var property in props) {
            // noinspection JSUnfilteredForInLoop
            this.props[property] = props[property]
        }
        this.lang = this.props.lang
        if (this.lang.indexOf("-") !== -1) {
            this.lang = this.lang.split("-")[0]
        }
        if (this.props.content[this.lang] === undefined) {
            this.lang = "en" // fallback
        }
        var _t = this.props.content[this.lang]
        var linkPrivacyPolicy = '<a style="color:#000; font-weight:normal; text-decoration:underline;" href="' + this.props.privacyPolicyUrl + '">' + _t.privacyPolicy + '</a>'
        var linkPrivacySettings = '<a style="color:#000; font-weight:normal; text-decoration:underline;" href="' + this.props.privacySettingsUrl + '">' + _t.privacySettings + '</a>'
        var modalClass = "cookie-consent-modal"

        if (this.props.blockAccess) {
            modalClass += " block-access"
        }
        this.modalContent = '<div class="' + modalClass + '">' +
            '<div class="modal-content-wrap ' + this.props.position + '">' +
            '<div class="modal-content">' +
            '<div class="modal-header">--header--</div>' +
            '<div class="modal-body">--body--</div>' +
            '<div class="modal-footer">--footer--</div>' +
            '</div></div>'
        this.modalContent = this.modalContent.replace(/--header--/, "<h3 class=\"modal-title\">" + _t.title + "</h3>")

        _t.body = _t.body.replace(/--privacy-policy--/, linkPrivacyPolicy)
        _t.body = _t.body.replace(/--privacy-settings--/, linkPrivacySettings)
        this.modalContent = this.modalContent.replace(/--body--/, _t.body)

        if (this.props.informational) {
            //console.log(getCookie(this.props.cookieName_info));
            this.modalContent = this.modalContent.replace(/--footer--/,
                "<div class='buttons'>" +
                "<button class='btn-accept-necessary " + this.props.buttonSecondaryClass + "' style='display:none'></button>" +
                "<div class='btn-dismiss " + this.props.buttonSecondaryClass + "'><a href=" + this.props.privacyPolicyUrl + ">" + _t.buttonLearnMore + "</a></div>" +
                "<button class='btn-accept-all " + this.props.buttonPrimaryClass + "'>" + _t.buttonDismiss + "</button>" +
                "</div>"
            )
        } else {
            /*this.modalContent = this.modalContent.replace(/--footer--/,
                "<div class='buttons'>" +
                "<button class='btn-accept-necessary " + this.props.buttonSecondaryClass + "'>" + _t.buttonAcceptTechnical + "</button>" +
                "<button class='btn-accept-all " + this.props.buttonPrimaryClass + "'>" + _t.buttonAcceptAll + "</button>" +
                "</div>"
            )*/
            this.modalContent = this.modalContent.replace(/--footer--/,
                "<div class='buttons'>" +
                "<button class='btn-accept-necessary " + this.props.buttonSecondaryClass + "' style='display:none'></button>" +
                //"<div class='btn-dismiss " + this.props.buttonSecondaryClass + "'>" + linkPrivacyPolicy + "</div>" +
                //"<div class='btn-dismiss " + this.props.buttonSecondaryClass + "'>" + linkPrivacySettings + "</div>" +
                "<button class='btn-accept-all " + this.props.buttonPrimaryClass + "'>" + _t.buttonAcceptAll + "</button>" +
                "</div>"
            )
        }

        function setCookie(name, value, days) {
            var expires = ""
            if (days) {
                var date = new Date()
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000))
                expires = "; expires=" + date.toUTCString()
            }
            document.cookie = name + "=" + (value || "") + expires + "; Path=/; SameSite=Strict;"
        }

        function getCookie(name) {
            var nameEQ = name + "="
            var ca = document.cookie.split(';')
            for (var i = 0; i < ca.length; i++) {
                var c = ca[i]
                while (c.charAt(0) === ' ') {
                    c = c.substring(1, c.length)
                }
                if (c.indexOf(nameEQ) === 0) {
                    return c.substring(nameEQ.length, c.length)
                }
            }
            return undefined
        }

        function removeCookie(name) {
            document.cookie = name + '=; Path=/; SameSite=Strict; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'
        }

        function documentReady(fn) {
            if (document.readyState !== 'loading') {
                fn()
            } else {
                document.addEventListener('DOMContentLoaded', fn)
            }
        }

        function hideDialog() {
            this.modal.style.display = "none"
        }

        function showDialog() {
            documentReady(function () {
                this.modal = document.getElementById(self.props.modalId)
                if (!this.modal) {
                    this.modal = document.createElement("div")
                    this.modal.id = self.props.modalId
                    this.modal.innerHTML = self.modalContent
                    document.body.append(this.modal)
                    this.modal.querySelector(".btn-accept-necessary").addEventListener("click", function () {
                        setCookie(self.props.cookieName, "false", 365)
                        hideDialog()
                        if (self.props.postSelectionCallback) {
                            self.props.postSelectionCallback()
                        }
                    })
                    this.modal.querySelector(".btn-accept-all").addEventListener("click", function () {
                        setCookie(self.props.cookieName, "true", 365)
                        setCookie(self.props.cookieName_info, "true", 365)
                        hideDialog()
                        if (self.props.postSelectionCallback) {
                            self.props.postSelectionCallback()
                        }
                    })
                } else {
                    this.modal.style.display = "block"
                }
            }.bind(this))
        }

        if ((getCookie(this.props.cookieName) === undefined && this.props.autoShowModal) || getCookie(this.props.cookieName_info) === undefined) {
            showDialog()
            if (this.props.informational === true) {
                setCookie(self.props.cookieName, "true", 365)
            } else {
                setCookie(self.props.cookieName, "false", 365)
            }
        }

        /*if (getCookie('bc_consent') === undefined) {
            StorefrontConsent();
        }*/

        // API
        this.reset = function () {
            removeCookie(this.props.cookieName)
            removeCookie(this.props.cookieName_info)
            showDialog()
        }

        this.trackingAllowed = function () {
            return getCookie(this.props.cookieName) === "true"
        }
    }

    function CookieConsentCSS() {
        // Get HTML head element
        let head = document.getElementsByTagName('HEAD')[0];
        // Create new link Element
        let link = document.createElement('link');
        // set the attributes for link element
        link.rel = 'stylesheet';
        link.type = 'text/css';
        link.href = '/content/css/cookie-consent.css';
        // Append link element to HTML head
        head.appendChild(link);
    }

    function StorefrontConsent() {
        const options = {
            method: 'POST',
            credentials: 'same-origin',
            headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' },
            body: `{"allow":[2,3,4],"deny":[]}`
        };

        fetch('/api/storefront/consent', options)
            .then(response => { console.log('successful consent update'); })
            .catch(err => console.error(err));
    }

    function getConsentInputs(container, name) {
        let inputs = container.querySelectorAll(`input[name="${name}"]`);
        console.log(inputs)
        if(!inputs) { return false };

        inputs = Array.from(inputs);
        if(inputs.length) {
            setConsentInputs(inputs)
        }
    }

    function setConsentInputs(data) {
        console.log('setConsentInputs', data);
        let is_checked = data.some(row => row.checked);
        console.log(is_checked);

        if(!is_checked) {
            let inputYes = data.find(row => row.value == 'true')
            inputYes.checked = true;

            console.log(inputYes);
        }
    }

    function StorefrontConsentObserver() {
        let config = { attributes: false, childList: true, characterData: false, subtree: true };
        let observer = new MutationObserver(function (mutations) {
            let consentDialog = document.querySelector('[data-consent-manager-dialog]');
            let consentManager = document.querySelector(`#consent-manager`);

            // checks if BC ConsentManager has loaded
            if(document.contains(consentManager)) {
                let consentManagerButtons = consentManager.querySelectorAll('button');
                consentManagerButtons.forEach(row => {
                    let acceptAll = row.innerText.toLowerCase().includes('accept all cookies');
                    if(acceptAll) { 
                        row.click(); console.log('Accepted all cookies');
                        observer.disconnect();
                    }
                });
            }
        });
        observer.observe(document, config);
    }

    // Initializer
    if (window.self == window.top) {
        // don't show in PageBuilder
        CookieConsentCSS();
        let cookieConsent = new CookieConsent({ privacyPolicyUrl: "/privacy-policy/", privacySettingsUrl: "/privacy-setting/", informational: false });
        //cookieConsent.reset();

        StorefrontConsentObserver();
    }
</script><script >
</script><script>
/* (function() {
  var cartCountEl = document.querySelector('[data-cart-quantity]');
  if (!cartCountEl) return;

  var lastCount = parseInt(cartCountEl.innerText) || 0;

  var observer = new MutationObserver(function() {
    var newCount = parseInt(cartCountEl.innerText) || 0;

    if (newCount > lastCount) {
      var diff = newCount - lastCount;

      fetch('/api/storefront/cart', { credentials: 'same-origin' })
        .then(function(r) { return r.json(); })
        .then(function(data) {
          if (!data || !data.length) return;

          var cart = data[0];
          var items = cart.lineItems.physicalItems || [];
          if (!items.length) return;

          // Get the last item added
          var addedItem = items[items.length - 1];

          window.dataLayer = window.dataLayer || [];
          window.dataLayer.push({ ecommerce: null });
          window.dataLayer.push({
            event: 'add_to_cart',
            ecommerce: {
              currency: cart.currency.code || 'USD',
              value: parseFloat(addedItem.salePrice || addedItem.listPrice) * diff,
              items: [{
                item_id: addedItem.sku || addedItem.productId.toString(),
                item_name: addedItem.name,
                item_brand: 'Barron Designs',
                price: parseFloat(addedItem.salePrice || addedItem.listPrice),
                quantity: diff,
                google_business_vertical: 'retail'
              }]
            }
          });
        })
        .catch(function() {});

      lastCount = newCount;
    }
  });

  observer.observe(cartCountEl, {
    childList: true,
    subtree: true,
    characterData: true
  });
})(); */
</script> <script>
(function() {
  if (window.location.pathname.indexOf('cart') === -1) return;

  function fireBeginCheckout(e) {
    if (e.currentTarget.dataset.gtmFired) return;
    e.preventDefault();
    e.currentTarget.dataset.gtmFired = 'true';

    var checkoutUrl = e.currentTarget.href;

    fetch('/api/storefront/cart', { credentials: 'same-origin' })
      .then(function(r) { return r.json(); })
      .then(function(data) {
        if (!data || !data.length) {
          window.location.href = checkoutUrl;
          return;
        }

        var cart = data[0];
        var cartItems = [];
        var allItems = (cart.lineItems.physicalItems || [])
                       .concat(cart.lineItems.digitalItems || []);

        allItems.forEach(function(item, index) {
          cartItems.push({
            item_id: item.sku || item.productId.toString(),
            item_name: item.name,
            item_brand: 'Barron Designs',
            price: parseFloat(item.salePrice || item.listPrice),
            quantity: parseInt(item.quantity),
            index: index,
            google_business_vertical: 'retail'
          });
        });

        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({ ecommerce: null });
        window.dataLayer.push({
          event: 'begin_checkout',
          ecommerce: {
            currency: cart.currency.code || 'USD',
            value: parseFloat(cart.cartAmount),
            coupon: cart.coupons && cart.coupons.length ? cart.coupons[0].code : '',
            items: cartItems
          }
        });

        setTimeout(function() {
          window.location.href = checkoutUrl;
        }, 300);
      })
      .catch(function() {
        window.location.href = checkoutUrl;
      });
  }

  function bindButton() {
    var buttons = document.querySelectorAll('a[href*="/checkout"]');
    buttons.forEach(function(btn) {
      if (!btn.dataset.gtmBound) {
        btn.addEventListener('click', fireBeginCheckout);
        btn.dataset.gtmBound = 'true';
      }
    });
  }

  var attempts = 0;
  var pollInterval = setInterval(function() {
    attempts++;
    bindButton();
    if (attempts >= 60) clearInterval(pollInterval);
  }, 300);

  document.addEventListener('DOMContentLoaded', bindButton);
  window.addEventListener('load', bindButton);
})();
</script><script>
(function() {
  if (window.location.href.indexOf('checkout') === -1) return;

  var shippingFired = false;
  var paymentFired = false;

  function getCart() {
    var stored = sessionStorage.getItem('bc_checkout_cart');
    return stored ? JSON.parse(stored) : null;
  }

  function buildItems(cart) {
    var items = [];
    (cart.lineItems.physicalItems || [])
    .concat(cart.lineItems.digitalItems || [])
    .forEach(function(item, index) {
      items.push({
        item_id: item.sku || item.productId.toString(),
        item_name: item.name,
        item_brand: 'Barron Designs',
        price: parseFloat(item.salePrice || item.listPrice),
        quantity: parseInt(item.quantity),
        index: index,
        google_business_vertical: 'retail'
      });
    });
    return items;
  }

  function fireShippingInfo() {
    if (shippingFired) return;
    var cart = getCart();
    if (!cart) return;
    shippingFired = true;

    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({ ecommerce: null });
    window.dataLayer.push({
      event: 'add_shipping_info',
      ecommerce: {
        currency: cart.currency.code || 'USD',
        value: parseFloat(cart.cartAmount),
        items: buildItems(cart)
      }
    });
  }

  function firePaymentInfo() {
    if (paymentFired) return;
    var cart = getCart();
    if (!cart) return;
    paymentFired = true;

    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({ ecommerce: null });
    window.dataLayer.push({
      event: 'add_payment_info',
      ecommerce: {
        currency: cart.currency.code || 'USD',
        value: parseFloat(cart.cartAmount),
        items: buildItems(cart)
      }
    });
  }

  function bindButtons() {
    var shippingBtn = document.querySelector('#checkout-shipping-continue');
    var paymentBtn = document.querySelector('#checkout-payment-continue');

    if (shippingBtn && !shippingBtn.dataset.gtmBound) {
      shippingBtn.addEventListener('click', fireShippingInfo);
      shippingBtn.dataset.gtmBound = 'true';
    }

    if (paymentBtn && !paymentBtn.dataset.gtmBound) {
      paymentBtn.addEventListener('click', firePaymentInfo);
      paymentBtn.dataset.gtmBound = 'true';
    }
  }

  // Fetch and store cart data
  fetch('/api/storefront/cart', { credentials: 'same-origin' })
    .then(function(r) { return r.json(); })
    .then(function(data) {
      if (data && data.length) {
        sessionStorage.setItem('bc_checkout_cart', JSON.stringify(data[0]));
      }
    })
    .catch(function() {});

  // MutationObserver catches dynamically rendered steps
  var observer = new MutationObserver(function() {
    bindButtons();
  });

  observer.observe(document.body, {
    childList: true,
    subtree: true
  });

  window.addEventListener('load', bindButtons);
})();
</script><script>
(function() {
  if (window.location.pathname.indexOf('cart') === -1) return;

  var cartSnapshot = {};

  function buildSnapshot(cart) {
    var snapshot = {};
    (cart.lineItems.physicalItems || []).forEach(function(item) {
      snapshot[item.id] = {
        item_id: item.sku || item.productId.toString(),
        item_name: item.name,
        item_brand: 'Barron Designs',
        price: parseFloat(item.salePrice || item.listPrice),
        quantity: parseInt(item.quantity),
        google_business_vertical: 'retail'
      };
    });
    return snapshot;
  }

  function checkForRemovals() {
    fetch('/api/storefront/cart', { credentials: 'same-origin' })
      .then(function(r) { return r.json(); })
      .then(function(data) {
        var newSnapshot = {};

        if (data && data.length) {
          newSnapshot = buildSnapshot(data[0]);
        }

        // Find items that were in old snapshot but not in new
        Object.keys(cartSnapshot).forEach(function(id) {
          var oldItem = cartSnapshot[id];
          var newItem = newSnapshot[id];

          if (!newItem) {
            // Item fully removed
            window.dataLayer = window.dataLayer || [];
            window.dataLayer.push({ ecommerce: null });
            window.dataLayer.push({
              event: 'remove_from_cart',
              ecommerce: {
                currency: data && data.length ? data[0].currency.code : 'USD',
                value: oldItem.price * oldItem.quantity,
                items: [{
                  item_id: oldItem.item_id,
                  item_name: oldItem.item_name,
                  item_brand: oldItem.item_brand,
                  price: oldItem.price,
                  quantity: oldItem.quantity,
                  google_business_vertical: 'retail'
                }]
              }
            });
          } else if (newItem.quantity < oldItem.quantity) {
            // Quantity reduced
            var diff = oldItem.quantity - newItem.quantity;
            window.dataLayer = window.dataLayer || [];
            window.dataLayer.push({ ecommerce: null });
            window.dataLayer.push({
              event: 'remove_from_cart',
              ecommerce: {
                currency: data[0].currency.code || 'USD',
                value: oldItem.price * diff,
                items: [{
                  item_id: oldItem.item_id,
                  item_name: oldItem.item_name,
                  item_brand: oldItem.item_brand,
                  price: oldItem.price,
                  quantity: diff,
                  google_business_vertical: 'retail'
                }]
              }
            });
          }
        });

        cartSnapshot = newSnapshot;
      })
      .catch(function() {});
  }

  // Build initial snapshot
  fetch('/api/storefront/cart', { credentials: 'same-origin' })
    .then(function(r) { return r.json(); })
    .then(function(data) {
      if (data && data.length) {
        cartSnapshot = buildSnapshot(data[0]);
      }
    })
    .catch(function() {});

  // Watch for remove button clicks
  var observer = new MutationObserver(function() {
    var removeButtons = document.querySelectorAll(
      '[data-item-remove], .cart-remove, .remove-item, [data-action="remove"]'
    );
    removeButtons.forEach(function(btn) {
      if (!btn.dataset.gtmRemoveBound) {
        btn.addEventListener('click', function() {
          setTimeout(checkForRemovals, 800);
        });
        btn.dataset.gtmRemoveBound = 'true';
      }
    });
  });

  observer.observe(document.body, {
    childList: true,
    subtree: true
  });
})();
</script><script>
(function() {
  function watchTradeForm() {
    // Watch for form submission
    var observer = new MutationObserver(function() {
      bindTradeForm();
    });

    observer.observe(document.body, {
      childList: true,
      subtree: true
    });

    bindTradeForm();
  }

  function bindTradeForm() {
    // Adjust selectors to match your trade form
    var tradeForms = document.querySelectorAll(
      'form[action*="trade"], form[action*="to-the-trade"], form.trade-form, #trade-form'
    );

    var tradeSubmitBtns = document.querySelectorAll(
      '[data-trade-submit], .trade-submit, button[data-form-type="trade"]'
    );

    tradeForms.forEach(function(form) {
      if (!form.dataset.gtmTradeBound) {
        form.addEventListener('submit', fireGenerateLead);
        form.dataset.gtmTradeBound = 'true';
      }
    });

    tradeSubmitBtns.forEach(function(btn) {
      if (!btn.dataset.gtmTradeBound) {
        btn.addEventListener('click', fireGenerateLead);
        btn.dataset.gtmTradeBound = 'true';
      }
    });
  }

  function fireGenerateLead() {
    var stored = sessionStorage.getItem('bc_customer');
    var customer = stored ? JSON.parse(stored) : {};

    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
      event: 'generate_lead',
      form_type: 'to_the_trade',
      customer_type: customer.customer_type || 'new_customer',
      customer_group: customer.customer_group || '',
      logged_in: customer.logged_in || false
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', watchTradeForm);
  } else {
    watchTradeForm();
  }
})();
</script>
        <script text="text/javascript"> 
            //Initialize Klaviyo object immediately on page load
            !function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}(); 
        </script>
        <script text="text/javascript">
            //klaviyo track customer
            console.log('--------- customer ---------')
            console.log("customer",``);
            if(``){
                klaviyo.push(['identify', {
                    email: ``
                }]);
            }
        </script>

    </body>
</html>
