Banners with image, caption and hover effects

Image banners can be useful in many different places in your Magento store. You can place banners just about anywhere using simple markup. With additional utility classes you can easily add caption and multiple hover effects to your banners.

Simple image banner

The image and the entire content of the banner is wrapped inside an element with the ban class. The image needs to be marked with the image class. Here's a minimal example to create a simple banner:



<div class="ban">
	<img class="image" src="{{media url="wysiwyg/infortis/banners/sample.jpg"}}" alt="Banner" />
</div>
	

Banner


HTML elements for banners

In our examples of banners and captions we are going to use a generic HTML element <div>, but you can as well use a HTML5 element <figure> for banners and <figcaption> for caption.

Note that if you decide to use these elements, the <figcaption> must be a direct child of the <figure>. Also, the <figcaption> must be its first or last child.



<figure class="ban">
	<img class="image" src="{{media url="wysiwyg/infortis/banners/sample.jpg"}}" alt="Banner" />
	<figcaption class="cap">
		<h3>Caption Example</h3>
		<p>This is a sample text</p>
	</figcaption>
</figure>
	

Banner with hyperlink

To create a banner with a hyperlink to other pages (or to locations within the same page), wrap the banner inside the anchor element <a>. Inside the href="" attribute put a URL that the hyperlink points to. You can wrap the entire banner, or only the caption.



<a href="http://example.com">
	<div class="ban">
		<img class="image" src="{{media url="wysiwyg/infortis/banners/sample.jpg"}}" alt="Banner" />
	</div>
</a>
	

Banner with image hover effect

To add a hover effect to the banner, add an effect class to the banner (to the element with the ban class). The following classes are available: ban-effect-1, ban-effect-2, ban-effect-3, ban-effect-fade-out, ban-effect-grayscale-in, ban-effect-grayscale-out, ban-effect-blur-in, ban-effect-blur-out.



<div class="ban ban-effect-1">
	<img class="image" src="{{media url="wysiwyg/infortis/banners/sample.jpg"}}" alt="Banner" />
</div>
	

Banner


Below you can see more examples.



Zoom in


Banner

Zoom out


Banner

Rotate


Banner

Fade out


Banner

Blur in


Banner

Blur out


Banner

Grayscale in


Banner

Grayscale out


Banner




Banner with color overlay

To add a color overlay to the banner, add a caption but without any text. Captions are described later on this page, but in this section we will only use an empty caption element.

To add an empty caption to the banner, simply add an element with the cap class inside the banner: <div class="cap"></div>. The empty caption element will be displayed as a color overlay. Here's an example:



<div class="ban">
	<img class="image" src="{{media url="wysiwyg/infortis/banners/sample.jpg"}}" alt="Banner" />
	<div class="cap"></div>
</div>
	

Banner


Color of the overlay


To change the color of the overlay, add an inline CSS to the caption element to override the default value of its background-color property. You can add semi-transparent color using the rgba() functional notation allowing specification of the opacity of a color. For example:



<div class="ban">
	<img class="image" src="{{media url="wysiwyg/infortis/banners/wide02.jpg"}}" alt="Banner" />
	<div class="cap" style="background-color: rgba(135, 195, 30, 0.45);"></div>
</div>
	
  • The default color of the overlay can be configured in the admin panel:
    Theme Design > Colors


Banner


Color overlay with fade in/out effect


By default the color overlay (the caption element) covers the banner all the time. But you can change it with two useful classes. The ban-caption-fade-out class will make the overlay fade out on mouse hover over the banner. And the ban-caption-fade-in class will make the overlay fade in only on mouse hover over the banner.


  • Add these classes to the banner element,
    not to the caption element.


<div class="ban ban-caption-fade-out">
	<img class="image" src="{{media url="wysiwyg/infortis/banners/sample01.jpg"}}" alt="Banner1" />
	<div class="cap" style="background-color: rgba(245, 88, 86, 0.75);"></div>
</div>

<div class="ban ban-caption-fade-in">
	<img class="image" src="{{media url="wysiwyg/infortis/banners/sample01-c.jpg"}}" alt="Banner2" />
	<div class="cap" style="background-color: rgba(0, 0, 0, 0.85);"></div>
</div>
	



Below you can see more examples.



Custom color and transparency level




Examples of banners with combined hover effect and color overlay






Banner with caption

To create a caption for the banner, add an element with the cap class inside the banner. Inside the caption you can add any text elements, such as headings or paragraphs of text. The caption will be displayed over the image with a color overlay (background color). Here's an example:



