MartechARTIGO

Como criar uma listagem de produtos personalizados por tags especiais?

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:

  1. O exemplo acima exibirá os nove produtos mais vendidos da loja, sendo exibida a
    Imagem, o Nome e o Valor, conforme as Tags utilizadas.
  2. 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!

é uma empresa especializada em desenvolvimento e assessoria na criação de lojas virtuais, com o intuito de quebrar o paradigma de que uma plataforma pronta é engessada, não personalizável e não escalonável. Com com uma equipe formada por dezenas de profissionais capacitados, criou uma das maiores plataformas de e-commerce do mercado. Acompanhe no twitter @dotstore.

Mais de Dotstore
Ver perfil →