Hi,

Not sure if you still have this issue, since it's been a while since you asked this question. But I was facing the same problem as you are and finally found out how to implement the cookiewarning in my website.

Basically what you want to do is write a template that inherits from website.layout. Write an xpath expression here with attribute expr="//head" and position="inside", in this xpath, just place your css, js and the document.reay function.

So your template should look something like this:

<template id="header_lang" inherit_id="website.layout">
  <xpath expr="//head" position="inside">
    <script type="text/javascript" src="https://code.jquery.com/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/xx_website_sale/static/src/css/jquery.cookiebar.css" />
    <script type="text/javascript" src="/xx_website_sale/static/src/js/jquery.cookiebar.js"/>
    <script type="text/javascript">
    $(document).ready(function(){
      $.cookieBar({
      });
    });
    </script>
  </xpath
</template>