Avisos
Vaciar todo

Cómo cambiar las dimensiones del espacio de la imagen del producto en su ficha con woocommerce?

7 Respuestas
3 Usuarios
0 Reactions
1,024 Visitas
Respuestas: 236
Estimable Member
Topic starter
 

Hola, buenas,

Veréis, estoy adjuntando una imagen de la ficha de un artículo de una tienda On Line que estoy montando, pero como podéis observar en el fichero adjunto, queda un espacio vacío bastante grande entre la imagen destacada (Con miniaturas incluidas) del producto y la sección en la que se hace referencia a la descripción del producto. Esto es debido a que en la sección corta del producto + la sección de descripción de la variación del producto o se hace muy extensa, pero necesaria o, se utiliza un estilo y tamaño de fuente un poco grande, pero es el estilo que quisiera conservar y utilizar siempre.

Considerando lo anterior, mi pregunta es: Existe alguna manera de cambiar la dimensión de estos espacios?, es decir, hay alguna forma de colocar por ejemplo, la descripción de la variación del producto, justo debajo de las miniaturas o, poder centrar más la imagen destacada entre todo el espacio de las descripciones (Corta y la de la variación)?, es decir, poder distribuir estos espacios de otra manera mucho mejor?.

Agradeciendo vuestra ayuda, les saludo atentamente.

Guillermo

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 10/02/2017 10:42 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Puedes adjuntar nuevamente el fichero, intenta que el formato de la imagen este en formato .jpg


 
Respondido : 11/02/2017 4:39 am
Respuestas: 236
Estimable Member
Topic starter
 

Buenos días Johnny,

Gracias por tu atención, te estoy adjuntando la nueva imagen en formato .jpg, gracias.

Un Saludo.


 
Respondido : 11/02/2017 8:59 am
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Guillermo.

Prueba añadir lo siguiente a tu archivo archivo custom ( archivo donde realizas la s modificaciones de estilos de CSS )

 .woocommerce-variation-description {margin-left: -35rem; margin-top: 10rem}

Revisa y nos comentas los resultado,

un saludo


 
Respondido : 11/02/2017 10:11 am
Respuestas: 236
Estimable Member
Topic starter
 

Hola Pepe,

He hecho lo que me has indicado, pero no pasa absolutamente nada, No se observa ningún cambio.

Tienes otra sugerencia?. Muchas gracias por tu interés y ayuda.

Quedo a la espera de tu respuesta.

Un Saludo.


 
Respondido : 11/02/2017 11:39 am
Respuestas: 236
Estimable Member
Topic starter
 

Perdona Pepe,

He cometido un error, ya que al parecer tenía llena la cache y no podía observar los cambios. He abierto la página en una ventana de incognito y sí que ha funcionado. Iré probando cómo se ve mejor. En cualquier caso, no entiendo el por qué se me llena tan pronto la cache, continuamente tengo que estar verificando los cambios en la ventana de incognito por temor a esta cache. Supongo que tendré que abrir otro hilo para ello; de hecho a continuación tendré que abrir otro hilo para ver cómo cambio el nombre de las pestañas de la descripción larga del producto.

Pepe, de nuevo mil gracias por, como siempre, tu acertada ayuda.

Un saludo.


 
Respondido : 11/02/2017 11:53 am
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Guillermo.

no entiendo el por qué se me llena tan pronto la cache,
Es normal, el tema de la cache cuando estas en fase de modificación da un poco por el saco, para la web en producción es mas que recomendable, pero cuando estas modificando 👿

Cuando realices alguna modificación y veas que no te carga bien, vuelve a recarga la pagina pulsando la tecla ( f5 ), esto tendría que cargar de nuevo toda la cache.

Lo bueno es que conseguiste lo que querías :cheer:

Cerramos el Tema

Un saludo


 
Respondido : 11/02/2017 12:08 pm