Help Center / Senza categoria / Aggiungi un widget off-canvas a una griglia loop

Aggiungi un widget off-canvas a una griglia loop

Ultimo aggiornamento: Dicembre 17, 2024

Le griglie loop possono incorporare widget Off Canvas. Ad esempio, in un negozio online, puoi creare un elemento loop che visualizza un prodotto e una breve descrizione del prodotto. Puoi quindi utilizzare un widget Off Canvas per creare un pulsante Maggiori informazioni che, quando cliccato, mostrerà la descrizione completa e il prezzo.

Aggiungi un widget off-canvas a una griglia loop

  1. Crea una griglia loop e un modello. Per i dettagli, consulta Crea una griglia loop.
    Note
    Se la tua griglia loop visualizzerà i prodotti, assicurati che il tipo di modello sia impostato su Prodotti.


  2. Aggiungi Immagine in evidenza al modello.
  3. Aggiungi Titolo del prodotto al modello.
  4. Aggiungi il widget Off Canvas al modello.
  5. Aggiungi Contenuto del prodotto al widget Off Canvas.
  6. Aggiungi Prezzo del prodotto al widget Off Canvas.
  7. Fai clic sull’area ombreggiata a destra per accedere alle opzioni del widget Off Canvas.
  8. Nella casella di testo Nome Off Canvas, inserisci Display espanso.
    Ci sono diverse opzioni che puoi modificare nel widget Off Canvas. Per i dettagli, consulta Widget Off Canvas. Per questo esempio, utilizzeremo le opzioni predefinite.
  9. Nel pannello, disattiva Modalità di modifica su Off.
    Questo ti riporta alla schermata di modifica normale.
  10. Aggiungi un widget Pulsante alla Griglia Loop.
    Questo pulsante viene utilizzato per attivare il widget off canvas.
  11. Nel pannello, rinomina il pulsante Scopri di più.
  12. Nel campo Link, fai clic sull’icona del tag dinamico.
  13. Seleziona Off Canvas dal menu a tendina.
  14. Fai clic sull’icona a forma di chiave inglese.
    Si apre la casella delle opzioni.
  15. Scegli il widget dal menu a tendina. In questo esempio, il nome del widget è Off Canvas.
  16. Sulla canvas, fai clic su Salva e torna indietro.

La Griglia Loop ora visualizza Immagini in evidenza, Immagini del prodotto e un pulsante Scopri di più che, quando cliccato, rivela una descrizione del prodotto e il prezzo.

In questa pagina

Condividi questo articolo

Hosted with