Como remover o Zoom de Imagem nas páginas de Produto do Shopify
Quando você cria uma loja online no Shopify, uma das etapas importantes é personalizar a aparência e o layout das páginas de produto. Uma funcionalidade comum que pode ser encontrada nas páginas de produto é o recurso de zoom de imagem, que permite aos clientes ampliar e ver detalhes das imagens dos produtos.
No entanto, em alguns casos, você pode desejar remover esse recurso para atender às necessidades específicas do seu negócio. Neste artigo, discutiremos passo a passo como remover o recurso de zoom de imagem nas páginas de produto do Shopify.
1. Vá para Online Store -> Theme -> Edit code
2. Procure por “Layout” -> “header.liquid” -> Cole abaixo de “head” o seguinte código:
<style>
.product__media-toggle {display: none !important;}
.product__modal-opener .product__media-icon {display: none !important;}
</style>
Se preferir, você pode também instalar o aplicativo “Easy Custom CSS“, sem a necessidade de alterar o tema ativo. Neste caso, basta remover o <style></style>, pois a ferramenta já faz a leitura do código e insere em conjunto do tema ativo no Shopify.