customization Theme customization: how to show cookie consent popup

[Tech Support]

KVS doesn't collect any tracking or commerce-related cookies, only necessary cookies are used to make sure site is operating normally and user preferences are remembered. Therefore it is not possible to switch off any cookies, as they are all needed for KVS functionality to work. But EU countries require sites in their area to inform users about cookie usage. If this is the case for your site, you can use the below steps to display basic cookie consent popup.

 

Step 1. Download and copy this file to your project:

https://www.kvs-demo.com/static/js/cookieconsent.min.js

 

Step 2. Go to Website UI -> Page components -> include_footer_general.tpl and paste the following code before the closing </body> tag:

<script src="{{$config.statics_url}}/static/js/cookieconsent.min.js"></script>
<script>
  window.CookieConsent.init({
    modalMainTextMoreLink: null,
    barTimeout: 500,
    theme: {
      barColor: '#1554b2',
      barTextColor: '#FFF',
      barMainButtonColor: '#FFF',
      barMainButtonTextColor: '#1554b2',
      modalMainButtonColor: '#1554b2',
      modalMainButtonTextColor: '#FFF',
    },
    language: {
      current: 'en',
      locale: {
        en: {
          barMainText: 'This website uses cookies to ensure you get the best experience on our website.',
          closeAriaLabel: 'close',
          barLinkSetting: 'Cookie Settings',
          barBtnAcceptAll: 'Accept all cookies',
          modalMainTitle: 'Cookie settings',
          modalMainText: "Cookies are small pieces of data sent from a website and stored on the user's computer by the user's web browser while the user is browsing. Cookies were designed to be a reliable mechanism for websites to remember information or to record the user's browsing activity.'",
          modalBtnSave: 'Save current settings',
          modalBtnAcceptAll: 'Accept all cookies and close',
          modalAffectedSolutions: 'Affected solutions:',
          learnMore: 'Learn More',
          on: 'On',
          off: 'Off',
          enabled: 'is enabled.',
          disabled: 'is disabled.',
          checked: 'checked',
          unchecked: 'unchecked',
        }
      }
    },
    categories: {
      necessary: {
        needed: true,
        wanted: true,
        checked: true,
        language: {
          locale: {
            en: {
              name: 'Strictly Necessary Cookies',
              description: "We do not collect any tracking or personal data and use only necessary cookies to make sure you don't experience any issues while visiting our site.",
            }
          }
        }
      }
    },
  });
</script>

Adjust colors and texts if needed.