Vitrine estatica

Olá, boa tarde
Tudo bem?

Como eu faço pra deixar os meus produtos com a vitrine estática em todas as páginas? Categorias etc? Hoje carrega produtos automaticamente com sroll da página (sempre que o cliente for rolando a página para baixo, aparecerem os produtos). Mas eu queria deixar algo estático… Principalmente no mobile

Como exemplos abaixo:


ou outra forma mas sem ser scroll… como faço?

Oi @voller Tudo bem?

Se for pela Vitrine Dinâmica você consegue desativar no CMS

Nesse tutorial tem o caminho! :slight_smile:

oooooooi @Luiza , tudo ótimo e voce? :slight_smile:

Eu pensei nisso, mas tem limite de produtos que aparecem não tem?
Ou aparece na vitrine dinamica todos os produtos cadastrados?

tudo bem também!! :wink:

Caso você desmarque essa opção do scroll, aparecerão até 24 produtos na sua Vitrine Dinâmica!

Talvez o que você esteja buscando seja isso aqui, que seria para a página de pesquisa: Como inserir paginação nas páginas de pesquisa?

veja se te ajuda!

então no caso, se por exemplo, se em uma categoria eu tenho 70 produtos e deixo ativo:

  • esse motor de busca né?

vou fazer um teste

Todas as páginas de categoria, marca, pesquisa em si, envolvem o motor de busca. Então, ele irá deixar paginado!

Depois me fala se era o que você queria :slight_smile:

era isso mesmo, muito obrigada!!

Mas me fala uma coisa…
No desktop, as páginas aparecem assim:
páginas

No mobile aparece só: " Anterior | Próximo "

Não teria como deixar igual ao mobile? com a numeração nas páginas?

Por conta do espaço, ou fica o anterior | próximo, ou só os números. Se for os números, seria esse código abaixo:

.pagination li a {
  background-color: #fff !important;
  color: #000 !important;
  border: none;
}
.pagination .page-item.active .page-link {
  border: 1px solid #000 !important;
  background-color: #fff !important;
  color: #000;
  border-radius: 20px;
}
.page-item.disabled .page-link {
  background-color: #fff;
  border: none;
  color: #000
}
@media(max-width: 767px) {
  .pagination.mr-2 {
    display: none !important;
  }
  .pagination.d-none.d-lg-flex {
    display: flex !important;
  }
}

No caso ai, estou modificando as cores pra #000 preto, o ativo, se quiser outra, só mudar o hexadecimal de background-color