<div class="ban">
	<img class="image" src="{{media url="wysiwyg/infortis/banners/sample.jpg"}}" alt="Banner" />
	<div class="cap">
		<h2>Caption Example</h2>
		<p>Create responsive banners in your Magento with ease. Add image, caption <br />and hover effects. Add any content inside banner caption.</p>
	</div>
</div>
	
  • The default color of the overlay can be configured in the admin panel:
    Theme Design > Colors


Banner

Caption Example

Create responsive banners in your Magento with ease. Add image, caption
and hover effects. Add any content inside banner caption.



You can extend this simple example with additional features:

  • by adding more of the predefined CSS classes to the banner and the caption element
  • by adding more HTML (e.g. icons) inside the caption


Inline styles


If you want to change the style of the caption, e.g. change the font size or the color, you can do it with inline CSS styles. Add the style attribute to the caption element and specify values of selected properties such as font-size, font-family, color, background-color etc.

In the example below, we override the default values of the color and the background-color properties of the caption element and the font-size property of <h2> and <p> elements. To make the background color semi-transparent, use the rgba() functional notation.



<div class="ban">
	<img class="image" src="{{media url="wysiwyg/infortis/banners/sample.jpg"}}" alt="Banner" />
	<div class="cap" style="color: #000; background-color: rgba(255, 254, 84, 0.6);">
		<h2 style="font-size: 32px;"><span class="ic ic-lightbulb"></span> Caption Example</h2>
		<p style="font-size: 18px;">Create responsive banners in your Magento with ease.</p>
	</div>
</div>
	

Banner

Caption Example

Create responsive banners in your Magento with ease.



Remove caption background color


To get rid of the background color from the caption, add the cap-no-bg class to the caption element. This will make the caption element transparent, only the text will be visible over the banner:



<div class="ban ban-effect-1">
	<img class="image" src="{{media url="wysiwyg/infortis/banners/sample.jpg"}}" alt="Banner" />
	<div class="cap cap-no-bg">
		<h2 style="font-size: 32px;"><span class="ic ic-star"></span> Caption Example</h2>
		<p style="font-size: 18px;">Create responsive banners in your Magento with ease.</p>
	</div>
</div>
	

Banner

Caption Example

Create responsive banners in your Magento with ease.



Caption with fade in/out effect


By default the caption element covers the banner all the time. But you can change it with two useful classes. The ban-caption-fade-out class will make the caption fade out on mouse hover over the banner. And the ban-caption-fade-in class will make the caption fade in on mouse hover over the banner.

  • Add these classes to the banner element,
    not to the caption element.

Here's a code example of a caption with fade out effect:



<a href="#">
	<div class="ban ban-caption-fade-out">
		<img class="image" src="{{media url="wysiwyg/infortis/banners/sample02.jpg"}}" alt="Banner" />
		<div class="cap">
			<h4>This caption will fade out on hover.</h4>
		</div>
	</div>
</a>
	

Below you can see examples of both effects:




Center caption


To center the caption horizontally, add the cap-center-horizontally class to the caption element. To center the caption vertically, add the cap-center-vertically class to the caption element. Both classes can be used together.

Here's a code example of a caption centered vertically and horizontally:



<div class="ban ban-effect-1 ban-caption-fade-out">
	<img class="image" src="{{media url="wysiwyg/infortis/banners/sample02.jpg"}}" alt="Banner" />
	<div class="cap cap-center-vertically cap-center-horizontally">
		<h2>Caption Example</h2>
		<p>Create responsive banners in your Magento with ease</p>
	</div>
</div>
	


Default (not centered)


Banner

Caption Example

Create responsive banners in your Magento with ease


Center horizontally


Banner

Caption Example

Create responsive banners in your Magento with ease


Center vertically


Banner

Caption Example

Create responsive banners in your Magento with ease


Center vertically and horizontally


Banner

Caption Example

Create responsive banners in your Magento with ease



Center vertically, full cover


When the caption is centered vertically, if you want the caption to cover the entire banner, you need to use two nested caption elements. The inner caption element needs to have the cap-center-vertically class. The additional cap-no-bg class will remove the background color from the inner caption element.

Here's the code example of the inner caption element without the background color:



<div class="ban ban-effect-1 ban-caption-fade-out">
	<img class="image" src="{{media url="wysiwyg/infortis/banners/sample02.jpg"}}" alt="Banner" />
	<div class="cap">
		<div class="cap cap-center-vertically cap-center-horizontally cap-no-bg">
			<h2>Caption Example</h2>
			<p>Create responsive banners in your Magento with ease</p>
		</div>
	</div>
</div>
	

