Como alterar o layout de <vtex:contentPlaceHolder id="Produtos" /> no mobile? Na versão mobile apresenta apenas 1 produto, gostaria que apresentasse mais produtos e que fossem 2 por linha.

VTEX in your native language 🌎 Português
2

Boa tarde,

primeiramente o elemento que você mencionou é "genérico", não da para identificar o que existe dentro dele para exibição dos produtos.

  • Caso a versão mobile tenha um site isolado, pode ter uma configuração na página home, com a quantidade 1 configurada, neste caso basta aumentar estes números.
  • Caso este número ESTEJA CONFIGURADO com mais itens e não esteja sendo exibido, supondo que seja utilizado um "carrossel de produtos" com script padrão, você precisaria realizar a manutenção no javascript owl.carousel.min.js e em alguns casos também é necessário modificação no css.

Isto pode variar, de acordo com seu tema, caso não tenha conhecimento evite realizar alterações no código fonte (js e css) para não gerar problemas em outras funções do seu site.

3

Esse elemento que mencionei é uma coleção e está configurada conforme o print, tem algo que eu possa fazer editando essa parte?

Screenshot_59

4

Aparentemente você precisaria manipular javascript, se for possível manda a página que dou uma olhada se for algo pontual.

5

A página é essa: https://www.casaamerica.com.br/

6

Certo, os itens estão todos na página mas ocultos.

Precisaria realizar a modificação em códigos (js e css), recomendo que procure a sua agência ou desenvolvedor para ajustar.

Para exibir todos os itens, é necessário modificação no arquivo don-functionsbase.min.js.

Para exibir dois por linha, é necessário modificação no arquivo don-home.min.css.

7

Tá certo então, muito obrigado pela ajuda @Bruno T. Araujo​