As variações do WooCommerce podem ser usadas para alterar o produto que é carregado no designer de produto. Isso pode ser útil, por exemplo, para alterar cores ou para alternar entre diferentes cortes de roupas, etc. Por meio das configurações, um comportamento para o botão de personalização pode ser escolhido.
1. Crie um produto WooCommerce variável :
2. Crie os atributos necessários, por exemplo, cor ou tamanho:
3. A partir dos atributos gere as variações :
4. Selecione os produtos extravagantes para as variações:
5. Defina o produto FPD inicial:
Para garantir que o designer do produto seja carregado, é necessário selecionar um produto FPD inicial por meio da caixa meta, assim como você faria com qualquer outro produto.
Configurações opcionais
Se você usar o botão personalizar nas suas páginas de produtos para exibir o Fancy Product Designer somente após ele ter sido clicado, seja no modo Lightbox ou na página, há uma opção para controlar se o botão aparece antes ou somente depois que uma seleção para a variação foi feita. Isso pode ser encontrado na aba WooCommerce das configurações:
Se você quiser ocultar as variações depois que o botão de personalização for clicado e o designer do produto estiver aparecendo na próxima página, você pode fazer isso facilmente com CSS:
.fpd-customize-button-hidden .variations { display: none; }
CSS