Gracias @silviaadmin por el excelente apunte. @ivan24, tiene razón. La estructura HTML para las características del producto en el tema Classic (y por extensión en PrestaShop 9.1.4, que asumo que es la que usas) no es una tabla <table> sino una lista de definición <dl> dentro de la sección .product-features. Esto significa que tus selectores CSS para table, tr y td no tienen efecto.
Para conseguir el efecto de "raya de cebra" y los bordes redondeados, debes ajustar tu CSS para apuntar a los elementos <dl>, <dt> y <dd>.
Aquí tienes el CSS corregido para tu themes/classic/assets/css/custom.css:
.product-features .data-sheet {
border: 1px solid #eee;
border-radius: 8px;
overflow: hidden;
}
.product-features .data-sheet dt,
.product-features .data-sheet dd {
padding: 10px 15px;
border-bottom: 1px solid #eee;
}
Explicación de los cambios:
.product-features .data-sheet: Este es el contenedor principal de la lista de características. Le aplicamos el border, border-radius y overflow: hidden para que el contenedor tenga los bordes redondeados y los elementos internos no sobresalgan.dt, dd: Aplicamos padding y border-bottom a cada dt y dd para simular las celdas y sus separadores. Es importante usar last-of-type para eliminar el border-bottom del último par y que el border-radius del contenedor se vea bien.dt:nth-of-type(even), dt:nth-of-type(even) + dd: Este es el truco para las rayas de cebra. nth-of-type(even) selecciona cada segundo elemento dt. Luego, + dd selecciona el elemento dd que es hermano inmediato de ese dt par. De esta forma, cada par de "fila" (dt y dd) alterna el color de fondo, creando el efecto deseado.
Guarda este CSS en custom.css y asegúrate de que tu navegador no esté sirviendo una versión cacheada antigua. Con esto deberías ver el estilo aplicado correctamente.