Below you can see examples of the inner caption element with and without the cap-no-bg class:



Inner caption with cap-no-bg


Banner

Caption Example

Create responsive banners in your Magento with ease


Inner caption without cap-no-bg


Banner

Caption Example

Create responsive banners in your Magento with ease



Vertically centered icon


To create a banner with an icon aligned exactly in the center of the banner, make the caption element centered vertically and horizontally and add an icon inside the inner caption element:



<a href="#">
	<div class="ban ban-effect-1 ban-caption-fade-out">
		<img class="image" src="{{media url="wysiwyg/infortis/banners/sample01.jpg"}}" alt="Banner" />
		<div class="cap" style="background-color: rgba(91, 210, 236, 0.85);">
			<div class="cap cap-center-vertically cap-center-horizontally cap-no-bg">
				<span class="ic ic-zoomin ic-4x"></span>
			</div>
		</div>
	</div>
</a>
	

Below you can see some examples of banners with an icon aligned in the center:




Caption - positioning


To set the position of the caption, use the following classes: cap-top, cap-bottom, cap-left, cap-right, cap-top-left, cap-top-right, cap-bottom-left, cap-bottom-right.

Here's a code example of a caption placed at the bottom of the banner:



<div class="ban ban-effect-1 ban-caption-fade-out">
	<img class="image" src="{{media url="wysiwyg/infortis/banners/sample02.jpg"}}" alt="Banner" />
	<div class="cap cap-bottom">
		<h3 class="no-margin">Caption Example</h3>
	</div>
</div>
	

Below you can see examples of all available positions:


Banner

Caption Example

Banner

Caption Example

Banner

Caption Example

Banner

Caption Example

Banner

Caption Example

Banner

Caption Example

Banner

Caption Example

Banner

Caption Example

Banner

Caption Example

Banner

Caption Example



Caption - precise positioning


To position the caption with more precision, you can use the classes presented below. The number at the end of each class name indicates the value (percentage) by which the caption will be moved in the selected direction. In the vertical direction the percentage is calculated with respect to the height of the entire banner. In the horizontal direction the percentage is calculated with respect to the width of the entire banner.

For example, the cap-push-down-10 class will push the caption down by 10%. Here's the list of all available classes:


Push down:
  • cap-push-down-5
  • cap-push-down-10
  • cap-push-down-15
  • cap-push-down-20
  • cap-push-down-25
  • cap-push-down-30
Push up:
  • cap-push-up-5
  • cap-push-up-10
  • cap-push-up-15
  • cap-push-up-20
  • cap-push-up-25
  • cap-push-up-30
Push left:
  • cap-push-left-5
  • cap-push-left-10
  • cap-push-left-15
  • cap-push-left-20
  • cap-push-left-25
  • cap-push-left-30
Push right:
  • cap-push-right-5
  • cap-push-right-10
  • cap-push-right-15
  • cap-push-right-20
  • cap-push-right-25
  • cap-push-right-30

Below you can see an example of a caption which is pushed up by 20% and pushed right by 15%.



<a href="#">
	<div class="ban ban-effect-1">
		<img class="image" src="{{media url="wysiwyg/infortis/banners/wide01.jpg"}}" alt="Banner" />
		<div class="cap cap-push-up-20 cap-push-right-15" style="background-color: rgba(30, 195, 123, 0.7);">
			<h2>Example of Banner Caption</h2>
			<p>Create custom banners with captions</p>
		</div>
	</div>
</a>
	


Below you can see more examples of positioning.



down 10%, right 10%


Banner

Caption Example


down 10%, left 10%


Banner

Caption Example


right 10%


Banner

Caption Example


left 10%


Banner

Caption Example


up 10%, right 10%


Banner

Caption Example


up 10%, left 10%


Banner

Caption Example



Caption effects


To add eye-catching hover effects for the caption, add classes listed below to the banner element:


Fade:
  • ban-caption-fade-out
  • ban-caption-fade-in
Slide:
  • ban-caption-slide-up
  • ban-caption-slide-down
  • ban-caption-slide-left
  • ban-caption-slide-right
Push:
  • ban-caption-push-up
  • ban-caption-push-down
Hinge:
  • ban-caption-hinge-up
  • ban-caption-hinge-down
  • ban-caption-hinge-left
  • ban-caption-hinge-right

  • Add these classes to the banner element,
    not to the caption element.

Here's a code example of a banner with caption "hinge up" effect:



<div class="ban ban-caption-hinge-up">
	<img class="image" src="{{media url="wysiwyg/infortis/banners/sample01.jpg"}}" alt="Banner" />
	<div class="cap">
		<h3>Caption Example</h3>
		<p>Create custom banners with captions</p>
	</div>
