Stockist isn't loading on the Shopify Turbo theme

If you're using the Turbo theme on Shopify and notice your store locator stuck at the loading message, you may have an issue caused by the "Ludicrous mode" performance option. This option uses a bit of wizardry to load pages a bit faster at the expense of compatibility with many popular apps and services.

Fixing the issue

The best way to fix the problem is to disable this mode for your Store Locator page specifically, while leaving it enabled on the rest of your site. There's no built-in theme option to do this, but it's possible with a small code change:

We're here to help! If you're not comfortable adding code to your theme, just shoot us an email and we can do these steps for you.

1. In your Shopify admin, go to Online Store > Themes > Customize Theme
2. Click the Theme Settings tab, then the Performance menu item
3. In the Scripts section, copy and paste the following code into the Custom Scripts box:
   
   $("a[href*='store-locator']").attr('data-no-instant', true);

Note that the code changes depending on the URL of your store locator page. The above code works for the standard URL of /pages/store-locator, but if you've changed the page URL, just adjust the contents within the first pair of single quotes accordingly. For example, if your page URL is /pages/where-to-buy, you would use the following:

$("a[href*='where-to-buy']").attr('data-no-instant', true);

When complete, the changes should look like the following:

Again, if you need assistance just send us an email and we're happy to help.

Simpler option

If you don't mind disabling Ludicrous mode for your whole site, you can turn it off site-wide without changing any code:

1. In your Shopify admin, go to Online Store > Themes > Customize Theme
2. Click the General Settings tab, then the Performance menu item
3. Set Page Transitions to Sport, then click Save

This will also fix your store locator issue, but will disable the super-fast page loading for your whole site.