Como tornar a imagem do produto em tela cheia

Etapa 1: acesse o editor GemPages

• Faça login no seu Administrador do Shopify.
• Acesse Apps > Construtor de páginas GemPages > PÁGINAS.
• Selecionar Produto para localizar todas as suas páginas de produtos criadas com o GemPages.

• Clique na página de destino para entrar no editor.

Etapa 2: use uma seção de largura total

Tudo começa com o contêiner. Se a seção não tiver largura total, a imagem também não terá.

• Clique no Linha contendo a imagem do produto.

• Sob o Configurações guia na barra lateral esquerda, role para baixo até a Dimensões: seção e garantir a Largura = Total (100%).

Observação: A seção se estende pela janela do navegador.

Etapa 3: inserir ou editar o elemento de imagem do produto

Pode:

• Personalize o integrado Elemento de imagem do produto no seu Módulo de Produto, OU
• Use um autônomo Elemento de imagem para mais controle e adicionar uma imagem dinâmica do produto como conteúdo.

Dentro de um módulo de produto

1. Selecione a Imagem do produto Element.

2. Vá para a Configurações guia na barra lateral esquerda:

• Sob o traçado seção, selecione o Apenas em destaque opção de layout.

• Sob o Imagem em destaque seção, defina o Moldura = Original e Largura = 100%.

• Desloque-se até o Alinhar seção e selecione alinhamento centralizado.

Dentro de um elemento de imagem

1. Selecione a Imagem Element.

2. Vá para a Configurações guia na barra lateral esquerda:

• Sob o Escala seção, escolha Preencher imagem para fazer com que sua imagem preencha esse elemento.

• Sob o Dimensões: seção, certifique-se de que o Largura & Altura estão definidos para 100%.

Etapa 4. Salvar e publicar

• No canto superior direito, clique em Economize para salvar suas alterações. 
• Você pode clicar no olho ícone para visualização sua página antes de publicar.
• Se tudo estiver bem, publicar a página para torná-la ativa na sua vitrine.