Hello SemiColonWeb, thank you for the great template, my question: 1. Is there a possibility, for example, to allow or forbid Google Maps with a switch similar to the video switches in the Privacy Preferences? (I think this is intended for setting cookies) European data protection requires these setting options! 2. How do I control the width of the header I don't want a full width but that of the standard container Many thanks for the help

Hello, Thanks for the Kind Words! :) 1. You can consider using something like this in the Settings: [ch pre]<li class="list group item px 0 py 4"> <div class="row"> <div class="col"> <div class="toggle mb 0"> <div class="toggle header"> <div class="toggle icon"> <i class="toggle closed icon line plus"></i> <i class="toggle open icon line minus"></i> </div> <div class="toggle title"> Google Maps </div> </div> &lt…

Privacy Preferences - Switch for Google Maps (Cookie)

MmbreuJun 27, 2021

Hello SemiColonWeb,

thank you for the great template, my question:

Is there a possibility, for example, to allow or forbid Google Maps with a switch similar to the video switches in the Privacy Preferences?
(I think this is intended for setting cookies)
European data protection requires these setting options!
How do I control the width of the header - I don't want a full width but that of the standard container

Many thanks for the help

SSemicolon WebSTAFFJun 28, 2021

Hello,

Thanks for the Kind Words! :)

You can consider using something like this in the Settings:
[ch_pre]<li class="list-group-item px-0 py-4">
<div class="row">
<div class="col">
<div class="toggle mb-0">
<div class="toggle-header">
<div class="toggle-icon">
<i class="toggle-closed icon-line-plus"></i>
<i class="toggle-open icon-line-minus"></i>
</div>
<div class="toggle-title">
Google Maps
</div>
</div>
<div class="toggle-content ps-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, dolorum, vero ipsum molestiae minima odio quo voluptate illum excepturi quam cum voluptates doloribus quae nisi tempore necessitatibus dolores ducimus enim libero eaque explicabo suscipit animi at quaerat aliquid ex expedita perspiciatis? Saepe, aperiam, nam unde quas beatae vero vitae nulla.
</div>
</div>
</div>
<div class="col-auto text-end">
<div class="switch d-inline-block">
<input id="switch-toggle-google-maps" class="switch-toggle switch-toggle-flat switch-flat-mini" type="checkbox" checked data-cookie-name="canvas-gdpr-google-maps">
<label class="m-0" for="switch-toggle-google-maps"></label>
</div>
</div>

</div>
[/ch_pre]

and then he following code setting up the Google Maps:
[ch_pre]<div class="gdpr-container" data-cookie-name="canvas-gdpr-google-maps" data-cookies="true" data-cookie-content='<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d805184.6318249799!2d144.4926939651121!3d-37.97123701845905!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad646b5d2ba4df7%3A0x4045675218ccd90!2sMelbourne%20VIC!5e0!3m2!1sen!2sau!4v1624863449289!5m2!1sen!2sau" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>'>
<div class="gdpr-blocked-message bg-dark">
<i class="icon-google h1 text-light mb-3"></i>
<p class="text-light mb-2">This content has been blocked in your Privacy Preferences.</p>
</div>
</div>[/ch_pre]

Simply remove the .full-header Class from the #header DIV.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

MmbreuJun 29, 2021

Many thanks for fast reply - i'll try next days

SSemicolon WebSTAFFJun 29, 2021

Very Happy to Help! ?

Do let us know if we can help you with anything else.