How To Get Around Shopify’s 50 Product Limit In Collections

Although Shopify is an incredible resource for eCommerce, Shopify intentionally limits the number of products you can access in the collection aim to 50 per foliate. In other words, the utmost count of products you can access and expose on your collection page by default is 50. For some, this may be enough, but this is 2020, you can edit and customize literally anything, and this is not excluded. In order to get around this annoying merchandise restrict, I ’ ve got a small trick that you can use .

The default code to output signal products from a solicitation looks like this …

 { % for product in collection.products % } 
{ % comment % } The code to output signal each merchandise goes here { % endcomment % }
{ % endfor % }

And this will output signal the foremost 50 products from the collection. But what if we need to display more than 50 ? possibly we want to display all products in a collection on a single foliate, so that we could possibly lazy load them as the drug user scrolls down the page rather than forcing the drug user to click to the following page, which in this day and old age might just be the extra attempt that causes person to bounce.

The key to getting around the product per page specify is to leverage the foliate object. You will see this in a typical collection.liquid template in most standard shopify themes and it normally looks like this :

 { % foliate collection.products by 12 % } 
{ % for product in collection.products % }
{ % comment % } The code to end product each intersection goes here { % endcomment % }
{ % endfor % }
{ % endpaginate % }

In the example above the template outputs a utmost of 12 products per page, since the coil is wrapped inside the foliate aim that specifies 12 products .

All we need to do, is increase that value to a identical high prize that your collection is unlikely to exceed such as 1000, so that we efficaciously ensure that all products are always returned on the foremost page of the foliate object, and ultimately it returns all products in the collection in a single object that we can loop through in one pass.

 { % foliate collection.products by 1000 % } 
{ % for product in collection.products % }
{ % gossip % } The code to output each intersection goes here { % endcomment % }
{ % endfor % }
{ % endpaginate % }

And that ’ s all there is to it !

This simpleton trick means you get sum command over how you format your collection page, rather than being stuck with the default X number of products per foliate format – which let ’ s expression it isn ’ metric ton constantly ideally suited to more dynamic/interactive page designs. Take see over your Shopify page and read as many products as you want to, it might just be the small change that leads to fewer bounces and more conversions !

reference :
Category : Finance

Related Posts

How to Calculate Credit Card Interest Rates

interest rates are one of the ways to work out how much it will cost you to use your credit card, along with other charges and fees….

What debt collectors can & cannot do

If you are dealing with a debt collector, you have protections under the law. A debt collector must not mislead, harass, coerce or act unconscionably towards you….

Can You Afford a New Home? How to Determine Your Homebuying Budget

Can You Afford a New Home? How to Determine Your Homebuying Budget As with any major purchase, determining what you can afford before you look for a…

Why Did My Credit Score Drop?

Why Did My Credit Score Go Down When Nothing Changed? sometimes your mark does change based on factors outside of your control, but most times your behavior…

Why Do I Owe Taxes To The IRS & How To Avoid Them

Are you wondering why you owe indeed much in taxes this year ? Want to make certain you never owe a big tax bill – or any…

The 5 reasons why your credit score might suddenly drop

Select ’ s editorial team works independently to review fiscal products and write articles we think our readers will find useful. We earn a perpetration from affiliate…