Hacerimágenesqueseanenlazablesymodalesenjoomla  

 
Gabriel
 Gabriel
Estimable Member

Quiero hacer que las imagenes que esten dentro de solapa "Imagenes y Enlaces" en "Imagen para mostrar un artículo al completo" sean enlazables y se abran en lightbox.
Para lo cual instale el plugin Regular Labs - Modals.
SEgun lo que lei para que funcione las imágenes tendrian que tener la clase: modal y ser enlazables.

Supongo que puedo hacer un override del default.php en mi plantilla htmlcom_contentarticle

Me pueden dar una mano?

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 21/03/2019 12:47 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

El plugin parece aplicar el efecto, pero ni en la versión profesional verifico que lo hace sobre la pestaña de Imágenes y Enlaces.

Seguramente se tiene que aplicar el override como indicas, y agregar la clase, similar a lo que se explica en la siguiente guía: http://eddify.me/posts/making-modal-popup-links-in-joomla.html

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 21/03/2019 4:11 am

Cursos Gratuitos WordPress

Gabriel
 Gabriel
Estimable Member

Pero necesito que funcione en "Imágenes y Enlaces".

Me parece que el override lo tengo que hacer sobre el:
full_image.php

el codigo dice:
defined('JPATH_BASE') or die;
$params = $displayData->params;
?>
images); ?>
image_fulltext) && !empty($images->image_fulltext)) : ?>
float_fulltext) ? $params->get('float_fulltext') : $images->float_fulltext; ?>
<div class="pull- item-image"> <img
image_fulltext_caption) :
echo 'class="caption"' . ' title="' . htmlspecialchars($images->image_fulltext_caption) . '"';
endif; ?>
src="image_fulltext); ?>" alt="image_fulltext_alt); ?>" itemprop="image"/>

--------------------------------------------------------------------------

Como tendria que poner el ?

ResponderCitar
Respondido : 21/03/2019 8:29 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Gabriel.

No tienes que añadir ninguna clase solo instalar el plugin y activarlo.
.- Una vez lo tengas activo solo tinees que añadir la estructura del enlace.

Por ejemplo para un articulo:
{modal http://url_del_articulo_del_enlace}Mostrar pagina{/modal}

Para una imagen:
{modal url="iurl_imagen/imagen.jpg" title="Titulo Imagen"}Image{/modal}

En este enlace tienes las estructuras para los diferentes enlaces:
-> https://demo.regularlabs.com/index.php/12-modals#simple-modals

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 21/03/2019 10:41 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Gabriel
 Gabriel
Estimable Member

No necesito que todas las imagenes de la solapa "Imagenes y Enlaces" tengan esas propiedades , no imagenes dentro de artículos.

ResponderCitar
Respondido : 21/03/2019 12:21 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Gabriel

ok, dime qué imágenes son las que quieres que se muestran en Modal.
Por favor añade un enlace de las imágenes que quieres mostrar y si puede ser una captura.

¿ utilizas algun modulo de galería para mostrar esas imágenes ?

Si lo que necesitas es mostrar una galería en forma modal puedes utilizar los siguiente componentes:
-> https://rockettheme.com/joomla/extensions/rokgallery
-> https://rockettheme.com/joomla/extensions/rokbox

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 21/03/2019 12:42 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Gabriel
 Gabriel
Estimable Member

No voy a usar galerias de imagenes, ni phoca, ni rokgallery, porque las personas que van a insertar las imagenes solo saben crear artículos e insertar las imágenes en la solapa imágenes y enlaces.

Lo que estoy buscando es que esas imágenes al ciliquearlas se abran en un lightbox.

Entonces quiero ver como inserto una clase modal a todas las imagenes del sitio cargadas a traves de esa solapa.

El plugin Regular Labs - Modals tiene una función de Auto-Convertir que convierte una clase determinada en un lightbox.

Me pueden dar una mano para hacer un override de full_image.php y agregar la clase modal y que sea enlazable a la misma ruta de la imagen?

Como tendria que poner el ?
para que funcione en full_image.php

ResponderCitar
Respondido : 21/03/2019 2:49 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Gabriel.

El plugin Regular Labs - Modals tiene una función de Auto-Convertir que convierte una clase determinada en un lightbox.

Dispone de esa opción pero es en la versión Pro del plugin:
-> https://www.regularlabs.com/extensions/modals/tutorial#settings-auto-convert

En la versión free convierte los enlaces , no tienes que añadir ninguna clase ya que por defecto está creada la clase " modal " para imágenes, enlaces externos, etc.. necesitas la versión pro

-> https://www.regularlabs.com/extensions/modals/tutorial#auto-convert

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 21/03/2019 3:15 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Gabriel
 Gabriel
Estimable Member

En la versión gratuita la autoconversion por clases esta habilitada

ResponderCitar
Respondido : 21/03/2019 5:07 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Envíanos la url de algún artículo que tenga una imagen destacada y que quieras que aparezca en lightbox para ver que clases CSS se pueden configurar en tu extensión.

Sin embargo, por lo que parece, se requiere de un enlace, esta funcionalidad de lightbox que no sea el contenido depende del template que usas.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 21/03/2019 6:19 pm

Cursos Gratuitos WordPress

Por favor Iniciar Sesión o Registro