Partes Modelos CSS

Modelos CSS para Catálogos de Peças com Itens Semelhantes

Duas fichas de produto em um catálogo de peças podem parecer idênticas e significar coisas completamente diferentes. Um item será enviado hoje à tarde, o segundo é um pedido especial com prazo de entrega de seis semanas e o terceiro foi descontinuado em favor de uma versão mais recente. O estilo torna essa diferença visível antes mesmo de alguém clicar, e os modelos CSS para peças oferecem aos fornecedores um conjunto de regras visuais para essas distinções.

Status do Estoque em Fichas Idênticas

As condições de estoque mudam mais rápido do que as fotos dos produtos, então os indicadores associados a elas são os que mais importam no dia a dia.

Algumas dessas condições merecem atenção especial:

• Em estoque, estoque baixo e pedido pendente, diferenciados por algo mais forte do que apenas a cor.

• Itens de pedido especial, onde o prazo de entrega deve estar ao lado do preço.

• Componentes descontinuados indicando o substituto.

• Compatibilidade confirmada com a máquina selecionada e um aviso quando a compatibilidade não for adequada.

Distribuidores que trabalham lado a lado com linhas de peças originais (OEM) e de reposição precisam de mais um sinal, pois a diferença de preço gera dúvidas que uma pequena etiqueta responde mais rapidamente do que um parágrafo.

Facilitando a Leitura de Códigos Longos

O número da peça é o nome real do produto, portanto, merece mais destaque visual do que o texto ao redor. Um formato de largura fixa, espaçamento maior entre letras e alto contraste tornam um código de dezenove caracteres mais fácil de ler em voz alta e comparar com o código impresso. Tabelas de especificações recebem a mesma atenção, com unidades alinhadas, separadores de linha discretos e larguras de coluna constantes ao longo da lista.

O Nicepage cobre a maior parte disso por meio de seus controles visuais, e o CSS personalizado cuida do que não é feito automaticamente. A documentação do CSS personalizado explica como regras são adicionadas e classes são atribuídas a elementos, mantendo elementos específicos do catálogo, como etiquetas de compatibilidade, linhas de comparação ou filtros, fora do sistema visual geral.

Telas estreitas exigem menos colunas

Em celulares, o estilo do catálogo geralmente sofre alterações. Um código de vinte caracteres quebra no meio e se divide em duas partes sem sentido, uma tabela de especificações empurra o preço para fora da tela e quatro cartões em sequência não permitem leitura. Quebra de linha controlada, uma tabela com rolagem lateral e um número de cartões que diminui conforme a tela se estreita resolvem a maioria desses problemas.

Vale a pena manter essas configurações, já que uma regra que existe para uma família de produtos com descrições excepcionalmente longas não deve ser aplicada a todos os cartões do catálogo. O estilo que sobrevive a um catálogo crescente geralmente é o mais básico: uma linguagem visual para itens repetidos, além de uma pequena lista de exceções que justificam sua existência.