El espacio entre imágenes, y las propias imágenes (Portada) no se ven bien... - SOLUCIONADO

[Langos Moda]

En festagallerybodas.es (mi página web) hecha en prestashop 1.7  y en su pagina principal están una serie de productos bajo el  nombre de "PROVEEDORES DESTACADOS" y parece que se ven bien, pero en realidad no es asi pues deberían ocupar todo el ancho y no lo hacen, pero ademas  si se hace clic en el enlace "TODAS LAS EMPRESAS" que esta debajo de estos productos vemos como las imágenes de las empresas o productos que salen se ven mal y desordenadas

Ya llevo varios días intentando solucionarlo y no doy con la solución correcta para que se vean bien y que cada modificación que haga afecte

esto es lo que se ve (Arriba)

Montaje hecho en gimp de como deberia verse (cosa que no consigo) 

Espero vuestras ayudas

Edited September 17, 2021 by ofimat (see edit history)

[Loadinges]

Buenas,

En el código HTML cambia:

<div class="col-xs-12 col-sm-6 col-md-3">

Por:

<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">

De esa forma ya se verá así:

Y luego modifica el fichero:

http://festagallerybodas.es/themes/zSirius/assets/css/theme.css

Cambia esto:

#products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature {
   border: 10px solid transparent;
}

Por esto:

#products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature {
   
}

Y ya lo tendrías así:

[Langos Moda]

gracias por todo pero me surge una pregunta.... pues siendo sincero no lo has puesto

 

El primer cambio que dices no indicas sobre que fichero es ¿Imagino que sera theme.css? ¿es asi?

 

gracias

[Langos Moda]

En tu segunda modificación se ve una franja blanca al lado derecho de la imagen y yo eso no lo deseaba....  yo lo que quería es que el rectángulo o franja donde se ve el nombre del producto sea igual de ancho que la propia  imagen.

 

dime algo si puedes, pues obligado no estas.... te lo agradeceré siempre

[Langos Moda]

estimado Loadinges he probado la solucion que me ofreces y todo sigue igual.... te pongo las imagenes

Esto es lo que se ve cuando estamos en pagina principal (arriba)

esto es lo que se ve cuando pulsas el enalce "TODAS LAS EMPRESAS"

 

Te lo digo para que me expliques si puedes si has hecho algo mas pues cuando hago lo que me recomiendas las imágenes siguen pegadas y con espacio en blanco a la derecha, y además no llenan el total del ancho del continente 

eres el mejor sigue asi gente como tu es necesaria

Edited September 8, 2021 by ofimat (see edit history)

[Loadinges]

Buenas,

Disculpa, tienes que modificar este fichero:

/themes/zSirius/templates/catalog/_partials/miniatures/product.tpl

{if $page.page_name == 'index' || $page.page_name == 'search'}
        {$col = 'col-xs-12 col-sm-6 col-md-3'}
{else}
        {$col = 'col-xs-12 col-sm-6 col-md-4'}
{/if}

Por:

{if $page.page_name == 'index' || $page.page_name == 'search'}
        {$col = 'col-xs-12 col-sm-6 col-md-3 col-lg-3'}
{else}
        {$col = 'col-xs-12 col-sm-6 col-md-4 col-lg-4'}
{/if}

 

[Langos Moda]

He entrado por ftp al fichero que me indicas y si te soy sincero tras leerme mas de 15 veces el fichero no he hallado el texto que dices que hay que modificar.

 

¿debe insistir hasta encontrarlo? ¿se encuentra ese texto en otro fichero? ¿otras acciones?

 

espero tu respuesta compañero

Edited September 8, 2021 by ofimat
error en texto ortografía (see edit history)

[Loadinges]

Buenas,

Busca entonces esto:

col-xs-12 col-sm-6 col-md-3

Y cámbialo por:

col-xs-12 col-sm-6 col-md-3 col-lg-3

Quizás depende de la versión de la plantilla.

[Langos Moda]

me ha solucionado la parte que sale cuando pulso el enlace "todas las empresas" GRACIAS

pero en la portada las imágenes siguen con un espacio demasiado grande en blanco a la derecha.

¿Cómo podemos hacer que ese espacio se pueda cubrir con la foto? solo comentarte que cada vez que modifico esta imagen, incluso arreglándola, acabo fastidiando la imagen que sale cuando pulso "TODAS LAS IMAGENES" y por eso teniendo una partte ok no se como arreglar la otra para solucionar el problema.

Consiguiendo esto tendremos el 100 % del problema solucionado y podremos poner solucionado a esta entrada

Loadinges eres tan genio y sabio que confio en ti

gracias