home page» mobile layout» “Deals of the week”: i need put 40 stack product in vertical position. but this option its possible only desktop. how i make that?
Topic summary
Um usuário está tentando exibir 40 produtos em layout vertical na versão mobile da página inicial, especificamente na seção “Deals of the week”. Atualmente, essa configuração funciona no desktop, mas no mobile os produtos aparecem em formato de carrossel horizontal que requer deslizar.
Orientações fornecidas:
- Verificar primeiro as configurações nativas do tema antes de modificar código
- Acessar: Loja Virtual > Temas > Personalizar e clicar na seção de coleção em destaque
- Consultar a documentação do tema para conhecer opções disponíveis
- Alguns temas (como o Refresh) possuem configurações específicas para layout mobile
Próximos passos:
Se as configurações do tema não oferecerem essa opção, será necessário customização via código. Foi sugerido buscar ajuda de especialistas ou membros com conhecimento em código na comunidade em inglês para instruções específicas de customização.
Olá @seuperu !
Você escreveu a sua questão em inglês, mas por ter postado aqui na comunidade em português estou respondendo em português para também ajudar outros membros que possam ter a mesma questão. Se preferir continuar em inglês, poderá postar as suas questões na comunidade em inglês aqui.
Pelo que você explicou, me parece que você está tentando alterar o layout da seção coleção em destaque na página inicial. No desktop é possível adicionar 40 produtos um embaixo do outro, mas na versão mobile para visualizar os produtos parece que precisa deslizar a página, correto?
Qual é o tema que você está usando? Pergunto, pois pode ser que o próprio tema tenha o recurso nas configurações do tema e talvez não seja necessário fazer esses ajustes pelo código.
Recomendo acessar o editor de temas indo em Loja Virtual > Temas > Personalizar > na página inicial, clique em coleção em destaque, para conferir as configurações. Por exemplo, no tema Refresh podemos configurar o layout para dispositivos móveis, veja só:
Se estiver usando um dos temas desenvolvidos pela Shopify, poderá consultar a documentação do tema para se informar sobre as configurações disponíveis. E poderá consultar as instruções de como editar o tema aqui.
Dê uma olhada nas configurações do seu tema e, se realmente precisar fazer essa customização no código, encontrei esta conversa na comunidade em inglês com instruções para fazer este tipo de customização. Se precisar de ajuda, responda ao post para que o especialista ou algum outro membro da comunidade que tenha conhecimento em codificação possa te ajudar.
Se tiver alguma outra dúvida, só nos enviar uma resposta. Até mais!