ShopSite

Modelos de produto

Existem vários modelos de produtos que podem ser selecionados para personalizar a aparência da sua loja do ShopSite. Cada modelo organiza as informações sobre o produto segundo uma ordem e layout próprios. É possível alternar os campos, para que exibam ou ocultem a imagem, nome, preço e código de estoque do produto. Em todos os exemplos a seguir, todos os campos estão exibidos. Como padrão, o código de estoque de um produto não é exibido.

Modelo padrão de produto - o nome, preço, código de estoque e descrição do produto são apresentados à direita da imagem do mesmo e alinhados no alto da imagem. Os botões [Adicionar ao carro] e [Exibir o carro] se encontram abaixo da descrição. Se a imagem do produto for pequena e a sua descrição, extensa, esta será colocada abaixo da imagem, como no seguinte exemplo, a não ser que você desative a Quebra automática do texto.

Nome do produto
$9.99
123456
Descrição do produto Descrição do produto Descrição do produto Descrição do produto Descrição do produto Descrição do produto Descrição do produto Descrição do produto Descrição do produto Descrição do produto Descrição do produto Descrição do produto

[Adicionar ao carro] [Exibir o carro]



Compacto - todas as especificações, exceto a descrição, serão colocadas em uma linha e a descrição iniciará na linha abaixo.

Nome do produto $ 9,99 123456 [Adicionar ao carro] [Exibir o carro]
Descrição do produto Descrição do produto Descrição do produto



Compacto - imagem sobre o texto - idêntico ao modelo Compacto, exceto pelo fato de que a imagem do produto será exibida acima da linha que contém o nome, preço e código de estoque do produto, e os botões [Adicionar ao carro] e [Exibir o carro]. A descrição do produto iniciará em outra linha, abaixo das outras informações.


Nome do produto $ 9,99 123456 [Adicionar ao carro] [Exibir o carro]
Descrição do produto Descrição do produto Descrição do produto



Imagem sobre o texto - um layout vertical, que inicia com a imagem do produto no alto, seguida pelo nome, preço e código de estoque do produto, se for exibido. A descrição do produto será exibida abaixo do código de estoque, enquanto que os botões [Adicionar ao carro] e [Exibir o carro] serão exibidos em uma única linha, abaixo da descrição.


Nome do produto
$9.99
123456
Descrição do produto Descrição do produto Descrição do produto Descrição do produto Descrição do produto Descrição do produto Descrição do produto Descrição do produto
[Adicionar ao carro] [Exibir o carro]



Linha interna - a imagem, nome, preço e código de estoque do produto são apresentados em uma linha, que será automaticamente quebrada, se necessário. A descrição do produto será exibida em outra linha, enquanto que os botões [Adicionar ao carro] e [Exibir o carro] serão exibidos em uma única linha, abaixo da descrição.

Nome do produto $ 9,99 123456
Descrição do produto Descrição do produto Descrição do produto Descrição do produto
[Adicionar ao carro] [Exibir o carro]



Linha interna - imagem sobre o texto - idêntico ao modelo Linha interna, exceto pelo fato de que a imagem do produto será exibida acima da linha que contém o nome, preço e código de estoque do produto.


Nome do produto $ 9,99 123456
Descrição do produto Descrição do produto Descrição do produto Descrição do produto
[Adicionar ao carro] [Exibir o carro]



Uma linha - o nome é bastante ilustrativo: todas as informações serão exibidas em uma linha. É óbvio que, exceto nos casos em que o produto apresentar um nome e descrição muito breves, a linha será automaticamente quebrada. A imagem do produto vem em primeiro lugar, seguida do nome e do código de estoque. A descrição do produto virá depois do código de estoque, seguida do preço e dos botões [Adicionar ao carro] e [Exibir o carro].

Nome do produto 123456 Descrição do produto $9.99 [Adicionar ao carro] [Exibir o carro]


Não se esqueça de que também é possível definir a quebra do texto do produto, para que ele circunde a imagem ou permaneça dentro de uma coluna, como é mostrado abaixo:

Voltar à página principal da Ajuda | Pesquisar | Enviar comentários
Se você não conseguir encontrar a ajuda que precisa, envie um comentário detalhado.