Aggiungere i dettagli dell'evento Facebook alla lightbox

Per impostazione predefinita, nella lightbox a comparsa vengono visualizzati solo il nome e la data dell'evento. Per visualizzare tutte le informazioni è sufficiente seguire queste indicazioni.

Per prima cosa, rendete visibili tutti i dettagli dell'evento nel feed assicurandovi che sia attivata la seguente impostazione: Feed di Facebook > Personalizza > Layout del post > Mostra/Nascondi > Titolo dell'evento e dettagli dell'evento.

Se non si desidera che queste informazioni siano visibili, è possibile nasconderle aggiungendo il seguente CSS alla sezione Custom CSS del plugin (Customize > Misc):

#cff .cff-event .cff-details { display: none; }

Quindi, per aggiungere i dettagli dell'evento nella lightbox, aggiungete quanto segue alla sezione Custom JavaScript del plugin (che si trova sotto la sezione Custom CSS):

$('.cff-event .cff-photo').on('click', function(){
    var $event = $(this).closest('.cff-event'),
    	title = $event.find('.cff-event-title').html(),
    	date = $event.find('.cff-date').html(),
    	location = $event.find('.cff-location').html(),
    	desc = $event.find('.cff-desc').html();

	$('.cff-lightbox-details').html( '<p class="cff-lightbox-caption">'+title+'<br />'+date+'<br />'+location+'<br /><br />'+desc+'</p>' );
});
supporto

Non è stato possibile trovare la risposta nei documenti?

Contatto con l'assistenza

Questo articolo è stato utile?