Cannot display variants above 250

My app displays all products in a collection with the option select box or quickview. The purpose is for building custom bundles, e.g select any 3 variants in a collection on a page

I’ve been studying the doc - Support high-variant products. But it cannot support my use case.

  1. The {{ product.variants }} liquid tag can only show the first 250 variants. However I want to display all of the 2048 variants. I render the option box and quickview on the client side with the variant data. But I have no way to render the remaining variants with liquid. How can I render the remaining variants on the client side?
  2. From another thread, looks like I can raise the page size to get all variants. But the doc doesn’t reflect the same.
  3. The Granular option value selection for product URLs returns the HTML with the selected options. I can’t get the selected variant with JSON. This method is only good for ordinary PDP. Initially, I thought it could be used to get a variant data with the selected option value IDs. Can I get the selected variant in JSON?
  4. From the Support high-variant products - option value availability, it asks me to use the section rendering API. I use a client-side js framework to render the variants and the option select boxes. This section rendering API is not a prerequisite for the theme app extension if I don’t remember it wrong. And many app developers are using the same methodology as mine.
  5. Can this Support high-variant products doc handle the case for more product options like 4, 5, or even more? Currently, we only have 3 options. I don’t know when and how we should handle this case? Are we going to have another upgrade for product options again?
  6. There is an API endpoint something like - https://mystore.com/collections/pants/products.json?limit=50&page=1. This endpoint returns the products in a collection but the response doesn’t have the variants_count in each product. How many variants can be returned in a product?

Hi @Benny_Chan

I’m not sure of your exact usecase or scope, but I’m pretty sure that you need to use the pagination object to show more than 250 variants. Which is actually a brand new addition to the pagination object, as you could read in the other thread.

Not sure how to handle that from apps, though. Might need to fetch it from the storefront API and update the DOM that way?