</div>
	

Below you can see examples of all caption effects.


Fade


Banner

Caption Example

Create custom banners with captions

Banner

Caption Example

Create custom banners with captions


Slide


Banner

Caption Example

Create custom banners with captions

Banner

Caption Example

Create custom banners with captions

Banner

Caption Example

Create custom banners with captions

Banner

Caption Example

Create custom banners with captions


Push


Banner

Caption Example

Create custom banners with captions

Banner

Caption Example

Create custom banners with captions


Hinge


Banner

Caption Example

Create custom banners with captions

Banner

Caption Example

Create custom banners with captions

Banner

Caption Example

Create custom banners with captions

Banner

Caption Example

Create custom banners with captions



Caption with text background


To create a caption with background color behind each block of text, you need to make a few steps:

1. Mark each block of text inside the caption element with the text class.

2. Add these two classes to the caption element:

  • cap-no-bg class which removes the background color from the caption element
  • cap-text-bg class which adds the background color to text blocks

3. Add one of these classes to the caption element to choose the tone of the text background - dark (semi-transparent black) or light (semi-transparent white):

  • cap-text-bg-dark-1
  • cap-text-bg-dark-2
  • cap-text-bg-dark-3
  • cap-text-bg-light-1
  • cap-text-bg-light-2
  • cap-text-bg-light-3

Here's an example of a caption with dark text background:



<a href="#">
	<div class="ban">
		<img class="image" src="{{media url="wysiwyg/infortis/banners/sample.jpg"}}" alt="Banner" />
		<div class="cap cap-no-bg cap-text-bg cap-text-bg-dark-3">
			<h2 class="text">Caption Example</h2>
			<p class="text">Create customizable banners with captions</p>
			<p class="text">Responsive Magento theme</p>
		</div>
	</div>
</a>
	


Below you can see examples with different colors of text background.



Banner

Caption Example

Create customizable banners with captions

Responsive Magento theme

Banner

Caption Example

Create customizable banners with captions

Responsive Magento theme

Banner

Caption Example

Create customizable banners with captions

Responsive Magento theme

Banner

Caption Example

Create customizable banners with captions

Responsive Magento theme

Banner

Caption Example

Create customizable banners with captions

Responsive Magento theme

Banner

Caption Example

Create customizable banners with captions

Responsive Magento theme


Text background inside a link




Caption with complex content


Inside the caption you can add any text elements, such as headings or paragraphs of text. You can also make it more complex by adding more elements inside the caption element, for example, a block of text with an icon and hover effect:


Datenschutz

Wir freuen uns über Ihr Interesse an unserer Website. Der Schutz Ihrer Privatsphäre und Ihrer persönlichen Daten hat für uns höchste Priorität. Unsere sorgfältige Bearbeitung Ihrer Daten, die Sie uns übermitteln, unterliegen den strengen Regelungen der Datenschutz Grundverordnung (DSGVO).
Nachstehend informieren wir Sie ausführlich, welche Daten wir von Ihnen benötigen und für welche Zwecke, sowie über den Umgang mit Ihren Daten.

1. Verantwortliche Stelle
Die Verantwortliche Stelle für die Erhebung, Verarbeitung und Nutzung Ihrer Daten bei INNOVATE gemäß des DSGVO, ist die INNOVATE GmbH, Wiesenweg 21, 6345 Kössen eingetragen beim Amtsgericht Innsbruck.  

2. Speicherung von Zugriffsdaten in Server-Logfiles
Sie können unsere Webseiten besuchen, ohne Angaben zu Ihrer Person zu machen. Wir speichern lediglich Zugriffsdaten in sogenannten Server-Logfiles, wie z.B. den Namen der angeforderten Datei, Datum und Uhrzeit des Abrufs, übertragene Datenmenge und den anfragenden Provider. Diese Daten werden ausschließlich zur Sicherstellung eines störungsfreien Betriebs der Seite und zur Verbesserung unseres Angebots ausgewertet und erlauben uns keinen Rückschluss auf Ihre Person.

