Como logar Imágenes con enlaces

[Castineiras]

Hola, buenas tardes!

Estoy diseñando mi pagina web, utilizando Prestashop 1.7.5.2 desde la web, con el theme laber_complex_home1 version 3.

Quiero hacer secciones de imagenes (como las que muestro marcadas en azul en los adjuntos) con un enlace, lo intento hacer con laber custom html pero no las logro acomodar juntas como el ejemplo, ni que respeten el margen de la pagina, ademas cuando se abre en un movil se desordena completamente.

El modulo de banner no me funcionar porque solo puede haber un banner por pagina, de no ser que hayan opciones que desconosco.

¿Cual seria la forma correcta de logar esto?

De antemano muchas gracias por su atención

Diego

[SergioE]

Estas maquetando con algun editor visual como Elementor?

Esa plantilla incluye algún maquetador visual o es todo a mano el diseño?

[Castineiras]

1 hour ago, SergioE said:

Estas maquetando con algun editor visual como Elementor?

Esa plantilla incluye algún maquetador visual o es todo a mano el diseño?

Hola Sergio! 

Lo hago desde el admin web que me asignaron. Adjunto la imagen acá.

[SergioE]

Si, pero dentro del admin web, tienes algún módulo que te permita gestionar el diseño de la página HOME? O lo estás editando desde algún otro sitio? Por esto que comentas del custom HTML.

Si no tienes ningún maquetador, tendrás que hacerlo totalmente a mano y necesitarás conocimientos de HTML y CSS para aplicar ese estilo y que se aplique también en la versión responsive.

[Castineiras]

15 hours ago, SergioE said:

Si, pero dentro del admin web, tienes algún módulo que te permita gestionar el diseño de la página HOME? O lo estás editando desde algún otro sitio? Por esto que comentas del custom HTML.

Si no tienes ningún maquetador, tendrás que hacerlo totalmente a mano y necesitarás conocimientos de HTML y CSS para aplicar ese estilo y que se aplique también en la versión responsive.

Hola Sergio! Muchas gracias por su respuesta y tiempo. Si lo que hacia falta en el custom HTML era agregar mas código para logar que se acomodaran correctamente y tuvieran el efecto.

En la parte de codigo, es agregar esto:

<div class="laberStatic">
<div class="row no-margin">
<div class=" col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="img"><a href="direccion del enlace" target="_blank"><img src="la imagen" alt="" /></a></div>
</div>

GRacias por su ayuda, Diego