Modificar ventana d...
 
Avisos
Vaciar todo

Modificar ventana de personalización de producto prestashop 1.7

6 Respuestas
3 Usuarios
0 Reactions
882 Visitas
Mario
Respuestas: 181
Estimable Member
Topic starter
 

Hola,

Alguien sabe que código tendría que poner para reducir la pestaña Personalización de producto en prestahsop 1.7. Ocupa un espacio muy raro y muy "antinatural" en la ficha de producto.
Adjunto captura
Gracias
Un saludo

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 07/06/2018 8:44 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Mario

¿ Te refieres al ancho del bloque ?

Prueba añadiendo lo siguiente:

.product-customization {
    max-width: 80%;
}

Puedes modificar el valor del porcentaje para para variar el ancho.

Un saludo


 
Respondido : 07/06/2018 10:36 am
Mario
Respuestas: 181
Estimable Member
Topic starter
 

Buenos días Pepe,

La idea sería reducir el tamaño de la ventana que dice PERSONALIZACIÓN DE PRODUCTO hasta hacerla más estética en la página. Quizás quedaría bien justo debajo de la descripción corta.
Adjunto captura.
Esto en qué archivo se haría y a qué altura?
Gracias
Un saludo!

Mario


 
Respondido : 08/06/2018 8:15 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Actualmente ya veo que aparece debajo de la descripción corta

Algo que podrías evaluar es cambiar el fondo para que sea menos notorio, por ejemplo usa el siguiente código CSS:

.product-customization .card-block{
	background:#f1f1f1!important;;
}

.product-customization .product-message{
	border:1px solid gray;
}

Puedes agregar este código al final del archivo:
/themes/classic/assets/css/custom.css

Saludos.


 
Respondido : 08/06/2018 6:53 pm
Mario
Respuestas: 181
Estimable Member
Topic starter
 

Hola Jhon,

Adjunto captura de la ventana que quiero modificar, sería simplemente hacer esa pestaña más pequeña, y más acorde al espacio disponible. No sé si fuera posible.
He pegado el código que me has dicho en el archivo y no me ha arreglado el problema.
Gracias
Un saludo


 
Respondido : 12/06/2018 5:02 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Mario

prueba añadir lo siguiente a tu archivo de estilos CSS:

.product-customization {
    width: 350px;
}

este código lo que realiza es reducir la caja, puedes variar el valor para hacerla más grande o reducirla según lo que busques.

Un saludo


 
Respondido : 12/06/2018 5:13 pm