3. Datenerhebung und -verwendung zur Vertragsabwicklung
Wir erheben personenbezogene Daten, wenn Sie uns diese im Rahmen Ihrer Bestellung oder bei einer Kontaktaufnahme mit uns (z.B. per Kontaktformular oder E-Mail) freiwillig mitteilen. Welche Daten erhoben werden, ist aus den jeweiligen Eingabeformularen ersichtlich. Wir verwenden die von Ihnen mitgeteilten Daten zur Vertragsabwicklung und Bearbeitung Ihrer Anfragen speichern. Nach vollständiger Abwicklung des Vertrages werden Ihre Daten für die weitere Verwendung gesperrt und nach Ablauf der steuer- und handelsrechtlichen Aufbewahrungsfristen gelöscht, sofern Sie nicht ausdrücklich in eine weitere Nutzung Ihrer Daten eingewilligt haben oder wir uns eine darüber hinausgehende Datenverwendung vorbehalten, die gesetzlich erlaubt ist und über die wir Sie nachstehend informieren.

4. Datenweitergabe zur Vertragserfüllung
Zur Vertragserfüllung geben wir Ihre Daten an das mit der Lieferung beauftragte Versandunternehmen weiter, soweit dies zur Lieferung bestellter Waren erforderlich ist. Je nach dem, welchen Zahlungsdienstleister Sie im Bestellprozess auswählen, geben wir zur Abwicklung von Zahlungen die hierfür erhobenen Zahlungsdaten an das mit der Zahlung beauftragte Kreditinstitut und ggf. von uns beauftragte Zahlungsdienstleister weiter bzw. an den ausgewählten Zahlungsdienst. Zum Teil erheben die ausgewählten Zahlungsdienstleister diese Daten auch selbst, soweit Sie dort ein Konto anlegen. In diesem Fall müssen Sie sich im Bestellprozess mit Ihren Zugangsdaten bei dem Zahlungsdienstleister anmelden. Es gilt insoweit die Datenschutzerklärung des jeweiligen Zahlungsdienstleisters.


