Skip to main content

Mostrare elementi ZOO solo agli utenti registrati

Icone di AddCSS e ZOO

Stiamo realizzando un sito che gestisce l’acquisto di biglietti per eventi di spettacolo, riservato agli utenti registrati.

Abbiamo trovato una soluzione per mostrare o nascondere un singolo elemento ZOO in base al livello di accesso dell’utente.

La situazione

Abbiamo utilizzato il componente ZOO di Yootheme per la gestione dei campi nelle schede evento:

  • Indirizzo (Text)
  • Descrizione evento (Textarea)
  • Data e ora (Date)
  • Mappa (Google maps)
  • Locale dell’evento (Related items)
  • Galleria fotografica (Gallery)
  • Locandina (Image)
  • Pulsante di acquisto biglietto (Link)

Come gestire l’acquisto riservato agli utenti registrati se per l’elemento ZOO di tipo Link non si può impostare il livello di accesso?

Abbiamo risolto utilizzando una delle nostre estensioni: AddCSS.

AddCSS è un semplice modulo che consente di aggiungere regole CSS; in questo modo possiamo modificare lo stile a determinate pagine del nostro sito.

Come fare?

Crea un nuovo modulo di tipo AddCSS.

Applica la regola display: none al pulsante di acquisto (per nasconderlo):
Esempio:
#yoo-zoo .item div.pos-sidebar .element.element-link {display: none;}

Assegna il modulo a una posizione nascosta del template (debug).

Infine, attraverso il componente Advanced Module Manager, assegna il modulo solo agli utenti pubblici.