O sistema Dotstore permite a criação de diversos tipos de listagens de produtos para exibição em sua loja virtual sendo possível escolher entre diferentes filtros.
É possível também configurar a exibição dos produtos em lançamento em um determinado local e outropara exibir produtos em promoção, além de criar diferentes tipos de interfaces.Neste caso, é necessário separar as informações através de blocosseguindo os parâmetros abaixo:
|
Indica início de uma listagem de produtos |
Indica o final de uma listagem de produtos |
| <!– INICIO ProdutoListaBlocoCSS1 –> |
<!– FINAL ProdutoListaBlocoCSS1 –> |
| <!– INICIO ProdutoListaBlocoCSS2 –> |
<!– FINAL ProdutoListaBlocoCSS2 –> |
Para utilizar os parâmetros pré-definidos, é
necessário incluir o código <!– PARAMS –>, no qual
pode-se adicionar alguns dos atributos listados abaixo:
| em |
lanc, promo, destaque, destaquep, maisvendidos, cross, departamento, secao, categoria, subcategoria |
Lançamento, Promoção, Destaque, Destaque Principal, Mais Vendidos, Cross-Selling, Departamento, Seção, Categoria, Subcategoria |
| qtde | 1,2,3 |
Informe a quantidade |
Depois de definir quais blocos deseja exibir, pode-se
utilizar códigos HTML↳HTML45 conteúdosA importância do HTML e CSS para quem trabalha com UI Design e Design SystemProduto & UX · dez 2024Como hostear seu site HTML gratuitamente com GitHub PagesDev (Back & Front) · jun 2025SQL Server – Como criar um versionamento de código das suas Stored Procedures em HTML e com comentários da alteraçãoData · nov 2020Ver tudo em Dev (Back & Front) →, Javascript e Tags Especiais.
Por exemplo:
<!-- INICIO ProdutoListaBlocoCSS1 -->
<!-- PARAMS % em=maisvendidos ~ qtde=9 -->
<div id="DS_BlocodeProdutos">
<div class="DS_IMGprodutoPeq">##ProdutoIMG % cod=n##</div>
<div class="DS_Nomeproduto">##NomeProduto % cod=n##</div>
<div class="DS_PrecoPor">##ProdutoValorPor % cod=n##</div>
</div>
<!-- FINAL ProdutoListaBlocoCSS1 -->

Observações:
-
O exemplo acima exibirá os nove produtos mais vendidos da loja, sendo exibida a
Imagem, o Nome e o Valor, conforme as Tags utilizadas. - Os blocos utilizados não poderão ser
duplicados, ou seja, se utilizar o ProdutoListaBlocoCSS1, deverá
utilizar o ProdutoListaBlocoCSS2 ou demais opções para não causar conflitos nas
informações geradas na loja.
Até a próxima!







Hipsters Ponto Tech
Fernando Silva



