Converter um bloco do editor visual em código

Quando um bloco feito no editor visual precisa de comportamento que o editor não tem (um cálculo, um filtro, uma integração), podes convertê-lo em código. A Feitora gera uma secção React com o mesmo aspeto, que um programador continua a partir daí.

O que é gerado

• secoes/<nome>.jsx — o componente React. Os textos, imagens, ligações, vídeos e coleções do bloco passam a ser campos do esquema, por isso continuam editáveis no editor visual.

• estilos/<nome>.css — uma classe por elemento, com os estilos de computador, tablet, telemóvel e :hover.

O código usa o SDK da Feitora (Img, Link, Icon, ProductGrid, formulários) e fica igual a qualquer outro ficheiro do código da loja.

Converter

1. 1
   Passo 1:

   No editor visual, seleciona o bloco livre que queres converter.

2. 2
   Passo 2:

   Escolhe Converter em código e dá um nome à secção (minúsculas, números e "-", ex.: promo-verao).

3. 3
   Passo 3:

   Se já existir uma secção com esse nome, a Feitora avisa — escolhe outro nome ou confirma que a queres substituir.

4. 4
   Passo 4:

   Abre Conteúdo → Código: o ficheiro novo está em secoes/. Compila, pré-visualiza e publica como qualquer outra secção.

5. 5
   Passo 5:

   Depois de publicada, adiciona-a às páginas em Adicionar secção e remove o bloco original, se já não precisares dele.

O que não passa para o código