4.1 Identitäts- und Bonitätsprüfung bei Auswahl von Billpay-Zahlungsarten
Wenn Sie sich für die Zahlungsarten Kauf auf Rechnung oder Kauf per Lastschrift über unseren Partner Billpay GmbH entscheiden, werden Sie im Bestellprozess gebeten, in die Übermittlung der für die Abwicklung der Zahlung und eine Identitäts- und Bonitätsprüfung erforderlichen Daten an Billpay und ggf. einen mit Billpay zusammen arbeitenden Factor einzuwilligen. Sofern Sie Ihre Einwilligung erteilen, werden Ihre Daten (Vor- und Nachname, Straße, Hausnummer, Postleitzahl, Ort, Geburtsdatum, Telefonnummer und beim Kauf per Lastschrift die angegebene Kontoverbindung) sowie die 3 Daten im Zusammenhang mit Ihrer Bestellung an Billpay und ggf. an den mit Billpay zusammen arbeitenden Factor übermittelt.
Zum Zwecke der eigenen Identitäts- und Bonitätsprüfung übermittelt Billpay oder von Billpay beauftragte Partnerunternehmen Daten an Wirtschaftsauskunfteien (Auskunfteien) und erhält von diesen Auskünfte sowie ggf. Bonitätsinformationen auf Basis mathematisch-statistischer Verfahren. Detaillierte Informationen hierzu und zu den eingesetzten Auskunfteien sind den Datenschutzbestimmungen der Billpay GmbH ( https://www.billpay.de/de/datenschutz-de/ ) zu entnehmen.
Des Weiteren setzt Billpay zur Aufdeckung und Prävention von Betrug ggf. Hilfsmittel Dritter ein. Mit diesen Hilfsmitteln gewonnene Daten werden ggf. bei Dritten verschlüsselt gespeichert, so dass sie lediglich von Billpay lesbar sind. Nur wenn Sie eine Zahlart unseres Kooperationspartners Billpay auswählen, werden diese Daten verwendet, ansonsten verfallen die Daten automatisch nach 30 Minuten.
5. Erhebung und Nutzung personenbezogener Daten
Alle Daten die Sie INNOVATE mitteilen, werden erhoben, verarbeitet oder gespeichert. Wir erheben Ihre personenbezogenen Daten für die gesamte Abwicklung Ihres Kaufs.
Dies hilft uns, Ihr Einkaufserlebnis und Ihre Angebotsgestaltung für Sie so individuell wie möglich zu gestalten und unseren Service ständig zu verbessern.
Wir verwenden Ihre personenbezogenen Daten um Ihnen entsprechend Ihrem Kaufverhalten persönliche Angebotsinformationen zukommen zu lassen.

Selbstverständlich nutzen wir Ihre personenbezogenen Daten nur dann zu Werbezwecken, wenn Sie einer solchen Werbung beim Kauf oder zu einem späteren Zeitpunkt nicht widersprochen haben. Die von Ihnen angegebenen persönliche Daten werden gespeichert und können jederzeit widerrufen werden. Auch die Abmeldung vom INNOVATE Infomail ist jederzeit möglich. Senden Sie uns in beiden Fällen bitte eine E-Mail an office@innovate.co.at oder verwenden Sie  den Abmelden Button im Infomail.

Mit der Anmeldung zumINNOVATE  Infomail erklären Sie sich damit einverstanden, dass die INNOVATE GmbH die von Ihnen mitgeteilten Daten und Informationen zur Werbung für Beleuchtungsartikel per Post, E-Mail sowie für Zwecke der eigenen Marktforschung erheben, verarbeiten und nutzen darf, um Ihnen personalisierte Werbung und/oder besondere Angebote zu präsentieren.

6. Verwendung von Cookies
Um den Besuch unserer Website attraktiv zu gestalten und die Nutzung bestimmter Funktionen zu ermöglichen, verwenden wir auf verschiedenen Seiten sogenannte Cookies. Hierbei handelt es sich um kleine Textdateien, die auf Ihrem Endgerät gespeichert werden. Einige der von uns verwendeten Cookies werden nach Ende der Browser-Sitzung, also nach Schließen Ihres Browsers, wieder gelöscht (sog. Sitzungs-Cookies). Andere Cookies verbleiben auf Ihrem Endgerät und ermöglichen uns, Ihren Browser beim nächsten Besuch wiederzuerkennen (persistente Cookies). Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und einzeln über deren Annahme entscheiden oder die Annahme von Cookies für bestimmte Fälle oder generell ausschließen. Bei der Nichtannahme von Cookies kann die Funktionalität unserer Website eingeschränkt sein.


6.1 Gibt es auch Cookies von Drittanbietern (sog. Third-Party-Cookies)?
INNOVATE bedient sich einiger Werbepartner, die dabei helfen, das Internetangebot und die Webseiten für Sie interessanter zu gestalten. Daher werden bei einem Besuch der Webseiten auch Cookies von Partnerunternehmen auf Ihrer Festplatte gespeichert. Hierbei handelt es sich um temporäre/permanente Cookies, die sich automatisch nach der vorgegebenen Zeit löschen. Diese temporären oder auch permanenten Cookies (Lebensdauer 14 Tage bis 10 Jahre) werden auf Ihrer Festplatte gespeichert und löschen sich nach der vorgegebenen Zeit von allein. Auch die Cookies unserer Partnerunternehmen enthalten lediglich pseudonyme meist sogar anonyme Daten. Hierbei handelt es sich beispielsweise um Daten darüber, welche Produkte Sie sich angesehen haben, ob etwas gekauft wurde, welche Produkte gesucht wurden, etc. Hierbei erfassen einige unserer Werbepartner auch über die Webseiten hinaus Informationen darüber, welche Seiten Sie zuvor besucht haben oder für welche Produkte Sie sich beispielsweise interessiert haben, um Ihnen so die Werbung anzeigen zu können, die Ihren Interessen bestmöglich entspricht. Diese pseudonymen Daten werden zu keinem Zeitpunkt mit Ihren personenbezogenen Daten zusammengeführt. Sie haben ausschließlich den Zweck, unseren Werbepartnern zu ermöglichen, Sie mit Werbung anzusprechen, die Sie auch tatsächlich interessieren könnte.

Ve Interactive
Wir nutzen die Dienste der Ve Interactive DACH GmbH (Französische Straße 47, 10117 Berlin; im Folgenden "Ve"). Bei der Bereitstellung seiner Dienste sammelt Ve personenbezogene Daten von Endnutzern, die unsere Webseiten besuchen. Ve verwendet hierbei Cookies und andere vergleichbare Technologien. Nähre Informationen über die von Ve verwendeten Technologien sind unter in Ve‘s Cookie-Richtlinie verfügbar. Eine Auflistung der Zwecke, für welche Ve personenbezogene Daten erhebt, sind in Ve‘s Datenschutzerklärung  aufgelistet. Im Allgemeinen erfasst Ve über den Einsatz von Cookies personenbezogene Daten von Endnutzern, insbesondere Kontaktdaten und Verhaltensdaten. Ve verwendet diese personenbezogenen Daten, um Rückschlüsse auf die jeweiligen persönlichen Präferenzen der Endnutzer zu ziehen und das Web-Erlebnis des Endnutzers zu personalisieren, zum Beispiel durch Anzeige personalisierter Angebote beim Besuch von Kundenwebseiten oder ähnliche Personalisierung der Kundenwebseite an den Endnutzer und Anzeige personalisierter Werbung beim Besuch von Kundenwebseiten oder Webseiten Dritter. Ve und wir sind bei der Erhebung von personenbezogenen Daten gemeinsame Verantwortliche nach Art. 26 DSGVO. Einzelheiten hierzu sind ebenfalls Ve’s Datenschutzerklärung zu entnehmen. 


Endnutzer können die Verarbeitung ihrer persönlichen Daten durch Ve mittels verschiedener Wege unterbinden. Die zur Verfügung stehenden Möglichkeiten zur Unterbindung der Datenverarbeitung sind in Ve‘s Datenschutzerklärung enthalten u.a. das Betätigen des Opt-out-Buttons unter https://www.ve.com/de/datenschutzerklaerung#opting-out oder die Nutzung des Opt-out-Mechanismus des IAB Europe unter http://www.youronlinechoices.com/opt-out-interface .


6.2 Re-Targeting
Unsere Webseiten verwenden hierbei sogenannte Re-Targeting-Technologien. Wir nutzen diese Technologien, um für Sie das Internetangebot interessanter zu gestalten. Diese Technik ermöglicht es, Internetnutzer, die sich bereits für unseren Shop und unsere Produkte interessiert haben, auf den Webseiten unserer Partner mit Werbung anzusprechen. Wir sind davon überzeugt, dass die Einblendung einer personalisierten, interessenbezogenen Werbung in der Regel für den Internetnutzer interessanter ist als Werbung, die keinen solchen persönlichen Bezug hat. Die Einblendung dieser Werbemittel auf den Seiten unserer Partner erfolgt auf Basis einer Cookie-Technologie und einer Analyse des vorherigen Nutzungsverhaltens. Diese Form der Werbung erfolgt vollkommen pseudonym. Es werden keine Nutzungsprofile mit Ihren personenbezogenen Daten zusammengeführt. Durch Nutzung unsere Seite willigen Sie ein, dass sogenannte Cookies eingesetzt und damit Nutzungsdaten von Ihnen erhoben, gespeichert und genutzt werden. Weiter werden Ihre Daten in Cookies über das Ende der Browser-Sitzung hinaus gespeichert und beispielsweise bei Ihren nächsten Besuchen der Webseiten wieder aufgerufen werden können. Diese Einwilligung können Sie jederzeit mit Wirkung für die Zukunft widerrufen, indem Sie in Ihren Browsereinstellungen die Annahme von Cookies verweigere.
7. Einsatz von Google (Universal) Analytics zur Webanalyse
Diese Website benutzt Google (Universal) Analytics, einen Webanalysedienst der Google Inc. (www.google.com). Google (Universal) Analytics verwendet Methoden, die eine Analyse der Benutzung der Website durch Sie ermöglichen, wie zum Beispiel sog. „Cookies“, Textdateien, die auf Ihrem Computer gespeichert werden. Die erzeugten Informationen über Ihre Benutzung dieser Website werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert. Durch die Aktivierung der IP-Anonymisierung auf dieser Webseite wird dabei die IP-Adresse vor der Übermittlung innerhalb der Mitgliedstaaten der Europäischen Union oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum gekürzt. Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von Google in den USA übertragen und dort gekürzt. Die im Rahmen von Google Analytics von Ihrem Browser übermittelte anonymisierte IP-Adresse wird nicht mit anderen Daten von Google zusammengeführt.

Sie können die Erfassung der durch das Cookie erzeugten und auf Ihre Nutzung der Website bezogenen Daten (inkl. Ihrer IP-Adresse) an Google sowie die Verarbeitung dieser Daten durch Google verhindern, indem Sie das unter dem folgenden Link verfügbare Browser-Plugin herunterladen und installieren: http://tools.google.com/dlpage/gaoptout?hl=de
Alternativ zum Browser-Plugin können Sie auf den Link Google Analytics deaktivieren klicken, um die Erfassung durch Google Analytics auf dieser Website zukünftig zu verhindern. Dabei wird ein Opt-Out-Cookie auf Ihrem Endgerät abgelegt. Löschen Sie Ihre Cookies, müssen Sie den Link erneut klicken.


8. DOUBLECLICK BY GOOGLE
Doubleclick by Google ist eine Dienstleistung von Google Inc., 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA ("Google"). Doubleclick by Google verwendet Cookies um Ihnen für Sie relevante Werbeanzeigen zu präsentieren. Dabei wird Ihrem Browser eine pseudonyme Identifikationsnummer (ID) zugeordnet, um zu überprüfen, welche Anzeigen in Ihrem Browser eingeblendet wurden und welche Anzeigen aufgerufen wurden. Die Cookies enthalten keine personenbezogenen Informationen. Die Verwendung der DoubleClick-Cookies ermöglicht Google und seinen Partner-Webseiten lediglich die Schaltung von Anzeigen auf Basis vorheriger Besuche auf unserer oder anderen Webseiten im Internet. Die durch die Cookies erzeugten Informationen werden von Google zur Auswertung an einen Server in den USA übertragen und dort gespeichert. Eine Übertragung der Daten durch Google an Dritte findet nur aufgrund gesetzlicher Vorschriften oder im Rahmen der Auftragsdatenverarbeitung statt. Keinesfalls wird Google ihre Daten mit anderen von Google erfassten Daten zusammenbringen. Durch die Nutzung unserer Webseiten erklären Sie sich mit der Bearbeitung der über Sie erhobenen Daten durch Google und der zuvor beschriebenen Art und Weise der Datenverarbeitung sowie dem benannten Zweck einverstanden. Sie können die Speicherung der Cookies durch eine entsprechende Einstellung Ihrer Browser-Software verhindern;; wir weisen Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen unserer Webseiten vollumfänglich werden nutzen können. Sie können darüber hinaus die Erfassung der durch die Cookies erzeugten und auf Ihre Nutzung der Webseiten bezogenen Daten an Google sowie die Verarbeitung dieser Daten durch Google verhindern, indem sie das unter dem folgenden Link unter dem Punkt DoubleClick-Deaktivierungserweiterung verfügbare Browser-Plugin herunterladen und installieren. Alternativ können Sie die Doubleclick-Cookies auf der Seite der Digital Advertising Alliance unter dem folgenden Link deaktivieren.

9.Newsletter
Für den Versand des Newsletters verwenden wir das sogenannte Double Opt-In-Verfahren, d.h., wir werden Ihnen erst dann einen Newsletter per E-Mail zusenden, wenn Sie uns zuvor ausdrücklich bestätigt haben, dass wir den Newsletter-Dienst aktivieren sollen. Wir werden Ihnen dann eine Benachrichtigungs-E-Mail zusenden und Sie bitten, durch das Anklicken eines in dieser E-Mail enthaltenen Links zu bestätigen, dass Sie unseren Newsletter erhalten möchten. Sollten Sie später keine Newsletter mehr von uns erhalten wollen, können Sie diesem jederzeit widersprechen, ohne dass hierfür andere als die Übermittlungskosten nach den Basistarifen entstehen. Eine Mitteilung in Textform an die genannten Kontaktdaten (z.B. E-Mail, Brief) reicht hierfür aus. Selbstverständlich finden Sie auch in jedem Newsletter einen Abmelde-Link.

9.1 Produktempfehlung per E-Mail (INFOMAIL)
Als Kunde von INNOVATE erhalten Sie regelmäßig Produktempfehlungen von uns per Mail. Diese Produktempfehlungen erhalten Sie von uns unabhängig davon, ob Sie einen Newsletter abonniert haben. Wir wollen Ihnen auf diese Weise Informationen über Produkte aus unserem Angebot zukommen lassen, die Sie auf Grundlage Ihrer letzten Einkäufe bei uns interessieren könnten. Dabei richten wir uns streng nach den gesetzlichen Vorgaben. Sofern Sie keine Produktempfehlungen oder insgesamt keine werblichen Nachrichten mehr von uns erhalten wollen, können Sie dem jederzeit widersprechen, ohne dass hierfür andere als die Übermittlungskosten nach den Basistarifen entstehen. Eine Mitteilung in Textform an die genannten Kontaktdaten (z.B. E-Mail, Brief) reicht hierfür aus. Selbstverständlich finden Sie auch in jeder E-Mail einen Abmelde-Link.

10. Auskunftsrecht und Kontaktmöglichkeit
Sie haben ein Recht auf unentgeltliche Auskunft über die bei uns zu Ihrer Person gespeicherten Daten sowie ggf. ein Recht auf Berichtigung, Sperrung oder Löschung dieser Daten. Bei Fragen zur Erhebung, Verarbeitung oder Nutzung Ihrer personenbezogenen Daten, bei Auskünften, Berichtigung, Sperrung oder Löschung von Daten sowie Widerruf erteilter Einwilligungen oder Widerspruch gegen eine bestimmte Datenverwendung wenden Sie sich bitte direkt an uns über die Kontaktdaten in unserem Impressum.

 

INNOVATE GmbH

Wiesenweg 21
A-6345 Kössen
UID-NRATU66337225
WEEE-Reg.-Nr.:DE20880817