Modificar color de celdas de Ficha técnica del producto.

[Acatso]

Hola, tengo una tienda con la que uso PS1.6, todo excelente pero...

 

necesito modificar el color de ciertas celdas o filas se podría decir para resaltarlas, que se note que pertenecen a una diferente descripción del producto.. me explico.

 

MI FICHA TECNICA LUCE ASI.. algo confusa...

 

 

Y QUIERO QUE QUEDE ASI.. se entienda un poco mas

 

 

Podrian ayudarme a modificarla... donde se encuentra la tabla en PS 1.6 para buscarla con Filezilla.

 

Ayuda porfavor. Gracias por sus respuestas!

[nadie]

De forma Global:

 

Pares,

 

Fichero:

/themes/default-bootstrap/css/product.css

Fondo:

.table-data-sheet tr.even {
background: #fdfdfd;
}

Cambia ese background por otro.

 

----

 

Si en cambio quieres cambiar el background de los impares, añade un background al:

.table-data-sheet tr {
border-top: 1px solid #d6d4d4;
}

Esta tambien en el fichero:

/themes/default-bootstrap/css/product.css

----

 

Un consejo para saber que css modificar y que linea en las dudas que tengas en un presente u futuro, te servira de ayuda el inspeccionar elemento de chrome (boton derecho ratón -> inspeccionar elemento) o desde el mismo firebug: http://www.prestashop.com/forums/topic/209203-uso-basico-de-firebug/

Edited November 10, 2014 by nadie (see edit history)

[nadie]

Añado:
 
Si en cambio quieres que cada característica tenga un fondo distinto, edita el fichero:
 

/themes/default-bootstrap/product.pl

Busca esto:
 

<tr class="{cycle values="odd,even"}">

Y déjalo así:
 

<tr class="{cycle values="odd,even"} {l s='nadie'}{$feature.id_feature}">

Cambiar fondo característica con ID 9, añadir en css:
 

.table-data-sheet tr.nadie9 {
background: codigo_color;
}

----
 

Edited November 10, 2014 by nadie (see edit history)

[Acatso]

Añado:

 

Si en cambio quieres que cada característica tenga un fondo distinto, edita el fichero:

 

/themes/default-bootstrap/product.pl

Busca esto:

 

<tr class="{cycle values="odd,even"}">

Y déjalo así:

 

<tr class="{cycle values="odd,even"} {l s='nadie'}{$feature.id_feature}">

Cambiar fondo característica con ID 9, añadir en css:

 

.table-data-sheet tr.nadie9 {
background: codigo_color;
}

----

 

 

Gracias por responder, justamente quiero hacer lo que has añadido, cambiar de colores ciertas características.

Entiendo lo de reemplazar esto;

 

<tr class="{cycle values="odd,even"}">

 

por esto

 

<tr class="{cycle values="odd,even"} {l s='nadie'}{$feature.id_feature}">

 

pero en que parte especifíco el color que llevara cada característica?

 

gracias 

Edited November 10, 2014 by Acatso (see edit history)

[nadie]

En el css lo especificas el color, en el tpl es para distinguir id de caractericticas y en el css (por ejemplo en el product.css) añades el color que quieres mostrar a cada caracterictica.

.table-data-sheet tr.nadie9 {
background: codigo_color;
}

.table-data-sheet tr.nadie4 {
background: codigo_color;
}

etc...

etc...

[Acatso]

 

En el css lo especificas el color, en el tpl es para distinguir id de caractericticas y en el css (por ejemplo en el product.css) añades el color que quieres mostrar a cada caracterictica.

.table-data-sheet tr.nadie9 {
background: codigo_color;
}

.table-data-sheet tr.nadie4 {
background: codigo_color;
}

etc...

etc...

 

Agradezco tu solución funciona pero hay un pequeño problema que con mi poco conocimiento no he podido solucionarlo  ...

 

usando firebug lo que entiendo es que la tabla "FICHA TECNICA" tiene dos tipos de filas intercaladas, la una se llama "odd" (la mas gris) y la otra "even" (la blanca)

 

pues bien tu código esta correcto pero por alguna razón solo pinta del color que pongo las filas que sean "odd" y a las "even" simplemente no les hace nada. 

 

porfaaaa ayuda 

[nadie]

Metele un !important

.table-data-sheet tr.nadie9 {
background: codigo_color !important;
}

.table-data-sheet tr.nadie4 {
background: codigo_color !important;
}

etc...

etc...

Por cierto recuerda que eso afectara a todos los productos que usen esa caracterictica, si es solo para un producto concreto, habria que cambiar esto:

<tr class="{cycle values="odd,even"} {l s='nadie'}{$feature.id_feature}">

por

<tr class="{cycle values="odd,even"} {l s='producto'}{$product->id|intval}{l s='nadie'}{$feature.id_feature}">

y el css sería:

.table-data-sheet tr.producto5nadie4 {
background: codigo_color !important;
}

etc..

Es decir en ese caso producto con id 5 y característica id 4

 

--------------

 

Lo del !important es para que la regla css tenga la maxima prioridad