Por padrão, são mostrados 4 produtos na tela da estante de produtos.
Se quiser alterar para mostrar em um tamanho menor uma quantidade maior de produtos, na sua Estante, conforme indicado na imagem abaixo, basta seguir esse passo a passo:
- Entre no cms.
- Vá em Layout > Inserir Códigos , conforme indicado na próxima imagem:
3.No campo CSS que é último quadrinho da tela, insira esse código abaixo conforme a imagem no exemplo:
@media screen and (min-width: 998px) {
.product-item {
max-width: 100px;
}
.glide__slide.products-carousel__item {
width: 120px !important;
}
}
- Agora é só clicar em Publicar!