Modificar ventana d...
Avisos
Vaciar todo

Modificar ventana de personalización de producto prestashop 1.7  

 
Mario
 Mario
Estimable Member

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

Citar
Respondido : 07/06/2018 9:44 am
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 07/06/2018 11:36 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Mario
 Mario
Estimable Member

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

ResponderCitar
Respondido : 08/06/2018 9:15 am
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 08/06/2018 7:53 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Mario
 Mario
Estimable Member

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

ResponderCitar
Respondido : 12/06/2018 6:02 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 12/06/2018 6:13 pm

Cursos Gratuitos WordPress