(SOLUCIONADO)-Pestaña "Ficha tecnica" productos con formato CSS o html

[Javier Delgado]

Hola a todos. Estoy intentado dar formato a la pestaña "ficha tecnica" de los productos pero no encuentro forma. Aparecen todos los datos como si fueran un listado segun he mirado en  product.tpl.

 Hay alguna forma de darle formato css o en html como si fuera  la pestaña "mas"?.

 La idea es que las caracteristicas que he añadido a cada articulo tenga un formato más elaborado que  el listado que aparece actualmente. Y no tenga que estar escribiendo manualmente cada dato de la pestaña "mas"

 Os adjunto una imagen de lo que quisiera conseguir. La versión que utilizo es la 1.5.3.1

Gracias a todos

 

Edited October 21, 2013 by Javier Delgado (see edit history)

[nadie]

Vamos a imaginar que usas la plantilla por defecto, que lo desconozco.

 

Este ejemplo esta basado en Prestashop 1.5.6 con la plantilla por defecto, por lo que supongo que no habra problemas en que lo apliques en tu versión de Prestashop.

 

Fichero:

 

/themes/default/product.tpl

Busca esto:

 

  {if isset($features) && $features}
                <!-- product's features -->
                <ul id="idTab2" class="bullet">
                {foreach from=$features item=feature}
            {if isset($feature.value)}
                            <li><span>{$feature.name|escape:'htmlall':'UTF-8'}</span> {$feature.value|escape:'htmlall':'UTF-8'}</li>
            {/if}
                {/foreach}
                </ul>
        {/if}

Y déjalo así:

 

 {if isset($features) && $features}
                <!-- product's features -->
                <ul id="idTab2" class="bullet">
								<div id="tablacaractericticas">

                {foreach from=$features item=feature}

            {if isset($feature.value)}
<div class="atribfeatu">{$feature.name|escape:'htmlall':'UTF-8'}</div>
<div class="valorfeatu">{$feature.value|escape:'htmlall':'UTF-8'}</div>
<div class="limpiarPantalla"></div>
            {/if}
			
                {/foreach}
				</div>
                </ul>
        {/if}

 

Luego en el fichero:

 

/themes/default/css/product.css

Añade esto:

 

#tablacaractericticas {
font-size: 14px;
width: 100%;
}

#tablacaractericticas .atribfeatu {
float: left;
padding: 9px;
border-bottom: 1px solid white;
width: 31%;
background: codigo_color_fondo;
}

#tablacaractericticas .valorfeatu {
float: left;
padding: 9px;
border-bottom: 1px solid white;
width: 60%;
background: codigo_color_fondo;
}

#tablacaractericticas  .limpiarPantalla {clear:both;}

Ya vas calculando tu..

[nadie]

(He actualizado mi mensaje, revisalo ahora)

 

Donde digo codigo_de_color, colocas el fondo que quieras poner a las caractericticas dentro de: #tablacaractericticas .atribfeatu y al valor de las características dentro de #tablacaractericticas .valorfeatu)

[Javier Delgado]

Eres un hacha. Lástima que abandones el foro pronto. Saludos gracias por todo

[nadie]

Eres un hacha. Lástima que abandones el foro pronto. Saludos gracias por todo

 

Un placer ayudarte y servirte!

 

PD: Cierro tema.

 

Saludos,