O bloco Informações adicionais permite exibir dados de atributos do produto do WooCommerce em seus modelos de produto único. Esse bloco extrai e mostra automaticamente as informações da seção Atributos adicionais de cada produto, apresentando especificações como dimensões, peso, cor, material e outros atributos personalizados em um formato de tabela organizado.
Este bloco é essencial para modelos de produto único, nos quais você deseja apresentar especificações e atributos detalhados do produto em um layout limpo e profissional. Ele ajuda os clientes a tomar decisões de compra informadas, fornecendo todos os detalhes técnicos e especificações de que precisam em um piscar de olhos.
Adicionando o bloco de informações adicionais às suas páginas
Siga estas etapas para adicionar um bloco de Informações adicionais ao seu modelo de produto único do SeedProd:
Passo 1: Adicione o bloco
Em Design > Blocos > Tags de modelo do WooCommerce, arraste e solte o bloco Informações adicionais na seção desejada do seu modelo de produto único.
O bloco Informações adicionais está localizado em Tags de modelo do WooCommerce e pode ser adicionado ao seu Modelo de produto único.
Etapa 2: Configurar as definições de conteúdo
Depois de adicioná-lo, clique no bloco Informações adicionais para abrir suas configurações. Na guia Conteúdo, você pode personalizar como os atributos do produto são exibidos.
- Cabeçalho: insira ou edite o texto do cabeçalho que aparece acima da tabela de atributos do produto (por exemplo, “Informações adicionais” ou “Especificações do produto”).
- Tipografia do cabeçalho: personalize as propriedades da fonte do cabeçalho da seção, incluindo família, tamanho, espessura e estilo da fonte.
- Cor do cabeçalho: defina a cor do texto do cabeçalho para combinar com o seu design
- Tipografia: controle as propriedades da fonte para os rótulos e valores dos atributos na tabela, incluindo família, tamanho, espessura e estilo da fonte.
- Cor do texto: escolha a cor do texto do atributo para garantir uma boa legibilidade.
A guia Conteúdo permite personalizar o texto do cabeçalho, a tipografia e as cores para a exibição dos atributos do produto.
Etapa 3: Personalizar o design
Na guia Avançado, você pode personalizar a aparência visual do seu bloco Informações adicionais:
Espaçamento:
- Margem: controle o espaçamento externo ao redor do seu bloco de Informações adicionais (superior, direito, inferior, esquerdo). Isso determina quanto espaço aparece entre o bloco e os elementos ao redor.
- Preenchimento: ajuste o espaçamento interno do seu bloco de Informações adicionais (superior, direito, inferior, esquerdo). Isso cria um espaço entre o conteúdo e as bordas do bloco.
Atributos:
- CSS ID: Exibe o identificador único gerado automaticamente para o seu bloco de Informações Adicionais. Este ID é criado automaticamente pelo SeedProd para personalização de estilo ou segmentação JavaScript.
- Classe personalizada: adicione classes CSS personalizadas para aplicar estilos específicos do seu tema ou CSS personalizado.
- Atributos personalizados: adicione quaisquer atributos HTML ao elemento wrapper do bloco. Insira cada atributo em uma nova linha usando o formato: nome-do-atributo|valor (por exemplo, data-product-info|attributes)
Visibilidade do dispositivo:
- Ocultar na área de trabalho: oculta o bloco Informações adicionais nas telas da área de trabalho.
- Ocultar no tablet: oculte o bloco Informações adicionais em dispositivos tablet.
- Ocultar no celular: Oculte o bloco Informações adicionais em dispositivos móveis.
Efeitos de animação:
- Animação de entrada: escolha entre vários efeitos de animação que são reproduzidos quando o bloco de informações adicionais é exibido. As opções incluem saltar, aparecer gradualmente, ampliar, girar e muito mais. Isso chama a atenção para as especificações do seu produto.
A guia Avançado oferece opções para espaçamento, atributos personalizados, visibilidade do dispositivo e animações de entrada.
Etapa 4: Salve suas alterações
Depois de terminar de configurar o bloco Informações adicionais e personalizar sua aparência, certifique-se de salvar seu trabalho.
Você adicionou com sucesso um bloco de Informações adicionais ao seu modelo de produto único! Esse bloco exibe automaticamente os atributos e especificações do produto em um formato de tabela organizado e claro, ajudando os clientes a tomar decisões de compra informadas. Experimente diferentes configurações de tipografia e cores para criar uma exibição de informações do produto que corresponda à sua marca e aprimore suas páginas de produtos.