Guía – Establecer separador en las características en la ficha técnica en Prestashop 1.5

Esta guía, está realizada bajo Prestashop 1.5.4.1.

Por defecto en Prestashop 1.5.4.1, cuando vemos en la ficha del producto la ficha técnica, el valor de la característica no aparece separado con un guion, ni con ningún otro signo.

fichatecnica

Como vemos por ejemplo en la imagen, aparece “Alto”, después un espacio y después el valor de la característica.

Para colocar un “guion” de separador, debemos ir al fichero:

/themes/default/product.tpl

Buscamos la siguiente línea:

<li><span>{$feature.name|escape:'htmlall':'UTF-8'}</span> {$feature.value|escape:'htmlall':'UTF-8'}</li>

Y la dejamos así:

<li><span>{$feature.name|escape:'htmlall':'UTF-8'}</span> -{$feature.value|escape:'htmlall':'UTF-8'}</li>

En este caso, hemos establecido un guion como separador, de esta manera la ficha técnica en Prestashop, se verá como mostramos en la siguiente imagen:

fechica

Igual que hemos puesto un guion de separador, podríamos haber puesto otro signo, como por ejemplo:

<li><span>{$feature.name|escape:'htmlall':'UTF-8'}</span> | {$feature.value|escape:'htmlall':'UTF-8'}</li>

separado

Si por ejemplo quisiéramos que el separador tuviera un color “especial”, lo podríamos dejar así:

<li><span>{$feature.name|escape:'htmlall':'UTF-8'}</span> <span class="chfirvel">-</span> {$feature.value|escape:'htmlall':'UTF-8'}</li>

Y luego añadir el color de la clase “chfirvel”, por ejemplo en el fichero:

/themes/default/css/product.css

.chfirvel {
color: #d73532;
font-weight: bold;
font-size: 16px;
}

En este caso asignamos un color (una especie de rojo) al separador (color: #d73532), el tamaño de la fuente a 16px (font-size: 16px), y en negrita (font-weight: bold).

Por ejemplo, en este caso lo veremos así:

colorseparador

Print Friendly, PDF & Email
Hosting Prestashop