Dedicated Shop - Página de vendas – design da visualização do produto

Este artigo foi traduzido automaticamente e pode conter imprecisões. Ver o original em inglês

A visualização do produto tem 4 estilos de layout distintos e uma variedade de outras personalizações de tema que você pode fazer. Elas podem ser aplicadas a todos os produtos de uma vez ou escolhidas individualmente para cada produto.

As configurações de style, media fit e media height do produto funcionam em conjunto para controlar a aparência da visualização do produto. Como diferentes tipos de produto podem ter diferentes requisitos de mídia, essas opções permitem personalizar cada produto de acordo com suas imagens ou vídeos.

Conteúdo:

  • Estilo padrão: selecione a aparência da visualização do produto para todos os produtos de uma vez.

  • Ajuste de mídia padrão: escolha se as imagens e os vídeos dos produtos serão recortados para se ajustar à área de mídia ou exibidos por completo.

  • Altura da mídia: defina a altura da área de mídia para controlar o tamanho das imagens e dos vídeos dos produtos.

  • Conjunto atual: substitua os padrões de estilo e ajuste de mídia para produtos individuais.

  • Estilo do tema: configurações gerais de cores, tipografia e estilo dos elementos.

Estilo padrão

Isso define o layout principal da sua página de vendas na visualização do produto e se aplica a todos os produtos de uma vez.

Na janela de visualização, vá até um dos seus produtos. Acesse Page e depois Components. Selecione Product View > Style.

Esse será o estilo padrão para todos os produtos desta loja.

Ajuste de mídia padrão

O ajuste de mídia controla como a imagem ou o vídeo do produto se encaixa no espaço que ocupa na página.

Acesse Page e depois Components. Selecione Product View > Media Fit.

Full significa que cada uma das imagens é exibida por completo, na proporção original. Se suas imagens combinarem orientações diferentes (retrato e paisagem), isso resultará em espaços vazios ao redor de algumas delas.

Cropped significa que todas as imagens dos produtos são recortadas em um espaço definido. Se você selecionar essa opção, poderá controlar a quantidade máxima de espaço que as imagens ocupam; consulte Altura da mídia abaixo.

Para resultados consistentes, considere recortar todas as imagens dos produtos na mesma orientação e proporção.

Altura da mídia

Isso controla a área máxima que uma imagem ou vídeo preencherá na visualização do produto.

Enquanto visualiza um produto na janela de visualização, acesse Style > Sales e ajuste Product View | Media > Height.

Defina o controle deslizante de altura como auto para ocupar a quantidade máxima de espaço vertical de acordo com o tamanho do monitor.

A altura da mídia é definida por estilo, então você pode definir uma altura diferente para cada estilo; por exemplo, Stacked pode ter uma altura diferente de Two Column.

Conjunto atual

As opções de Current Set se aplicam apenas ao conjunto específico que você está visualizando na janela de visualização.

Vá até a visualização do produto do conjunto escolhido na janela de visualização. Em Page > Current Set você encontra as opções de Style e Media Fit da visualização do produto. Elas estarão definidas como Default para todos os novos produtos (consulte Estilo padrão acima). Alterar as opções aqui se aplicará somente ao conjunto atual.

As opções de conjunto atual são uma forma de substituir as configurações padrão que se aplicam a todos os produtos. Elas podem ser usadas para combinar diferentes estilos de produto na sua loja.

Isso pode ser útil se você vende produtos com diferentes requisitos de apresentação ou para destacar itens especiais dando a eles uma aparência diferente.

Estilo do tema

Há opções de tema detalhadas para controlar cores, tipografia e tamanho de todos os elementos da página de vendas.

Visualize um dos seus produtos na janela de visualização e acesse Style > Sales. O painel lateral contém configurações para as informações da visualização do produto e outros elementos da página, como o botão de adicionar ao carrinho e os indicadores do carrossel.

As configurações de tipografia se aplicam a todos os estilos de layout, então as opções escolhidas aqui serão mantidas se você mudar para outro.

Style > Sales Navigation inclui as configurações de estilo da navegação de trilha (breadcrumb), Itens similares e Produtos relacionados.

Last updated: