Browser non supportato

Utilizza Google Chrome, Mozilla Firefox, Safari, Edge per navigare il nostro sito a tutta velocità e piena esperienza

Componente Card

Card Promo

Card Catalogo

Esempio in una Section  

Ogni Cards Grid può includere fino a un massimo di 4 card.
Va sempre inserito all'interno di una Section, mai in un Cards Container, poiché è già un contenitore.

Selezionando il componente e cliccando sull'icona della chiave inglese è possibile:

  • Nelle Properties attivare lo swiper su mobile
  • Nella nella sezione Style impostare l’allineamento del blocco (Block Alignment)  e l’allineamento delle card (Cards Alignment) 
     

CARD PROMO

Le Card Promo si possono configurare tramite l’icona della chiave inglese. In particolare, è possibile:

  • Inserire un link nel campo Card Link
  • Scegliere quali componenti mostrare o nascondere tramite Hide Components
  • Impostare il colore di sfondo (background color) oppure caricare un’immagine di sfondo dalla DAM

Campi

  1. Titolo (opzionale)
  2. Visual
    a. Foreground 1:1 (opzionale)
    b. Background: devono essere previsti 2 campi background: un campo dedicato a desktop e uno a mobile
  3. Prezzo (opzionale)
  4. CTA (opzionale)

 

CARD CATALOGO

Le Card Catalogo si possono configurare tramite l’icona della chiave inglese. In particolare, è possibile:

  • Inserire un link nel campo Card Link
  • Configurare la Top Section: scegliere quali elementi mostrare, aggiungere un popup o un tooltip e definire il colore dell’icona
  • Personalizzare la Label: impostare il colore, aggiungere un tooltip o un popup
  • Aggiungere fino a due prezzi

La card Catalogo è completamente cliccabile solo se non vi sono altri elementi interattivi al suo interno. Se questi sono presenti, solo la parte inferiore bianca è tappabile.

Campi 

  1. Header (opzionale)
    a. Titolo (max. 2 righe, se il testo va oltre viene tagliato con “...”)
    b. Action icon (opzionale)
  2. Visual: Foreground 1:1 / 2:1
  3. Icone
    Icona 1 (opzionale)
    Icona 2 (opzionale)
    Icona 3 (opzionale)
  4. Label grigia o viola (opzionale):
    a. Testo (Max 2 righe, se il testo va oltre viene tagliato con “...”)
    b. Action icon (opzionale)
  5. Descrizione offerta: una tra
    a. Standard (Testo, Prezzo)
    b. Doppio prezzo (Testo + Prezzo, Testo + Prezzo

DAI UNA SVOLTA ALLA TUA CARRIERA!