Partes Plantillas CSS

Plantillas CSS de repuestos para catálogos con artículos similares

Dos fichas de producto en un catálogo de repuestos pueden verse idénticas y significar cosas completamente distintas. Un artículo se envía esta misma tarde, el segundo es un pedido especial con seis semanas de espera y el tercero se ha descatalogado a favor de una versión más reciente. El estilo visual hace visible esa diferencia antes de hacer clic, y las plantillas CSS de repuestos proporcionan a los distribuidores un conjunto de reglas visuales para estas distinciones.

Estado del stock en fichas idénticas

Las condiciones de inventario cambian con mayor rapidez que las fotografías de los productos, por lo que las señales asociadas realizan la mayor parte del trabajo diario.

Algunas de estas condiciones merecen un tratamiento propio:

• En stock, stock bajo y pedido pendiente, diferenciados por algo más evidente que el color por sí solo.
• Artículos bajo pedido especial, donde el plazo de entrega debe figurar junto al precio.
• Componentes descatalogados que dirigen al repuesto que los sustituye.
• Compatibilidad confirmada con la máquina seleccionada y una advertencia si la pieza no encaja.

Los distribuidores que comercializan recambios originales (OEM) y del mercado de accesorios de forma paralela requieren una señal adicional, ya que la diferencia de precio plantea una duda que una pequeña etiqueta resuelve con mayor rapidez que un párrafo entero.

Facilitar la lectura de códigos largos

El número de pieza es el nombre real del producto, por lo que merece mayor peso visual que el texto circundante. Una tipografía de ancho fijo, un espaciado entre letras más amplio y un contraste definido facilitan leer en voz alta un código de diecinueve caracteres y cotejarlo con la pieza desgastada sobre el banco de trabajo. Las tablas de especificaciones exigen la misma atención, con unidades alineadas, separadores de fila discretos y anchos de columna que se mantienen uniformes a lo largo de la lista.

Nicepage resuelve la mayor parte de estas necesidades mediante sus controles visuales, mientras que Custom CSS Code se encarga del resto. La documentación sobre CSS personalizado explica cómo añadir reglas y asignar clases a los elementos, manteniendo tratamientos específicos del catálogo como insignias de compatibilidad, filas de comparación o selectores de filtros fuera del sistema visual general.

Las pantallas estrechas requieren menos columnas

En los teléfonos, el diseño visual del catálogo suele fallar. Un código de veinte caracteres se divide a la mitad y se convierte en dos fragmentos sin sentido, una tabla de especificaciones oculta el precio fuera de la vista y cuatro fichas en una sola fila impiden una lectura clara. Un ajuste de línea controlado, una tabla con desplazamiento lateral y una reducción de fichas a medida que la pantalla se estrecha solucionan la gran mayoría de estos inconvenientes.

Conviene acotar estrictamente estas reglas de anulación, ya que una instrucción pensada para una familia de productos con descripciones inusualmente largas no tiene por qué alterar todas las fichas del catálogo. El estilo que perdura al crecer el catálogo suele ser el más sobrio: un lenguaje visual único para los elementos repetitivos, acompañado de una breve lista de excepciones plenamente justificadas.