Desenhar produtos e coleções

Este guia descreve o Fy2Press 1.0.0. As telas podem mudar em versões posteriores, então confira a versão exibida na tela Plugins antes de segui-lo.

Resultado esperado

A apresentação de produtos e coleções usa a oficina de design FREE incluída ou os controles visuais PRO entregues, sem alterar a responsabilidade da Shopify sobre o comércio.

Use a oficina visual incluída, os templates padrão e os controles PRO entregues, sem confundir uma prévia bloqueada com um mecanismo ativo.

Antes de começar

• Produtos sincronizados representativos com imagens, títulos longos, preços, variantes e estados de disponibilidade.
• Um tema WordPress conhecido e as larguras de página pretendidas.
• A referência de capacidades por edição para o pacote FREE ou PRO instalado.
• Um ponto de restauração das configurações de design antes de mudanças amplas.

Planeje uma forma de voltar atrás antes de começar: um backup ou uma cópia de teste do site (staging), o produto da Shopify que servirá de comparação e a página do WordPress que deve mostrar o resultado. Comece com um teste pequeno que você possa repetir.

O que este guia abrange

O FREE expõe uma oficina global básica de produto e coleção com pré-visualização. O PRO acrescenta o editor avançado, a personalização de componentes, os controles responsivos, múltiplos templates e CSS personalizado. Não há predefinições salvas nem importação ou exportação de configurações.

Lembre-se de quem faz o quê: a Shopify mantém os produtos, o estoque, os pedidos, os pagamentos e o checkout; o Fy2Press traz o catálogo para o WordPress e o exibe; o WordPress hospeda suas páginas e seu conteúdo editorial. Nada neste guia transfere pedidos, clientes ou pagamentos para o WordPress.

Etapas

1. Abra Design e selecione a superfície de produto ou coleção que pretende alterar.
2. Ajuste apenas um pequeno conjunto de controles globais e depois compare a pré-visualização com dados de catálogo representativos.
3. No PRO, separe as mudanças por componente das responsivas, para que cada diferença possa ser revisada e revertida.
4. Pré-visualize textos longos, imagens ausentes, preços promocionais, controles de variante e estados sem estoque.
5. Publique somente após testar a página real do WordPress, não apenas a pré-visualização do Design.

Revise o resultado antes de tornar uma página pública. Uma mensagem de sucesso é um bom sinal, mas a página pública e o caminho de compra na Shopify também precisam coincidir.

Verificar o resultado

• Os padrões de produto e coleção continuam utilizáveis sem os controles PRO.
• As mudanças responsivas preservam a ordem de leitura, o foco e as ações de compra a 320 pixels.
• Um downgrade não apaga as configurações PRO salvas nem o conteúdo do catálogo.

Confira o resultado onde os visitantes vão vê-lo: abra a página pública do WordPress, e não apenas a tela do Fy2Press, e compare um produto representativo com a Shopify, incluindo preço, disponibilidade, variantes e coleção. Repita uma pequena alteração uma vez para confirmar que o comportamento é estável.

Problemas comuns

• Pré-visualização e frontend divergem: identifique se a divergência pertence ao tema, ao renderizador do construtor ou a uma configuração de design salva.
• Um controle PRO aparece bloqueado no FREE: trate-o como informação contextual do produto, não como um mecanismo ativo.
• O layout quebra no mobile: volte aos padrões globais e reintroduza as mudanças um componente e um breakpoint por vez.

Quando algo inesperado acontecer, interrompa as operações grandes e tente de novo com um único produto e uma única página. Guarde a mensagem de erro exata antes de alterar configurações ou limpar caches.

Solução de problemas

1. Confirme a versão e a edição do plugin (FREE ou PRO).
2. Reproduza o problema com um único produto de teste.
3. Determine se o problema vem da Shopify, do Fy2Press ou do seu tema do WordPress.
4. Compare o resultado com o que a sua edição inclui, conforme descrito no guia de edições.
5. Restaure sua configuração de teste, tente mais uma vez e anote se o resultado se repete.

Segurança e dados

O CSS personalizado é uma capacidade de publicação PRO. Limite-o a administradores confiáveis, evite importações remotas e nunca incorpore credenciais ou dados de clientes em estilos ou templates.

Se você pedir ajuda, anote a versão do plugin, as versões do WordPress e do PHP, seu tema ou construtor de páginas, o endereço da página e as etapas que você seguiu. Use produtos de teste e remova das capturas de tela os tokens, os dados de clientes, os detalhes de pedidos e os endereços privados antes de compartilhá-las.

Efeito nas buscas

O design pode alterar a ordem dos títulos, a visibilidade do texto, os rótulos dos links e a estabilidade do layout. Valide a estrutura semântica renderizada, os nomes acessíveis e o comportamento cumulativo do layout após cada mudança de template.

Informações para o suporte

Se você pedir ajuda, anote a versão do plugin, as versões do WordPress e do PHP, seu tema ou construtor de páginas, o endereço da página e as etapas que você seguiu. Use produtos de teste e remova das capturas de tela os tokens, os dados de clientes, os detalhes de pedidos e os endereços privados antes de compartilhá-las.

Guias relacionados

• Instalação
• Publicar com WordPress
• Google e SEO
• Segurança e dados

Versão e disponibilidade

Documentação do Fy2Press 1.0.0. O plugin gratuito está disponível no WordPress.org. O PRO é vendido separadamente pela Freemius, nossa fornecedora de licenças e pagamentos.