High Variant Collection Pages Crash - on Published and Fresh Horizon Theme -

Online Store and Theme Development
1

Short description of issue

Collection pages containing high variant products fail to load with white shopify screen of death.

Link to Shopify Store

Reproduction steps

Tried on a brand new theme and same issue - the collection containing 28 high variant products crashes with shopify error white screen.

Additional info

Hi all — looking for help (or a Partner who can jump in) on a breaking issue affecting our collection pages.

Context
We recently consolidated several products using Shopify’s new combined product/variant model so customers see fewer listings. Some products now have ~1,200 variants. Product detail pages load fast and behave correctly. The problem appears only on collection pages containing multiple of these high-variant products.

Symptoms
If a collection contains ~6 or more high-variant products, the collection page fails with Shopify’s generic error page and will not load.

Each product renders fine on its own PDP, and each renders fine as a collection of one.

This occurs even on a fresh, unmodified Horizon theme.

Environment
Theme: Horizon (fresh/vanilla test + our customized store)

OS 2.0; no custom app blocks on the test theme

Issue reproduced across multiple browsers, devices, and networks

Working hypothesis
Something in Horizon’s collection/product-card stack is looping thr

What type of topic is this

Bug report

1 Like
2

Hi @markednmade I think part of your post got cut cut off, following you over from the post on merch forums where I recommended you post here instead in case this is an api bug.

For the existing site
:clipboard: Can you provide sample urls of this A) happening B) not happening.
:clipboard: Can you provide a minimal snippets and or a minimal test collection(product CSV import).
:warning: be sure to sanitize any sensitive info, and try to make it simple i.e. no emojii or fancy characters in things like tags or product descriptions

Also there’s checking this with the skeleton theme and it’s minimal collection section, or possibly copied from dawn :thinking:
https://github.dev/Shopify/skeleton-theme
https://github.com/Shopify/skeleton-theme/blob/main/sections/collection.liquid
https://github.com/Shopify/dawn/blob/main/sections/main-collection-product-grid.liquid

3

Hey! Yes I just noticed it did. Thank you.

Sample URL of it happening: https://markednmade.com/collections/custom-apparel
Not happening - Any other collection like this one: Christmas! | Marked & Made 

Here is something that is working on a test theme - but it is not scalable - basically limiting to 2 products on load then scrolling - any more and it breaks - this sucks:

{%  if collection.handle == 'custom-apparel' %}

    {% assign products_per_page = 2 %}

{% else %}

{% assign products_per_page = 8 %}

{% endif %}




{% if section.settings.enable_infinite_scroll == false %}

{%  if collection.handle == 'custom-apparel' %}

{% assign products_per_page = 2 %}

{% else %}

{% assign products_per_page = section.settings.products_per_page %}

{% endif %}

{% endif %}

But it seems that it does load with 2 products…

One of the products is here with the variants:

And made a page with a custom product grid that is able to load more of the products directly as the collection for these also fails (Only has 7 x 1205 variant products) - see page:

Here is a sample product csv import (it does have emojis though.. I can remove descriptions entirely if needed for testing. link: not sure how else to attach here: (https://drive.google.com/file/d/1wBExng5pXkx_LexdJJLTmjKb_lziffTh/view?usp=sharing)

I will check the skeleton theme too!

edit *the 2 variant code worked a couple times but is intermittent and still failing.

edit2* skeleton theme still fails . sigh.