CleverSwatches – Amostras de variação de cores ou imagens do WooCommerce. Converta sua seleção suspensa de atributo de variável normal para uma boa aparência de cor ou imagem. Você pode exibir imagens ou cores em todos os tamanhos comuns. Exiba-os no modo redondo ou quadrado. O CleverSwatches permite adicionar várias imagens da galeria para cada variação e quando o visitante seleciona a variação, essas imagens da galeria serão mostradas como imagens da galeria em vez de imagens da galeria principal do produto.
Vitrines
A CleverSwatches já testou com estes temas populares: Avada, Flatsome, Salient, Porto, Lojista, X, Electro, Savoy, Júpiter, Xstore, Basileia, EmallShop, WoodMart, Vitrine, Unero, Bronx, GeneratePress, Astra, OceanWP, Zephir, Zephir
Se você estiver usando um tema popular no ThemeForest, basta entrar em contato para obter o serviço de integração GRATUITO.
@ Cliente em potencial: se você não sabe como integrar este plug-in ao seu tema e não deseja acessar o site (via admin, ftp) para ajudá-lo a integrar esse plug-in ao seu tema. Então não compre este plugin. Como SOMENTE aceitamos uma solicitação de reembolso, se não conseguirmos integrar este plug-in ao seu tema.
Características principais
- Ofereça suporte a várias imagens da galeria para cada variação
- Suporte a amostras de variação de cor / imagem / texto para atributos
- Suporte a amostras de cores / imagens / textos / listas suspensas para cada atributo personalizado de variação
- Suporte de amostra quadrada e de circo
- Diferentes tamanhos de amostra, de pequeno a grande
- Ativar / desativar dicas de ferramentas para o recurso de item de amostra
- As amostras podem ser definidas por atributo globalmente ou substituídas em um nível de produto individual
- Mostra amostras de cores ou imagens nas páginas da loja / categoria / arquivo de tags
- Mostra amostras de cores ou imagens no código curto de .
- Ativar / desativar a pré-seleção para produto variável
- Compatibilidade total com plug-in WPML
Configuração geral
![CleverSwatches - Amostras de variação de cores ou imagens do WooCommerce - 3](https://camo.envatousercontent.com/0944335146315aad496dc266cfee58518ce14008/687474703a2f2f646f632e636c657665726164646f6e2e636f6d2f636c6576657273776174636865732f5f696d616765732f636c657665722d7377617463682d73657474696e67732e706e67)
- Ativar amostras: o uso desse administrador pode ativar / desativar as amostras de imagem e cor de produtos variáveis em vez das opções de seleção padrão.
- Ativar Galeria Sábia de Variações: O uso deste administrador pode ativar / desativar o recurso Galeria Inteligente de Variações, exibido na página de detalhes das variáveis, ao selecionar uma combinação de variações.
- Usar miniaturas de termos de atributos: usar este administrador pode permitir o uso de amostras de cores e imagens de atributos padrão na página de detalhes do produto.
- Usar rótulo do termo do atributo: o uso deste administrador pode ocultar o rótulo do nome do atributo na parte superior das amostras de cores e imagens na página de detalhes do produto.
- Atributo Termo Miniatura Tipo de exibição: O uso desse administrador pode selecionar o tamanho da exibição de amostra de cores e imagens e o tipo de exibição na página de detalhes do produto quando a configuração de amostras estiver ativada.
Configurar o tipo de amostra padrão para atributos globais
- Vá para: Produtos> Atributos .
- Crie um novo atributo, na opção CleverSwatches Type e selecione o tipo padrão que você deseja usar.
Editar um atributo: se o seu site já tiver um atributo, você poderá editá-lo e definir o tipo de amostra padrão para eles.Selecione o atributo que você deseja editar e clique em Editar![CleverSwatches - Amostras de variação de cores ou imagens no WooCommerce - 5](https://camo.envatousercontent.com/1e9db2368140a20a8ba5607f70d160c3de25b652/687474703a2f2f646f632e636c657665726164646f6e2e636f6d2f636c6576657273776174636865732f5f696d616765732f70726f647563742d656469742d7377617463682d747970652d6174747269627574652d73742d312e706e67)
- Na nova página exibida, localize a opção CleverSwatches Type e selecione o tipo padrão que você deseja usar.
![CleverSwatches - Amostras de variação de cores ou imagens no WooCommerce - 6](https://camo.envatousercontent.com/8c4c54496593aaa572da9a5961fec2a30a322255/687474703a2f2f646f632e636c657665726164646f6e2e636f6d2f636c6576657273776174636865732f5f696d616765732f70726f647563742d656469742d7377617463682d747970652d6174747269627574652d73742d322e706e67)
Configurar cores e fotos para atributos globais
- Vamos para:
Products > Attributes
![CleverSwatches - Amostras de variação de cores ou imagens no WooCommerce - 7](https://camo.envatousercontent.com/f2c66006da52c441686cae1ef9faf672cf780a6a/687474703a2f2f646f632e636c657665726164646f6e2e636f6d2f636c6576657273776174636865732f5f696d616765732f70726f647563742d6174747269627574652e706e67)
- Crie um novo atributo ou pule esta etapa se você já tiver um
- Clique
Configure terms
![CleverSwatches - Amostras de variação de cores ou imagens no WooCommerce - 8](https://camo.envatousercontent.com/e55fa05aa2e93520a05c3fa16a5529684c00ec00/687474703a2f2f646f632e636c657665726164646f6e2e636f6d2f636c6576657273776174636865732f5f696d616765732f6174747269627574652d636f6e6669672d7465726d732e706e67)
- Adicione nova cor ou seja qual for o nome do seu atributo (ou escolha editar um termo existente)
- Selecione um
Color
ou Image
no menu suspenso Tipo de amostraSe você escolheu a cor, poderá clicar no ícone de cor e selecionar a cor que deseja usar no seletor de cores. Como alternativa, você pode digitar o valor HEX para a cor.
Se você escolheu uma imagem, poderá fazer o upload de uma imagem.![CleverSwatches - Amostras de variação de cores ou imagens do WooCommerce - 10](https://camo.envatousercontent.com/0f0be5818358f72f05d24dccbd5d1e03900270aa/687474703a2f2f646f632e636c657665726164646f6e2e636f6d2f636c6576657273776174636865732f5f696d616765732f7377617463682d696d6167652e706e67)
- Selecione Adicionar nova cor
Adicione amostras de cores e imagens a produtos variáveis
As amostras de cores e fotos podem ser usadas apenas para produtos variáveis.
- Crie um produto variável. Certifique-se de selecionar um atributo global ou criar um personalizado na guia “Atributos”. Configure também a guia “Variações”.
- Publique seu produto.
- Vá para a
CleverSwatches
guia.
- Selecione a
Display Type
para cada um dos atributos usados para as variações, deixe-o se desejar que use a opção de atributo padrão.
- Padrão (Selecionar): as opções serão oferecidas em um menu suspenso
- Imagem: você poderá adicionar amostras de imagens
- Cor. Você poderá adicionar amostras de cores
- Texto. As opções disponíveis serão exibidas como botões de texto
![CleverSwatches - Amostras de variação de cores ou imagens no WooCommerce - 11](https://camo.envatousercontent.com/b3ee098bf8ca506e7b412bd5eb84002cda54b405/687474703a2f2f646f632e636c657665726164646f6e2e636f6d2f636c6576657273776174636865732f5f696d616765732f7377617463682d73696e676c652d70726f647563742d646973706c61792d747970652e706e67)
- Tamanho da tela: selecione o tamanho das amostras. Isso determinará o tamanho das amostras na página do produto único.
- Forma de exibição: exibição do tipo de forma do atributo.
- Configure os termos do atributo. É semelhante à forma como os termos de atributo global são configurados (veja acima).
- Selecione o termo.
- Se você escolheu uma cor, selecione uma cor.
- Se você escolheu uma imagem, faça o upload de uma imagem.
![CleverSwatches - Amostras de variação de cores ou imagens no WooCommerce - 12](https://camo.envatousercontent.com/2311dbe962602e5355c8fb286c834acd38082034/687474703a2f2f646f632e636c657665726164646f6e2e636f6d2f636c6576657273776174636865732f5f696d616765732f7377617463682d73696e676c652d70726f647563742d637573746f6d2d6174747269627574652d7465726d2e706e67)
Amostras de página da loja / categoria
Para exibir amostras de um atributo nas páginas da loja / categoria, é necessário marcar a caixa de seleção Ativar amostras de um atributo nas páginas da loja / arquivo na guia de seleção de variação e depois selecionar o atributo na próxima opção, como mostra a imagem abaixo.
![CleverSwatches - Amostras de variação de cores ou imagens no WooCommerce - 13](https://camo.envatousercontent.com/abdc28df0bcd1f5193b15f3a0e1bfd35c8f4e73c/687474703a2f2f646f632e636c657665726164646f6e2e636f6d2f636c6576657273776174636865732f5f696d616765732f73686f702d706167652e706e67)
Nota: Para que esse recurso funcione, você deve selecionar Amostras de cores ou Imagens como tipo de exibição.
Integre o CleverSwatches ao seu tema personalizado
Importante! Suportamos todos os principais temas, mas se o tema instalado não estiver seguindo a estrutura DOM da miniatura do WooCommerce , o recurso poderá não funcionar de acordo com o comportamento do seu tema de mostrar imagens da galeria. Nesse caso, fornecemos API para integração. CLIQUE AQUI
Compatibilidade total com plug-in WPML
Todos os arquivos estão prontos para tradução. O plug-in de tradução WPML é totalmente suportado! Adicione personalização de atributo para cada idioma separadamente. Traduza todas as suas opções de atributo para qualquer idioma, incluindo dicas de ferramentas, substituições de nomes de atributos e descrições personalizadas de atributos. O plugin vem com os arquivos .MO e .PO incluídos.