How to add a dynamic  link to image or text

Como adicionar um link dinâmico a uma imagem ou texto

Log in or Sign up to ensure access to FREE code across multiple devices.

Adicione um link dinâmico, ou seja, link exclusivo, a qualquer imagem ou texto em seu site usando a ferramenta de inspeção para desenvolvedores. Shopify usa forloop, e se você alterar algo em um lugar, isso definitivamente se aplicará a todos, mas podemos mudar isso usando o esquema json. Veja o vídeo para mais informações.

Você pode ver a documentação do Chrome DevTools aqui . Para Mozilla Firefox, você pode verificar a documentação aqui .

Etapa 1: descubra onde colocar o href

Etapa 2: abra o editor de código do Shopify

Etapa 3: localize o arquivo HTML

Etapa 4: Encontre o html dentro do arquivo

Etapa 5: adicione o código href

Etapa 6: adicione um link dinâmico

Copied!

Lutando com instruções?

Não se preocupe, nós oferecemos cobertura por um preço razoável. Entre em contato conosco através de "Converse conosco" para obter um orçamento.

Relaxe enquanto nós cuidamos disso para você!

Voltar para o blogue

6 comentários

Thank you for your video. I entered the code for Multi-column image and it worked. I tried it for Image With Text. If I make the image clickable, it works. If I try to make the text clickable, the text becomes underlined in blue. Is there a way to prevent the text from being underlined in blue? Do I have to add the CSS text-decoration: none ?
Thanks.

Diane Meyer

Deixe um comentário