Passar para o conteúdo principal

Exibir Imagens Dinâmicas nas Páginas de Produtos

Atualize automaticamente a imagem do produto para corresponder às seleções dos seus clientes.

Lui Serafim avatar
Escrito por Lui Serafim
Atualizado há mais de 2 semanas

Imagens dinâmicas são imagens que são atualizadas de acordo com a seleção do cliente. Se você usou o tipo de opção amostras e adicionou imagens, é possível configurar imagens dinâmicas para garantir que a imagem da página do produto mude automaticamente com base nas amostras selecionadas pelos clientes.


Requisitos

  • Esse recurso só funcionará para o tipo de opção Amostras.

  • Certifique-se de que você adicionou imagens aos valores da opção.


Ativar a alteração da imagem do produto ao selecionar

  1. Clique em Configurações, depois clique em Lista de opções para visualizar suas opções.

  2. Clique em qualquer opção com o tipo Amostras.

  3. Marque a opção Alterar imagem do produto ao selecionar.

  4. Clique em Salvar.


Editar o tema

  1. Vá para Loja Virtual > Temas, expanda o menu ao lado do tema que você deseja editar e clique em Editar código.

  2. Procure pelo arquivo product-thumbnail.liquid.

    • Normalmente, o arquivo product-thumbnail.liquid está localizado na pasta Snippets ou Sections.

  3. Adicione <div class="zapiet-product-image-container"> no início do código.

  4. Adicione </div> no final do código.

  5. Clique em Salvar.

Agora, quando seus clientes selecionarem uma opção diferente, a imagem na página do produto mudará dinamicamente para refletir a escolha deles.

Se você tiver qualquer problema ao configurar isso, fale com a gente no chat — teremos prazer em ajudar!

Respondeu à sua pergunta?