Como colocar rolagem nos ícones das coleções?

[VivianMonise]

Olá,

Na montagem da loja quero colocar os ícones das coleções para rolagem, para ir passando para o lado. Quando coloco do jeito normal fica muito grande e em 3 linhas, o que ocupa muito espaço da tela principalmente no celular. Poderiam me ajudar por favor?

Está assim:

 Quero deixar assim:

 Esse exemplo da imagem peguei nas lojas americanas apenas para facilitar a explicação.

Desde já agradeço pela atenção! 🙂

[Paula · Accepted solution]

Olá @VivianMonise!

Analisando a sua explicação e exemplos compartilhados eu entendo que você está usando o tema Debut e deseja customizar o layout da seção lista de coleções adicionando a função deslizar para o lado, correto?

Essa funcionalidade é similar a um carrossel de produtos e seria uma customização avançada que está fora do escopo de suporte aos temas, como pode conferir aqui na nossa Política de Design. Algumas soluções alternativas que eu encontrei são:

• Usar um aplicativo que oferece o serviço de customização de páginas, como esses dessa lista aqui. Esses apps oferecem inúmeros recursos avançadas para agregar o layout da sua loja. 

Antes de instalar um dos apps para experimentar, eu recomendo ler a descrição dos apps como também analisar preços e avaliações. Lembrando que esses apps oferecem um período de teste, portanto, se instalar em sua loja e não desejar dar continuidade com o app, lembre-se de desinstalar o app antes do período teste expirar para evitar cobranças.

Se precisar de ajuda para configurar o aplicativo e fazer a personalização desejada, eu sugiro entrar em contato com o desenvolvedor do app através do e-mail de contato ou acessando a página do app e clicando em Receber atendimento/ Get support ao lado direito da página. A equipe de suporte do app poderá oferecer ajuda e esclarecer qualquer dúvida em relação à integração ou recursos oferecidos.

• Fazer ajustes na codificação do tema.

Se for familiar com codificação, encontrei esse post na comunidade em inglês que alguns especialistas explicam como implementar esse tipo de customização. Essas páginas estão em inglês, se não for familiar com o idioma, poderá traduzir para o português utilizando o navegador Google Chrome - veja aqui como traduzir. 

Não sou especialista em codificação, portanto não sou familiar e não saberia lhe informar se essa customização realmente funciona. Se decidir tentar e prosseguir, recomendo duplicar o tema e trabalhar na cópia, pois se algo der errado não irá danificar o seu atual tema. Se tiver qualquer dúvida sobre a implementação do código, sinta-se à vontade em comentar diretamente no post que outro membro da comunidade ou o especialista poderá ajudar.

• Busque ajuda contratando um especialista.

Temos uma lista de especialista nesta página aqui onde poderá buscar e contratar um expert para fazer trabalhos personalizados na sua loja. 

Espero ter ajudado com essas opções. Se tiver qualquer outra dúvida, só nos avisar!

[ToledoX82]

Olá @VivianMonise tudo bom?

Acredito que consigo te ajudar com essa customização, caso ainda esteja precisando de ajuda.

Fiz uma customização semelhante nesta loja: https://kohliving.com.au/ 

No desktop não aparecem essas imagens circulares, mas no celular fica assim. https://prnt.sc/1qflxhz

Caso tenha interesse pode entrar em contato comigo enviando msg por aqui no privado ou acessando meu site que lá tem meu telegram, email ou celular.