Cambiar de tamaño columna central del body y eliminar margenes laterales.  

Hola Ivan.

Edita el archivo global.css que encontraras en themes/default-bootstrap/css/global.css y añade los siguiente:

#index ul.product_list.tab-pane > li {
    padding-bottom: 12px !important;
    padding-left: 1px !important;
    }

Lo de ampliar el bloque es bastante mas complicado ya que cada bloque viene configurado en la plantilla y tienes que realizar muchas modificaciones en el código lo que podría provocar que perdieras la web.

Un saludo

Buenas Pepe,

Gracias por la respuesta la modificacion que me has indicado es para el margen entre las imagenes?

He realizao el cambio pero no se modifica, he realizado limpieza de cache por si acaso era eso.

Te adjunto donde he pegado tu comentario.

Sobre el otro tema, sabrias decirme la linea o donde se encuentra ubicado el archivo para la columna central mirare a ver si puedo hacer el cambio.

Gracias y un saludo

Hola Ivan.

Se colo un punto entre los dos últimos códigos que tienes añadidos, elimina ese punto y vuelve a recargar la pagina.

la linea o donde se encuentra ubicado el archivo para la columna central
Prueba editar el archivo editar el archivo global.js que encontraras en themes/tuplantilla/js/global.js.

Tienes que buscar las clases container algo parecido a esto

if ($('body').find('.container').width() == 1050)

, seria modificar el valor de width

Ten cuidado por que puedes dejar al web in operativa, te aconsejo que realices primero una copia del archivo.

un saludo

Buenas Pepe,

Ese punto estaba ya cuando abri el archivo no lo quise tocar por si acaso.

Punto eliminado y modificacion realiza GRACIAS!

Se podria hacer aun mas pequeña la separacion?

Sobre el otro tema voy primero hacer un clon de la pagina y asi poder hacer las pruebas alli primero.

Al darle zoom en la foto dentro de la ficha de prodcuto para aumentar el tamaña que no se vea tanto marco blanco desde donde se hace?

Gracias y un saludo

Hola Ivan.

Se podría hacer aun mas pequeña la separacion?
Puedes probar a modificar el valor de padding-left: por ejemplo padding-left:0.1px

que no se vea tanto marco blanco desde donde se hace?
Lo que tienes que hacer es que subir la imagen con un tamaño mas grande, de esa manera ocupara todo el ancho.

Un saludo

Buenas Pepe,
Gracias por la respuesta.

La imagen por defecto tiene este tamaño 2136x3216px

Pero si la subo en ese tamaña en el index no me ocupa todo el borde entonces le tengo que poner 533x453px

y en ese tamaño es como se ve en la imagen que te puse anteriormente.

Gracias y un saludo

Hola Ivan.

Creo que te estas liando con las imágenes.
Los tamaños de las imágenes los puedes ver accediendo a preferencias -> Imágenes

Cuando subes una imagen, prestashop crea tantas imágenes como son necesarias para mostrar los productos ( Miniaturas, imagen media, etc... ), es decir te crea las imágenes con los tamaños que tienes configurados en preferencias -> Imágenes

Si la imagen es mas grade, las re dimensiona hasta adaptarlas y si es inferior en vez de redimensionarla te mostrara el tamaño original.

Como mínimo tienes que subir la imagen en el tamaño mas grande que tienes en preferencias -> Imágenes y como ya te comente todas las imágenes que subas tienen que tener el mismo tamaño, tanto de alto como de ancho.

Un saludo

Buenas Pepe,

Primero muchas gracias por la ayuda!

SI porque llevo toda la tarde con ello :unsure:

Ya tengo todas las imagenes mismo anguno y todas con las mismas medidas 3216x2136px.

Ya he podido conseguir que en el index me ocupen con eta medida el marco completo.

Sabrias que medidas debo poner Preferencias/imagenes para que se muestra completa en la caja de ficha de prodcuto y al pinchar en la imagen?

Muchas gracias por la atencion prestada!

Un saludo

Hola

El contenido de tu imagen debe ser un cuadrado de 800x800 ya que veo que así lo redimensiona, por ejemplo:

Contenido solo visible a usuarios registrados

Saludos.