Post by Opencartleerling » Fri Sep 04, 2015 11:43 pm

Ik bouw aan de website https://www.sieradendirect.nl

Hiervoor heb ik ook een cookie melding geplaatst, omdat de website 100% moet voldoen aan de wetgeving.
Echter blijft de cookie melding in Chrome terug komen. Deze hoeft niet opnieuw geaccepteerd te worden, maar flashed steeds kort in beeld.

Weet iemand hoe dit kan komt en hoe ik dit kan verhelpen?
Zelf zie ik met mijn beperkte kennis niks vreemd in de code.

Dit is het xml bestand van de vqmod extensie.

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>	

New member

Posts

Joined
Thu May 21, 2015 12:08 am

Post by Jaap » Mon Sep 07, 2015 2:12 am

Ik weet niet welke OC versie je gebruikt?

De meest snelle oplossing lijkt mij om een (andere) extensie te gebruiken.
http://www.opencart.com/index.php?route ... rch=cookie

Lint Kopen https://lintenkopen.nl/


User avatar
Active Member

Posts

Joined
Fri Apr 15, 2011 12:10 am
Location - the Netherlands

Post by Opencartleerling » Mon Sep 07, 2015 9:08 pm

Hallo Jaap,

Voor www.sieradendirect.nl gebruiken we nu versie 2.0.2.0

Voor deze versie bestaan twee gratis extensies voor de cookie melding.

1. http://www.opencart.com/index.php?route ... load_id=40

Dit is de boven genoemde extensie. Bij deze hebben we dus het probleem dat de melding blijft terug komen in chrome in een korte flash bij elke pagina. Erg vervelend, maar de de melding past qua kleur wel mooi binnen het design.

2. http://www.opencart.com/index.php?route ... load_id=40

Deze melding is minder mooi, maar werkt. Echter, wanneer men akkoord gaat met de cookies wordt de klant automatisch doorverwezen naar de informatiepagina met betaalmethoden. Erg vreemd, ik weet ook niet waar dit vandaan komt.

Nu wil ik best overwegen om voor de website een betaalde cookie melding aan te schaffen, maar ik ben bang dat ik hier mogelijk ook weer (andere) problemen mee krijg, plus de eerstgenoemde cookie melding vind ik verder uitstekend. Daarnaast zijn eerder aangeschafte extensies niet allemaal even goed bevallen. Slechte/langzame service of er ontstonden andere problemen op de website door betaalde extensies..

Vraagje aan anderen hier met een opencart website, versie 2.0.2.0..

Welke cookie meldingen gebruiken jullie en waarom? Hebben jullie dezelfde problemen met de bovengenoemde extensies?

New member

Posts

Joined
Thu May 21, 2015 12:08 am

Post by victorj » Tue Sep 08, 2015 2:55 am

zal de cookie meldingen zelf eens testen op de nieuwe oc versie.

zelf gebruik ik geen cookie meldingen omdat ik geen 3 party cookies genereer, dus ook niet de verplichting heb dat te melden.

Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Alle niet stekplichtige onderdelen zoals scharnieren, sloten, randverwarming en verlichting voor alle typen koelingen en vriezers.
https://koelcel-onderdelen.com

Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Eigen productie en snelle levering.
https://123-deurrubbers.com


User avatar
Expert Member

Posts

Joined
Sat Jun 25, 2011 4:09 am
Location - Alkmaar Holland

Post by victorj » Tue Sep 08, 2015 3:53 am

voor zover ik kan vinden, moet je aangeven dat je site onder https draait voor het cookie save path.
heb je dat niet aangegeven, dan komt de bar steeds even terug.

open de map catalog\view\javascript\eucookiebar
edit bestand jquery.eucookiebar.js

regel 13 verander:
'secure' : false,
in
'secure' : true,

regel 15
'domain' : ''

vul hier je domeinnaam in indien je het gebruikt incl www.


de 2 extensie werkt ook heel mooi, je kunt de kleuren in de vqmod makkelijk aanpassen, en ook instellen naar welke info pagina je gaat voor de cookie info

Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Alle niet stekplichtige onderdelen zoals scharnieren, sloten, randverwarming en verlichting voor alle typen koelingen en vriezers.
https://koelcel-onderdelen.com

Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Eigen productie en snelle levering.
https://123-deurrubbers.com


User avatar
Expert Member

Posts

Joined
Sat Jun 25, 2011 4:09 am
Location - Alkmaar Holland

Post by Opencartleerling » Tue Sep 08, 2015 6:35 am

Beste Victor,

Bedankt voor de reactie. Dit bestand had ik nog niet gezien! Het woord ok heb ik hier gelijk aangepast naar akkoord.
Helaas blijft de cookie melding nog steeds kort verschijnen in chrome. Ik denk dat ik nog meer aanpassing(en) moet maken in het js bestand.

Ik ga zelf ook nog een beetje experimenteren, maar mocht jij of iemand anders nog iets zien hoor ik het graag ;)

Nu heb ik

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);

New member

Posts

Joined
Thu May 21, 2015 12:08 am

Post by victorj » Wed Sep 09, 2015 4:37 am

Heb net even gekeken met chrome, wel even mijn cache geleegd, en bij eerste bezoek zie ik de melding, klik hem weg en daarna blijft ie weg, dus denk dat het is opgelost.

Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Alle niet stekplichtige onderdelen zoals scharnieren, sloten, randverwarming en verlichting voor alle typen koelingen en vriezers.
https://koelcel-onderdelen.com

Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Eigen productie en snelle levering.
https://123-deurrubbers.com


User avatar
Expert Member

Posts

Joined
Sat Jun 25, 2011 4:09 am
Location - Alkmaar Holland

Post by Opencartleerling » Wed Sep 09, 2015 6:53 am

Beste Victor,

Misschien moet ik me er maar niet zo blind op staren, maar ikzelf krijg de melding nog steeds (ook na het legen van cache).Het is maar een korte flash bij het openen van een nieuwe pagina. Deze hoeft niet meer weg geklikt te worden. Mijn collega krijgt de melding ook nog steeds. Dat het niet opvalt is in ieder geval niet positief ;) Sowieso wel erg fijn dat er mensen als jou op dit forum zijn,

Ik weet ook niet meer goed waar ik nog kijken kan. Het terugzetten van de originele header.php's en tpl's heeft helaas ook niet geholpen.

Zouden mischien anderen ook nog willen kijken of jullie de melding kort terug zien in chrome bij het openen van nieuwe pagina's? Dat wij hier de enigen zijn met dit "probleem" kan ik me niet voorstellen, al zou at wel mooi zijn natuurlijk haha. Als anderen de melding ook krijgen hak ik de knoop door en stap ik over naar een betaalde extensie.

New member

Posts

Joined
Thu May 21, 2015 12:08 am
Who is online

Users browsing this forum: No registered users and 2 guests