Ctrlk
For the complete documentation index, see llms.txt. This page is also available as Markdown.
ChatGPT

Remove loading delays (Lazy Loading & Late-Loading Options)

This guide explains when and why you may need to add Infinite Options’ faster loading script, and how to apply it to your Shopify theme.

Quick Fix

If your Infinite Options are loading late on the product page, you can fix this by installing the faster loading script.

From your Shopify admin:

  1. Go to Online Store > Themes

  2. Click ••• > Edit code on your active theme

  3. Open the theme.liquid file

  4. Paste the Infinite Options faster loading script inside the <head> section

  1. Save your changes

If you see a warning such as “Avoid parser blocking scripts,” this can be safely ignored.

Add the Faster Loading Script - Step by Step Guide

1. From your Shopify admin, click Online Store to arrive at the Themes page.

2. Find the theme you want to edit, click the Actions button, then click Edit code.

3. Open the theme.liquid file located in the Layout folder.

Paste the following code snippet directly after the <head> tag:

If you see a warning such as “Avoid parser blocking scripts,” this can be safely ignored.

5. Save your changes.

Confirm It Worked

After saving your changes:

  • Refresh a product page that uses Infinite Options

  • Confirm options appear immediately

  • Verify the page layout remains stable

If everything looks good, you’re all set.

Is This the Right Fix?

This solution applies if you are seeing one or more of the following:

  • Options appear a moment after the rest of the product page

  • Options load inconsistently when refreshing the page

  • The Add to cart button appears before the options load

  • Options appear on desktop but not on mobile

If your options already load instantly and consistently, you do not need this change.

What This Fix Does

On Shopify, apps do not all load at the same time. Depending on the third-party apps installed on your store, Infinite Options may be delayed while other apps or theme scripts load first.

The faster loading script allows Infinite Options to load earlier, so it isn’t delayed by other apps or theme behavior. This does not change how your options work, pricing, or logic. It only changes when Infinite Options loads.

This resolves what is often described as lazy loading, where options appear after the rest of the page.

Confirm the Fix

After saving your changes:

  • Refresh a product page that uses Infinite Options

  • Confirm options appear immediately

  • Verify the page layout remains stable

If the delay is resolved, no further action is needed.

Common Questions

Will this affect my page speed? No. This only changes when Infinite Options loads, not how much it loads.

Can this conflict with my theme? This code snippet won't cause any theme conflicts

Is this required for all themes? No. Most themes do not need this change. It is most helpful when the order that apps load on the page causes Infinite Options to appear late.

Need Help?

If you would like help confirming whether this change is needed or want guidance applying it, contact our support team.

PreviousPerformance and OptimizationNextCan Infinite Options scripts be deferred or loaded asynchronously?

Last updated