Cookie melding blijft terug komen in Google Chrome.

Code: Select all

<?xml version="1.0" encoding="UTF-8"?>
<modification>

	<id>EU Cookie Compliance</id>
	<version>1.0.0</version>
	<vqmver>2.4.1</vqmver>
	<author>DMT direktmarketingtool.de GmbH</author>
	
	<!-- EU Cookie Language Section -->
	<!-- EU Cookie Sprachenbereich -->
	<file name="catalog/controller/common/header.php">
      <operation error="abort" info="Adding EU Cookie Field">
         <search position="after"><![CDATA[
            $this->load->language('common/header');
         ]]></search>
         <add><![CDATA[
            $data['eucookie'] = $this->language->get('eucookie');
         ]]></add>
      </operation>
   </file>
   
   <file name="catalog/language/english/common/header.php">
      <operation error="abort" info="Adding EU Cookie Text to Language">
         <search position="after"><![CDATA[
            $_['text_home']
         ]]></search>
         <add><![CDATA[
            $_['eucookie']      = 'Wij gebruiken cookies om onze service en uw gebruikservaring te verbeteren. Indien u verder surft gaat u akkoord met onze cookies.';
         ]]></add>
      </operation>
   </file>
   
 	<!-- Start: copy this area to adjust your own language -->
	<!-- Start: diesen Bereich zum Hinzufügen einer weiteren Sprache kopieren -->
    <file name="catalog/language/german/common/header.php"> <!-- change german to your own language folder | "german" durch die Bezeichnung des eigenen Sprachordners ersetzen -->
      <operation error="abort" info="Adding EU Cookie Text to Language">
         <search position="after"><![CDATA[
            $_['text_home']
         ]]></search>
         <add><![CDATA[
            $_['eucookie']      = 'Wir verwenden Cookies um unsere Dienste ständig zu verbessern und Ihnen erweiterte Funktionen bieten zu können. Cookies können Sie in Ihren Browsereinstellungen deaktivieren.';
         ]]></add><!-- Adjust the text within ' ' to your needs | Den Text innerhalb von ' ' durch eigenen ersetzen -->
      </operation>
   </file>
   <!-- End: copy this area to adjust your own language -->
   <!-- Ende: diesen Bereich zum Hinzufügen einer weiteren Sprache kopieren -->

   
   <!-- Insert here the copied code for your own language -->
   <!-- Hier den kopierten Code für eine weitere Sprache einfügen -->

    <file name="catalog/language/dutch/common/header.php">
      <operation error="abort" info="Adding EU Cookie Text to Language">
         <search position="after"><![CDATA[
            $_['text_home']
         ]]></search>
         <add><![CDATA[
            $_['eucookie']      = 'Wij gebruiken cookies om onze service en uw gebruikservaring te verbeteren. Indien u verder surft gaat u akkoord met onze cookies.';
         ]]></add>
      </operation>
   </file>
	<!-- EU Cookie Template header Section --> 
	<!-- EU Cookie Template Kopfbereich -->  
	
    <file name="catalog/view/theme/*/template/common/header.tpl">
        <operation>
            <search position="before" error="skip"><![CDATA[</head>]]></search>
            <add><![CDATA[
            <style>
					
				.cookie-message {
  					position:fixed;
				    left: 0;
    				top: 0;
					right: 0;
  					padding:10px 85px 10px 20px;
  					background: rgba(255,255,255,0.75);
  					border-bottom:1px solid #ccc;
  					box-shadow:0px 0px 3px #ccc;
  					z-index: 999;
					}
					
				.cookie-message a {
  					position:absolute;
  					top:0; 
					right:20px;
  					cursor:pointer;
					color: #000;
					background-image: -webkit-linear-gradient(top, #fafafa, #f0f0f0);
					background-image: -moz-linear-gradient(top, #fafafa, #f0f0f0);
					background-image: -ms-linear-gradient(top, #fafafa, #f0f0f0);
					background-image: -o-linear-gradient(top, #fafafa, #f0f0f0);
					background-image: linear-gradient(to bottom, #fafafa, #f0f0f0);
					-webkit-border-radius: 6;
					-moz-border-radius: 6;
					border-radius: 6px;
					padding: 7px 10px 7px 10px;
					border: solid #e6e6e6 2px;
					text-decoration: none;
					}
					
				.cookie-message a:hover {					
					background: #d6d6d6;
  					background-image: -webkit-linear-gradient(top, #d6d6d6, #a8a8a8);
  					background-image: -moz-linear-gradient(top, #d6d6d6, #a8a8a8);
  					background-image: -ms-linear-gradient(top, #d6d6d6, #a8a8a8);
 					background-image: -o-linear-gradient(top, #d6d6d6, #a8a8a8);
					background-image: linear-gradient(to bottom, #d6d6d6, #a8a8a8);
					text-decoration: none;
					}
				
				.cookie-message p, .cookie-message a {
  					color:#333;
  					font:bold 13px/18px Arial;
  					margin:0.6em 0;
					}
					

				.blue {
  					border-bottom:1px solid #a5a5a5;
background: rgb(0,188,219); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,188,219,0.75) 0%, rgba(33,153,199,0.75) 64%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,188,219,0.75)), color-stop(64%,rgba(33,153,199,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,188,219,0.75) 0%,rgba(33,153,199,0.75) 64%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,188,219,0.75) 0%,rgba(33,153,199,0.75) 64%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,188,219,0.75) 0%,rgba(33,153,199,0.75) 64%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,188,219,0.75) 0%,rgba(33,153,199,0.75) 64%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bcdb', endColorstr='#2199c7',GradientType=0 ); /* IE6-9 */
					}
					
				.red {
  					border-bottom:1px solid #a5a5a5;
background: rgb(216,0,3); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(216,0,3,0.75) 0%, rgba(181,30,33,0.75) 64%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,0,3,0.75)), color-stop(64%,rgba(181,30,33,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(216,0,3,0.75) 0%,rgba(181,30,33,0.75) 64%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(216,0,3,0.75) 0%,rgba(181,30,33,0.75) 64%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(216,0,3,0.75) 0%,rgba(181,30,33,0.75) 64%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(216,0,3,0.75) 0%,rgba(181,30,33,0.75) 64%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d80003', endColorstr='#b51e21',GradientType=0 ); /* IE6-9 */
					}
				
				.orange{
  					border-bottom:1px solid #a5a5a5;
background: rgb(239,215,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(239,215,0,0.75) 0%, rgba(244,183,41,0.75) 64%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,215,0,0.75)), color-stop(64%,rgba(244,183,41,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(239,215,0,0.75) 0%,rgba(244,183,41,0.75) 64%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(239,215,0,0.75) 0%,rgba(244,183,41,0.75) 64%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(239,215,0,0.75) 0%,rgba(244,183,41,0.75) 64%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(239,215,0,0.75) 0%,rgba(244,183,41,0.75) 64%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efd700', endColorstr='#f4b729',GradientType=0 ); /* IE6-9 */
					}
					
				.green{
  					border-bottom:1px solid #a5a5a5;
background: -moz-linear-gradient(top,  rgba(78,188,0,0.75) 0%, rgba(35,155,26,0.75) 64%, rgba(35,155,26,0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(78,188,0,0.75)), color-stop(64%,rgba(35,155,26,0.75)), color-stop(100%,rgba(35,155,26,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(78,188,0,0.75) 0%,rgba(35,155,26,0.75) 64%,rgba(35,155,26,0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(78,188,0,0.75) 0%,rgba(35,155,26,0.75) 64%,rgba(35,155,26,0.75) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(78,188,0,0.75) 0%,rgba(35,155,26,0.75) 64%,rgba(35,155,26,0.75) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(78,188,0,0.75) 0%,rgba(35,155,26,0.75) 64%,rgba(35,155,26,0.75) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#804ebc00', endColorstr='#80239b1a',GradientType=0 ); /* IE6-9 */
					}					
					

				.blue p, .red p, .orange p, .green p { 
					color:#fff; 
					text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
					}
            </style>
			<script type="text/javascript" src="catalog/view/javascript/eucookiebar/jquery.eucookiebar.js"></script>
			<script type="text/javascript">
					$(document).ready(function() {
			  			$('.cookie-message').cookieBar();
					});
			</script>
		]]></add>
		</operation>	
	</file>

	<!-- EU Cookie Template Color Settings -->
	<!-- EU Cookie Template Farbeinstellungen -->
	
    <file name="catalog/view/theme/*/template/common/header.tpl">
        <operation>
            <search position="after" error="skip"><![CDATA[<nav id="top">]]></search>
            <add><![CDATA[
  				<div class="cookie-message blue"> <!-- change blue with red, green or orange, for white remove the color code | blue mit red, green oder orange ersetzen, für weiß den Farbcode ganz entfernen -->
				<p>
					<?php echo $eucookie ?>
				</p>
  				</div>
		]]></add>
	</operation>	
	</file>
</modification>	

Code: Select all

/*!
 * jQuery Cookiebar Plugin
 * https://github.com/carlwoodhouse/jquery.cookieBar
 *
 * Copyright 2012, Carl Woodhouse
 * Disclaimer: if you still get fined for not complying with the eu cookielaw, it's not our fault.
 */
 
(function( $ ){
  $.fn.cookieBar = function( options ) {  
	var settings = $.extend( {
      'closeButton' : 'none',
	  'secure' : true,
	  'path' : '/',
	  'domain' : 'www.sieradendirect.nl'
    }, options);
  
    return this.each(function() {       
		var cookiebar = $(this);
		
		// just in case they didnt hide it by default.
		cookiebar.hide();

		// if close button not defined. define it!
		if(settings.closeButton == 'none')
		{
			cookiebar.append('<a class="cookiebar-close">Akkoord</a>');
			settings = $.extend( {
				'closeButton' : '.cookiebar-close'
			}, options);
		}

		if ($.cookie('cookiebar') != 'hide') {
		  cookiebar.show();
		}

		cookiebar.find(settings.closeButton).click(function() {
			cookiebar.hide();
			$.cookie('cookiebar', 'hide', { path: settings.path, secure: settings.secure, domain: settings.domain, expires: 30 });
			return false;
		});
    });
  };
  
  // self injection init
  $.cookieBar = function( options ) {  
	$('body').prepend('<div class="ui-widget"><div style="display: none;" class="cookie-message ui-widget-header blue"><p>We use cookies to improve our services and to offer you advanced functions. You can deactivate cookies in your browser settings.</p></div></div>');     
	$('.cookie-message').cookieBar(options);
  };
})( jQuery );

/*!
 * Dependancy:
 * jQuery Cookie Plugin
 * https://github.com/carhartl/jquery-cookie
 *
 * Copyright 2011, Klaus Hartl
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.opensource.org/licenses/GPL-2.0
 */
(function($) {
    $.cookie = function(key, value, options) {
        // key and at least value given, set cookie...
        if (arguments.length > 1 && (!/Object/.test(Object.prototype.toString.call(value)) || value === null || value === undefined)) {
            options = $.extend({}, options);

            if (value === null || value === undefined) {
                options.expires = -1;
            }

            if (typeof options.expires === 'number') {
                var days = options.expires, t = options.expires = new Date();
                t.setDate(t.getDate() + days);
            }

            value = String(value);

            return (document.cookie = [
                encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value),
                options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
                options.path    ? '; path=' + options.path : '',
                options.domain  ? '; domain=' + options.domain : '',
                options.secure  ? '; secure' : ''
            ].join(''));
        }

        // key and possibly options given, get cookie...
        options = value || {};
        var decode = options.raw ? function(s) { return s; } : decodeURIComponent;

        var pairs = document.cookie.split('; ');
        for (var i = 0, pair; pair = pairs[i] && pairs[i].split('='); i++) {
            // IE saves cookies with empty string as "c; ", e.g. without "=" as opposed to EOMB, thus pair[1] may be undefined
            if (decode(pair[0]) === key) return decode(pair[1] || '');
        }
        return null;
    };
})(jQuery);