Shopify Embed Code

We have the Bedford template and just added a Shopify store using the embed code. The store takes about 10 seconds to load. I read we can disable Ajax to speed it up but I couldn't find that option. In researching it looks like Bedford doesn't have Ajax loading. Please advise! https://www.addicttoathlete.com/team-shop

Bedford does not have Ajax loading. 

I found that out. Is there anything else I can do to speed up the loading on that page?

Do I have to change my whole template to one that has Ajax loading to be able to disable it and speed up the loading on that page with the Shopify button?

Ajax loading is a red herring. It is not the cause of any delayed load on Bedford. 

Looking on Google it seems that Shopify embeds can have performance issues. 

I suggest you support Shopify support. In my experience they are excellent. Ask them if there is an optimal way to embed a store to avoid performance issues. 

I just experimented by putting the Shopify Storefront embed into a blank html document. It took 18 seconds to load your storefront. 

The problem is definitely on the Shopify side. 

I'll try that! Yea 10-18 seconds is not okay! Thank you.

On 10/25/2019 at 1:48 PM, marissaleap said:

I'll try that! Yea 10-18 seconds is not okay! Thank you.

Hi! I have a similar issue, the shoppify button does not charge at a first time (the page needs to refresh and then product appears). Did you solved your problem? Maybe that would work for me. Thanks!

12 hours ago, Soredadux said:

Hi! I have a similar issue, the shoppify button does not charge at a first time (the page needs to refresh and then product appears). Did you solved your problem? Maybe that would work for me. Thanks!

Add this code above Shopify code

<!-- Add this code above shopify code -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
  $('section.ProductItem-details').append($('section.ProductItem-additional .code-block'));  
</script>
<!-- Add this code above shopify code -->

If it doesn't work, can you share link to product where you embed shopify code? We can check easier.

Hello, I'm having this same issue on my site. If you land on my Shop and clickthhrough to the embedded Shopify products, it requires a complete page reload to display products.

You can see this by visiting https://www.glennaneece.com/shop and clicking Yoni Crystals, which takes you to this URL https://www.glennaneece.com/yoni-crystals. If you visit the 2nd URL directly, the products load without refresh.

I tried adding the code above but it didn't change the way it's displaying.

On 1/31/2021 at 8:48 AM, maggiemccloud said:

Hello, I'm having this same issue on my site. If you land on my Shop and clickthhrough to the embedded Shopify products, it requires a complete page reload to display products.

You can see this by visiting https://www.glennaneece.com/shop and clicking Yoni Crystals, which takes you to this URL https://www.glennaneece.com/yoni-crystals. If you visit the 2nd URL directly, the products load without refresh.

I tried adding the code above but it didn't change the way it's displaying.

Design > Site Styles > Disable Ajax Loading