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.