Load ALL Shopify Products in ONE Page - NO limit

Carregue TODOS os produtos do Shopify em UMA página - SEM limite

Log in or Sign up to ensure access to purchased code across multiple devices.

Helpful Free links

Migrating to Shopify Transferring Domain to Shopify Master sections and blocks Free Essential tools Custom App Creation Shopify theme templates Add custom CSS to themes Master product variants in Shopify Free Shopify Themes How to customize Shopify themes Automate your store processes Improve store's search Free apps to enhance your store Upload and manage files Facebook ads for your Shopify Shopify Support Stay updated with Shopify changes Join Shopify Community for free help

Como ver o código

1. Faça login/crie uma conta primeiro. Isso é para garantir que todas as compras estejam conectadas a uma conta e possam ser visualizadas em diferentes dispositivos.

2. Adquira o código através da “caixa de compras” na página específica do código desejado.

3. Após a compra, atualize a página.

Compatibilidade: todos os temas do Shopify, o posicionamento do código pode variar

O Shopify definiu um limite para mostrar apenas 50 produtos por página da coleção, mais para agilizar o carregamento do seu site. Você pode ver as informações aqui . Com o limite do Shopify, isso não significa que não seja possível carregar mais de 50 produtos na página de coleção.

Você pode carregar mais de 50 produtos de uma vez, mas observe que isso pode fazer com que as fotos dos produtos carreguem lentamente. Você pode verificar a demonstração aqui para ver o que quero dizer. Senha: made4uo.

Sim, sem rolagem infinita, sem botão carregar mais e etc.

O que você está comprando:

  • Carregue mais de 50 produtos em uma página
  • As imagens podem demorar para carregar
  • Nenhum botão ou rolagem infinita

O que torna nosso código melhor:

  • Não usamos bibliotecas externas, com isso dito, nosso código não terá nenhum efeito mínimo no desempenho de velocidade do seu site
  • Não deixamos nem adicionamos códigos para anunciar em nosso site
  • Nosso código é compatível com dispositivos móveis

Quaisquer problemas relacionados ao código serão corrigidos sem custo adicional, excluindo solicitações de customização de código. Basta entrar em contato conosco em "Converse conosco". Estamos a apenas um botão de distância.

Para iniciar:

1. Na sua página Admin, vá para Loja online > Temas
2. Escolha o tema que deseja editar e clique em Ação > Editar código.
3. Abra a pasta Snippet e clique em “criar um novo snippet”, nomeie-a como “load-all-products”. Em seguida, cole o código abaixo e clique em SALVAR.

4. Em seguida, precisamos adicionar isso à nossa seção de coleção. Abra o modelo de coleção do tema correspondente. Geralmente está na pasta Seção. Para temas gratuitos do Shopify 2.0, é "main-collection-product-grid.liquid".

5. Em seguida, encontre " {%- endpaginate -%} ." Então acima dele, coloque o código abaixo.

6. Certifique-se de SALVAR seu trabalho.

É isso (",)

Copied!
Voltar para o blogue

Deixe um comentário