How can I fix the 'sold out' issue for Shoppable Images on my site?

I gathered some of our Shoppable Images product hotspot do not render the product details properly, and are showing as “sold out”, due to a limitation by Shopify. We use the all_productsliquid object in our Empire theme, and Shopify only allows up to 20 unique product handles on the page with this object: https://shopify.dev/api/liquid/objects#all_products

How do I increase this on our website? The dev document mentions using collections instead, but I don’t understand how to do this.