O Bloco de Descrição Curta busca e exibe dinamicamente a descrição curta de cada produto WooCommerce em seus Modelos de Produto Único. Em vez de escrever uma descrição estática, este bloco usa um shortcode para buscar automaticamente a descrição curta correta para cada produto em seu catálogo, mantendo seus modelos precisos sem nenhum esforço manual.
Este bloco foi projetado exclusivamente para uso em Modelos de Produto Único. A descrição curta 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 leiam mais. Você pode complementar o shortcode com texto personalizado, ajustar o alinhamento e o tamanho da fonte por dispositivo, e aplicar estilos de tipografia e cor para que a descrição se ajuste perfeitamente à sua marca.
Adicionando o Bloco de Descrição Curta às Suas Páginas
Siga estas etapas para adicionar um bloco de Descrição Curta ao seu Modelo de Produto Único do SeedProd:
Etapa 1: Adicionar 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
Uma vez adicionado, clique no bloco Descrição Curta para abrir suas configurações. Na aba Conteúdo, a seção Texto contém o campo do shortcode e as opções de exibição para a descrição curta do produto.
- Texto: O campo de conteúdo é pré-preenchido com o shortcode
, que busca automaticamente a descrição curta do WooCommerce para cada produto. Você pode adicionar texto personalizado antes ou depois do shortcode, se necessário. Alterne entre o Editor Visual (rich text) e os modos 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 da descrição usando o controle deslizante (10–72px). Suporta dimensionamento por dispositivo para desktop, tablet e celular.
Etapa 3: Personalizar o Design
Na aba Avançado, você pode estilizar a aparência do texto da descrição e controlar sua visibilidade em diferentes dispositivos.
Estilos:
- Tipografia: Defina a família da fonte, peso, altura da linha, espaçamento entre letras e transformação de texto para o texto da descrição curta, oferecendo controle detalhado além do controle deslizante de Tamanho da Fonte da aba Conteúdo.
- Cor: Defina a cor do texto da descrição curta.
- Sombra do Texto: Adicione um efeito de sombra diretamente ao texto da descrição. Escolha entre tamanhos predefinidos (Nenhum, Fio de Cabelo, Pequeno, Médio, Grande, X Grande, 2X Grande) para adicionar profundidade ou ênfase à cópia.
- Sombra: Adicione uma sombra de caixa ao elemento de bloco geral para destacá-lo visualmente do conteúdo da página circundante.
Espaçamento:
- Margem: Controle o espaçamento externo ao redor do seu bloco de Descrição Curta (Superior, Direita, Inferior, Esquerda). Isso determina quanto espaço aparece entre a descrição e os elementos circundantes, como o título do produto ou o botão adicionar ao carrinho.
- Preenchimento: Ajuste o espaçamento interno dentro do seu bloco de Descrição Curta (Superior, Direita, Inferior, Esquerda). Isso cria espaço para respirar entre o texto da descrição e as bordas do bloco.
Atributos:
- ID CSS: Exibe o identificador exclusivo gerado automaticamente para o seu bloco de Descrição Curta. Este ID é criado automaticamente pelo SeedProd para estilização personalizada ou segmentação por 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 no Desktop: Oculte o bloco de Descrição Curta em telas de desktop.
- Ocultar no Tablet: Oculte o bloco de Descrição Curta em dispositivos tablet.
- Ocultar no Celular: Oculte o bloco de Descrição Curta 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 Descrição Curta entra na visualização. As opções incluem Bounce, Fade In, Zoom In, Rotate In e muitos outros.
Etapa 4: Salve Suas Alterações
Depois de terminar de configurar o bloco de Descrição Curta e personalizar sua aparência, certifique-se de salvar seu trabalho.
Você adicionou com sucesso um bloco de Descrição Curta ao seu Modelo de Produto Único! O bloco exibe automaticamente a descrição curta correta para cada produto em sua loja WooCommerce, economizando seu tempo e garantindo a consistência em todo o seu catálogo. Experimente a tipografia, a cor do texto e o alinhamento por dispositivo para apresentar suas descrições de produto de uma forma que guie os compradores para uma compra.