O bloco Descrição resumida extrai e exibe dinamicamente a descrição resumida de cada produto WooCommerce nos seus modelos de produto único. Em vez de escrever uma descrição estática, este bloco utiliza um código curto para obter automaticamente a descrição resumida correta para cada produto do seu catálogo, mantendo os seus modelos precisos sem qualquer esforço manual.
Este bloco foi projetado exclusivamente para uso em modelos de produto único. A descrição resumida geralmente aparece perto do título e do preço do produto, oferecendo aos compradores uma visão geral concisa do produto antes que eles continuem lendo. Você pode complementar o código de atalho com texto personalizado, ajustar o alinhamento e o tamanho da fonte por dispositivo e aplicar estilos tipográficos e de cor para que a descrição se adapte perfeitamente à sua marca.
Adicionando o bloco de descrição curta às suas páginas
Siga estas etapas para adicionar um bloco de Descrição Resumida 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 Descrição curta na seção desejada do seu modelo de produto único.
Etapa 2: Configurar as definições de conteúdo
Depois de adicioná-lo, clique no bloco Descrição resumida para abrir suas configurações. Na guia Conteúdo, a seção Texto contém o campo de código de atalho e as opções de exibição para a descrição resumida do produto.
- Texto: O campo de conteúdo é pré-preenchido com o
shortcode, que busca automaticamente a descrição resumida do WooCommerce para cada produto. Você pode adicionar texto personalizado antes ou depois do shortcode, se necessário. Alterne entre o Editor visual (texto rico) e Editar HTML (código) usando o botão abaixo do campo. - Alinhamento: defina o alinhamento horizontal do texto da descrição — Esquerda, Centro ou Direita. Suporta alinhamento por dispositivo para desktop, tablet e celular.
- Tamanho da fonte: defina o tamanho da fonte do texto descritivo usando o controle deslizante (10–72 px). Suporta dimensionamento por dispositivo para desktop, tablet e celular.
Etapa 3: Personalizar o design
Na guia Avançado, você pode definir o estilo da aparência do texto da descrição e controlar sua visibilidade em todos os dispositivos.
Estilos:
- Tipografia: defina a família de fontes, a espessura, a altura da linha, o espaçamento entre letras e a transformação do texto para a descrição curta, proporcionando um controle preciso além do controle deslizante Tamanho da fonte da guia Conteúdo.
- Cor: defina a cor do texto da descrição resumida.
- Sombra do texto: adicione um efeito de sombra diretamente ao texto da descrição. Escolha entre tamanhos predefinidos (Nenhum, Fino, Pequeno, Médio, Grande, Extragrande, 2X Grande) para adicionar profundidade ou ênfase ao texto.
- Sombra: Adicione uma sombra ao elemento de bloco geral para destacá-lo visualmente do conteúdo da página ao redor.
Espaçamento:
- Margem: controle o espaçamento externo ao redor do bloco Descrição curta (superior, direito, inferior, esquerdo). Isso determina quanto espaço aparece entre a descrição e os elementos ao redor, como o título do produto ou o botão Adicionar ao carrinho.
- Preenchimento: ajuste o espaçamento interno do seu bloco Descrição curta (superior, direito, inferior, esquerdo). Isso cria um espaço entre o texto da descrição e as bordas do bloco.
Atributos:
- CSS ID: Exibe o identificador exclusivo gerado automaticamente para o seu bloco de Descrição Curta. Esse 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-description|short).
Visibilidade do dispositivo:
- Ocultar na área de trabalho: oculta o bloco Descrição resumida nas telas da área de trabalho.
- Ocultar no tablet: oculte o bloco Descrição resumida em dispositivos tablet.
- Ocultar no celular: oculte o bloco Descrição resumida 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 Descrição resumida é exibido. As opções incluem Saltar, Aparecer gradualmente, Ampliar, Girar e muitas outras.
Etapa 4: Salve suas alterações
Depois de terminar de configurar o bloco Descrição resumida e personalizar sua aparência, certifique-se de salvar seu trabalho.
Você adicionou com sucesso um bloco de Descrição Resumida ao seu Modelo de Produto Único! O bloco exibe automaticamente a descrição resumida correta para cada produto em sua loja WooCommerce, economizando seu tempo e garantindo consistência em todo o seu catálogo. Experimente diferentes tipos de tipografia, cores de texto e alinhamento por dispositivo para apresentar as descrições dos seus produtos de uma forma que incentive os compradores a realizar uma compra.