Spinning wheel of death or loading circle on all products

Lindy_Pleiss
New Member
10 0 0

I have followed others instructions through the forums and added a call for quote notice for items tagged with "call-for-quote" and with a $0 price. However, on those I have not tagged as needing a quote, there is a spinning wheel of death, or loading wheel where the quote notice would be. It's on every single item and I'm not sure what to do! My website is http://kittles-music.com

Here is my theme.liquid, I am using the Providence theme. 

<!DOCTYPE html>
{% include 'settings' %}
{% include 'body-class' %}

<!-- {{ theme_name }} {{ theme_version }} Shopify theme by Empyre - http://empy.re -->
<!-- Proudly powered by Shopify - http://empy.re/shopify -->

<html class="no-js">
  <head>
    {% include 'meta' %}
    {% include 'head-styles' %}
    {% include 'head-scripts' %}
    {{ content_for_header }}
    <link href='https://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
    <!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');

fbq('init', '1732890870293434');
fbq('track', "PageView");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1732890870293434&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
  <!-- BeginConsistentCartAddon -->{{ "consistent_cart_addon.min.js" | asset_url | script_tag }}<script>{% if customer %}Shopify.merge_cart_text = '{{ "consistent_cart_addon.merge_cart_text" | t }}' ;Shopify.customer_logged_in = true ; Shopify.customer_email = "{{ customer.email }}" ;{% else %}Shopify.customer_logged_in = false ; Shopify.customer_email = "" ;{% endif %}</script><!-- EndConsistentCartAddon -->
</head>

  <body id="{{ page_title | handle }}" class="{{ body_class }}">
        <!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-WP6LX8"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WP6LX8');</script>
<!-- End Google Tag Manager -->
    {% include 'facebook-sdk' %}
    {% include 'notify-bar' %}

    <div id="app-wrap">
      {% include 'header-actions' %}
      {% include 'header' %}

      <div id="site-body">
        <div class="row padded-h">
          <div class="small-12 columns">
            {% if template == 'list-collections' %}
              {% include 'collection-listing' %}
            {% else %}
              {{ content_for_layout }}
            {% endif %}
          </div>
        </div>
        <div class="footer-top"></div>
      </div>

      {% include 'footer' %}
    </div>

    {% include 'footer-scripts' %}
    {% include 'sweettooth-widgets' %}

</body>
</html>

Here is my product.liquid: 



{% assign has_sidebar = false %}
{% assign has_crumbs = true %}

{% include 'settings' %}
{% include 'page-header' with product.title %}
{% include 'content-wrap-open' %}
{% include 'content-open' %}



<article class="hproduct product-{{product.id}} {{product.handle}} single">
  <div class="row">

    <div class="medium-6 columns">
      <div class="images">
        {% include 'product-images' %}
      </div>
    </div>

    <div class="medium-6 columns">
      <div class="details">
        
                

        {% if collection and settings.product_collection_nav_top? %}
          {% include 'product-collection-nav' with 'top' %}
        {% endif %}

        {% if settings.product_display_vendor? %}
        <div class="brand section">
          {{ product.vendor | link_to_vendor }}
        </div>
        {% endif %}

        {% if product.tags contains 'call-for-quote' %}
        <p><font size="4"><b>PLEASE CALL US FOR BEST PRICE ON THIS ITEM.</b></font></p>
{% else %}
  <div class="pricing section">
    <i class="fa fa-spinner fa-spin"></i>
    <span class="price"></span>
    {% if settings.product_display_compare_at? %}
    <span class="price compare"></span>
    {% endif %}
  </div>
{% endif %}

        {% if settings.product_variations_location == 'top' %}
          {% include 'product-variants' %}
          {% include 'product-body' %}
        {% else %}
          {% include 'product-body' %}
          {% include 'product-variants' %}
        {% endif %}

        {% include 'product-footer' %}

        {% if collection and settings.product_collection_nav_bottom? %}
          {% include 'product-collection-nav' with 'bottom' %}
        {% endif %}
        

    
    
      </div>
    </div>

  </div>
</article>

My collection.liquid: 

{% assign has_sidebar = false %}
{% assign has_crumbs = true %}
{% assign collection_title = collection.title %}

{% if collection.handle == 'all' %}
  {% assign collection_title = 'collections.collection.all_products' | t %}
{% endif %}

{% include 'settings' %}
{% include 'page-header-collection' with collection_title %}
{% include 'content-wrap-open' %}
{% include 'content-open' %}

{% if settings.collection_display_browse? %}
  {% include 'collection-tag-filter' %}
{% endif %}

{% if collection.description and collection.description.size > 0 %}
  <div class="collection-description">{{ collection.description }}</div>
{% endif %}

{% paginate collection.products by collection_products_per_page %}
{% if collection.products.size > 0 %}

  <div class="products cards">
    <ul class="small-block-grid-{{ collection_products_per_row_small }} medium-block-grid-{{ collection_products_per_row_medium }} large-block-grid-{{ collection_products_per_row_large }}">

    {% for product in collection.products  %}
      <li>{% include 'product-small' %}</li>
    {% endfor %}
    </ul>
  </div>

  {% include 'pagination-numbered' %}

{% else %}
  <p class="empty">{{ 'collections.collection.empty_html' | t }}</p>
{% endif %}
{% endpaginate %}

{% include 'content-close' %}
{% include 'content-wrap-close' %}

{% unless product.price == 0 %}
    {{ product.price | money }}
{% endunless %}

 

Any help would be greatly appreciated, it's slowing down my page and I'm stumped on the solution.

0 Likes
Adrian34
Tourist
46 0 3

Hi Lindy,

 

We can help you in this.

Work will be paid, If you are comfortable.

Feel free to contact me.

 

Thank You

Adrian Williams

 

0 Likes
Lindy_Pleiss
New Member
10 0 0

I prefer some friendly advice, I know it is code out of place somewhere, thanks.

0 Likes