Existen ocasiones en los que necesitas cambiar los encabezados de tu plantilla Prestashop para que sea más personalizada o simplemente porque no te gusta el resultado final. En este artículo vamos a enseñarte a modificar los encabezados sin necesidad de modificar ningún archivo por FTP.
Lo primero que te recomendamos, es ver de dónde coge el estilo tu plantilla. Para eso, desde el Front-End de tu diseño, nos ponemos sobre el encabezado a cambiar y le damos al botón derecho de nuestro ratón:
En este caso, todos las palabras de los encabezados de nuestra plantilla comienzan con la Inicial en mayúscula, y nosotros queremos que sólo empiece con mayúscula la primera letra de la primera palabra de la frase. En este caso nuestro código nos dice lo siguiente:
He aquí el código que nos dice que la inicial esté siempre en mayúscula, por lo que tendremos que poner en nuestro CSS, el siguiente código:
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
text-transform: none;
}
En CSS, la etiqueta Text-Transform puede tener diferentes valores con diferentes significados:
text-transform: capitalize; fuerza que la primera letra de cada palabra sea escrita en mayúscula
text-transform: uppercase; fuerza que todas las letras sean escritas en minúscula
text-transform: lowercase; fuerza que todas las letras sean escritas en mayúscula
text-transform: none; hace que los caracteres no sean alterados, por lo que aparecerán tal y como nosotros los escribimos
Ahora, solo nos restaría añadir este código a nuestro CSS. Para ello, podemos utilizar un módulo gratuito para prestashop 1.7 que os dejamos en el enlace adjunto.
