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.
