Utilizziamo i cookie per migliorare la tua esperienza.
Per rispettare la nuova direttiva e-Privacy, dobbiamo chiedere il tuo consenso per impostare i cookie. Leggi
Informativa Privacy
Ai sensi degli art. 12, 13, 14 e seguenti del Regolamento Generale sulla Protezione dei Dati 2016/679 (di seguito RGPD) relativo alla protezione delle persone fisiche con riguardo al trattamento dei dati personali Pilogen Carezza S.r.l., Titolare del trattamento, fornisce le seguenti informazioni :
I dati personali verranno trattati per finalità commerciali, di vendita diretta, marketing e informazione commerciale, promozionali, statistiche e per la rilevazione delle preferenze di consumo, mediante elaborazione con mezzi elettronici e cartacei e per eventuali comunicazioni a società terze sempre per finalità di marketing diretto comunque legato alla nostra azienda Pilogen Carezza.
Dall'applicabilità del RGPD. La base giuridica del trattamento è costituita dagli obblighi nascenti verso l'Interessato in quanto parte del rapporto contrattuale di compravendita ("trattamento necessario all'esecuzione di un contratto" - RGPD art. 6, ° comma, lett. b)); per i trattamenti per finalità di marketing diretto, la base giuridica è costituita dal legittimo interesse della società ("trattamento necessario per perseguire un legittimo interesse del titolare del trattamento" RGPD art. 6, comma 1, lett. f) e "Può essere considerato legittimo interesse trattare dati personali per finalità di marketing diretto" Cons. n. 47); per tutti gli altri trattamenti eventualmente svolti dal Titolare, la base giuridica è costituita dal consenso dell'Interessato (RGPD art. 6, comma 1, lett. a)).
Dati di contatto del Responsabile della Protezione dei Dati personali. La Società ha nominato quale Responsabile per la Protezione dei Dati personali la Signora Sara Laura Pignacca. E' contattabile scrivendo a sara@pilogen.it .
Il conferimento dei dati relativi alle generalità dell'Interessato (nome, cognome, indirizzo postale completo, indirizzo mail e numero di telefono) è necessario:
al fine di permettere a di assolvere gli obblighi contrattuali, nel caso di effettuazione di un ordine di acquisto;
per l'assistenza post-vendita;
Per l'Utente del Sito www.pilogen.it risulta necessario il conferimento dei dati quali cognome, nome e dell'indirizzo di posta elettronica, al fine di registrarsi al Sito stesso e ottenere da parte di Pilogen Carezza l'esecuzione di attività di assistenza nella vendita, quale servizio atto a verificare o superare eventuali difficoltà anche tecniche dell'Utente. Inoltre con ulteriore consenso facoltativo dell'Utente che può essere fornito al momento della registrazione o in seguito, i dati predetti permetteranno altresì a Pilogen Carezza di inviare le proprie newsletters.
I dati personali sono raccolti in una banca dati centralizzata, con strumenti informatici e telematici. Il database, contenente i dati personali degli Interessati, è accessibile soltanto da parte dei soggetti abilitati. Soggetti specificamente incaricati quali dipendenti o altri collaboratori potranno venire a conoscenza dei dati nei trattamenti necessari o connessi all'invio di materiale pubblicitario e all'evasione dell'ordine ed eventualmente ne potranno venire a conoscenza anche terzi fornitori di servizi strettamente funzionali all'esecuzione del rapporto contrattuale, quali:
vettori per la consegna del pacco;
società che forniscono servizi di pagamento;
Ad ogni Incaricato vengono impartite specifiche direttive in ordine al trattamento dei dati, istruzioni che gli incaricati sono tenuti a rispettare per non incorrere in sanzioni disciplinari e/o iniziative in sede giudiziale.
Pilogen Carezza s.r.l. conferma che ogni dato personale comunicato dall'Interessato non viene destinato a finalità diverse da quelle indicate in questa Informativa.
Titolare del trattamento è Pilogen Carezza S.r.l. con sede legale in Via Salvo D’Acquisto 60, 43039 Salsomaggiore Terme (Parma).
Ai fini di cui all'art. 26 RGPD, si informa che per l'esercizio dei propri diritti, l'Interessato potrà rivolgersi a Pilogen Carezza.
Periodo di conservazione dei dati in base alle finalità:
I dati personali di ciascun Interessato vengono conservati per il tempo strettamente necessario per dar corso a quelle operazioni di trattamento poste in essere in relazione a ciascun Interessato, a seconda delle sue scelte, preferenze ed indicazioni.
La conservazione dei dati personali per il trattamento di finalità di marketing diretto è relativo ad un periodo massimo di 48 mesi.
I dati personali, oggetto di trattamento di profilazione, per tale finalità vengono utilizzati per 48 mesi.
I dati personali collegati a rapporti contrattuali con i clienti di Pilogen Carezza s.r.l. vengono conservati a norma di legge per finalità civilistiche, fiscali, contabili, amministrative, per rendere possibili mezzi di prova in caso di contenzioso e per far fronte a specifiche richieste da parte dell'Autorità competente.
Attraverso il monitoraggio della navigazione dell'Utente nel nostro Sito, Pilogen Carezza potrà:
rilevare dati di tipo statistico anonimo concernenti le percentuali di recapito di e-mail rispetto alle inviate, di lettura, di apertura del messaggio, di inoltro a terzi, i numeri di "click", ecc.;
contare i visitatori unici di una pagina Web;
elaborare statistiche aggregate anche in riferimento al funzionamento del proprio Sito e dei servizi presenti al suo interno;
migliorare le prestazioni del Sito www.pilogen.it rendendo anche più veloci le ricerche dell'Utente;
raccogliere dati relativi al traffico e all'interazione degli Utenti nel sito web per identificare le tendenze e per valutare la nostra audience;
memorizzare informazioni sulle preferenze degli Utenti e quindi personalizzare il Sito web in funzione degli specifici interessi degli Utenti;
evitare che gli stessi messaggi pubblicitari vengano visualizzati più volte;
riconoscere il computer quando l'Utente torna nuovamente ad utilizzare il Sito web di Pilogen Carezza;
memorizzare i prodotti scelti e inseriti precedentemente nel Carrello dell'Utente;
valutare il gradimento, sempre in forma anonima, dei servizi disponibili sul sito stesso, compresi quelli a carattere pubblicitario;
migliorare l'esperienza di navigazione dell'Utente suggerendo i prodotti e le promozioni migliori in base alla navigazione svolta;
eseguire, con il consenso, revocabile in qualsiasi momento, degli Utenti registrati, l'identificazione e la rilevazione delle personali preferenze di consumo e conseguente registrazione dei dati monitorati in vista di offerte e promozioni mirate.
Diritti dell'interessato. L'Interessato, ai sensi degli articoli da 15 a 22 RGPD, ha diritto:
all'accesso ai propri dati personali (art. 15 RGPD);
ad ottenere la rettifica dei dati personali inesatti che lo riguardano (art.16 RGPD);
ad ottenere la cancellazione dei dati personali che lo riguardano senza ingiustificato ritardo alle condizioni indicate all'art. 17 RGPD;
alla limitazione del trattamento, in presenza delle condizioni di cui all'art. 18 RGPD;
L'interessato ha inoltre diritto:
di opporsi in qualsiasi momento al trattamento dei suoi dati personali trattati per finalità di marketing diretto e al trattamento di profilazione, nella misura in cui sia connesso a tale marketing diretto (art. 21 RGPD);
nel caso in cui il trattamento abbia la propria base giuridica nel consenso, di revocare il consenso in qualsiasi momento, senza alcun pregiudizio per la liceità del trattamento basata sul consenso prima della revoca;
Questi diritti potranno essere esercitati dall'Interessato, in qualsiasi momento, scrivendo al Titolare del trattamento Pilogen Carezza s.r.l, presso la sede amministrativa in via s. D’Acquisto, 60 43039 Salsomaggiore Terme (PR) all'attenzione dell'ufficio Privacy aziendale, oppure inviando una e-mail alla casella di posta elettronica sara@pilogen.it .
Ai sensi dell'art. 77 del RGPD, è fatta comunque salva la facoltà dell'Interessato di rivolgersi all'Autorità Garante per la protezione dei dati personali i cui riferimenti sono presenti sul sito www.garanteprivacy.it, con le modalità ivi specificate.
Lista dei Cookies
La tabella seguente riporta la lista dei cookies che gestiamo e le informazioni che raccolgono
Nome COOKIE
Descrizione COOKIE
CART
Collegamento con il tuo carrello.
CATEGORY_INFO
Consente di visualizzare le pagine più rapidamente.
COMPARE
Articoli presenti nel Confronto.
CUSTOMER
Versione criptata del tui ID cliente.
CUSTOMER_AUTH
Indica se hai effettuato l'accesso.
CUSTOMER_INFO
Versione criptata del gruppo di clienti a cui appartieni.
CUSTOMER_SEGMENT_IDS
Memorizza il tuo ID cliente.
EXTERNAL_NO_CACHE
Indica se la memorizzazione della cache è attiva o meno.
FRONTEND
Your session ID on the server.
GUEST-VIEW
Permette ai clienti di modificare il proprio ordine.
LAST_CATEGORY
Ultima categoria visitata.
LAST_PRODUCT
Ultimo prodotto visualizzato.
NEWMESSAGE
Indica se è stato ricevuto un nuovo messaggio.
NO_CACHE
Indica se si ha il permesso di utilizzare la cache.
PERSISTENT_SHOPPING_CART
Collegamento con la cronologia del carrello.
RECENTLYCOMPARED
Articoli che hai recentemente confrontato.
STF
Informazioni sui prodotti che hai recentemente condiviso.
STORE
Visualizzazione e lingua selezionati.
USER_ALLOWED_SAVE_COOKIE
Indica se il cliente ha autorizzato o meno i cookies.
VIEWED_PRODUCT_IDS
Prodotti visualizzati recentemente.
WISHLIST
Lista criptata dei prodotti nella Lista dei Desideri.
WISHLIST_CNT
Quantità di articoli presenti nella Lista dei Desideri.
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:
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.
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.
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:
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:
The default color of the overlay can be configured in the admin panel: Theme Design > Colors
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.
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
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.
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:
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>
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)
Caption Example
Create responsive banners in your Magento with ease
Center horizontally
Caption Example
Create responsive banners in your Magento with ease
Center vertically
Caption Example
Create responsive banners in your Magento with ease
Center vertically and horizontally
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
Caption Example
Create responsive banners in your Magento with ease
Inner caption without cap-no-bg
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:
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:
Below you can see examples of all available positions:
Caption Example
Caption Example
Caption Example
Caption Example
Caption Example
Caption Example
Caption Example
Caption Example
Caption Example
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%.
Below you can see examples of all caption effects.
Fade
Caption Example
Create custom banners with captions
Caption Example
Create custom banners with captions
Slide
Caption Example
Create custom banners with captions
Caption Example
Create custom banners with captions
Caption Example
Create custom banners with captions
Caption Example
Create custom banners with captions
Push
Caption Example
Create custom banners with captions
Caption Example
Create custom banners with captions
Hinge
Caption Example
Create custom banners with captions
Caption Example
Create custom banners with captions
Caption Example
Create custom banners with captions
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:
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: