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

Por defecto, en Prestashop, 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.

Ficha técnica en Prestashop
Ficha técnica en Prestashop

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:

[sourcecode language=»text»]

  • {$feature.name|escape:’htmlall’:’UTF-8′} {$feature.value|escape:’htmlall’:’UTF-8′}

    • [/sourcecode]

    Y la dejamos así:

    [sourcecode language=»text»]

  • {$feature.name|escape:’htmlall’:’UTF-8′} -{$feature.value|escape:’htmlall’:’UTF-8′}

    • [/sourcecode]

    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:

    Establecida separación dentro de la ficha técnica
    Establecida separación dentro de la ficha técnica

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

    [sourcecode language=»text»]

  • {$feature.name|escape:’htmlall’:’UTF-8′} | {$feature.value|escape:’htmlall’:’UTF-8′}

    • [/sourcecode]

    Otro separador a modo de ejemplo
    Otro separador a modo de ejemplo

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

    [sourcecode language=»text»]

  • {$feature.name|escape:’htmlall’:’UTF-8′} – {$feature.value|escape:’htmlall’:’UTF-8′}

    • [/sourcecode]

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

    /themes/default/css/product.css

    [sourcecode language=»css»]
    .chfirvel {
    color: #d73532;
    font-weight: bold;
    font-size: 16px;
    }
    [/sourcecode]

    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í:

    Separador y color añadido en la ficha técnica del producto
    Separador y color añadido en la ficha técnica del producto

    Este documento ha sido creado bajo Prestashop 1.5.4.1

    * Es posible que en futuras versiones de Prestashop, esta opción la podamos configurar desde el panel de administración, pero por el momento lo comentado es lo que tenemos.