Añade los detalles del evento de Facebook al lightbox

Por defecto, sólo se muestra el nombre del evento y la fecha en la ventana emergente. Para mostrar toda la información, siga estas instrucciones.

En primer lugar, haz que todos los detalles del evento sean visibles en el feed asegurándote de que la siguiente configuración está activada: Facebook Feed > Personalizar > Diseño de la publicación > Mostrar/Ocultar > Título del evento y detalles del evento.

Si no quieres que esta información sea visible, puedes ocultarla añadiendo el siguiente CSS a la sección CSS personalizada del plugin (Personalizar > Varios):

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

A continuación, para añadir los detalles del evento en el lightbox añade lo siguiente a la sección JavaScript Personalizado del plugin (que está debajo de la sección CSS Personalizado):

$('.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>' );
});
soporte

¿No ha encontrado la respuesta en los documentos?

Contacto

¿Le ha resultado útil este artículo?