Any one can help fix my wishlist function?many thanks!!!!

Highlighted
New Member
5 0 0

when I click "add to my wishlist" it just keeps loading~ dont know how to fix it ~~

url: www.giftle.co.nz

here are my code in theme

wishlist-pro in snippets

    <style type="text/css" scoped>
        @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);.wishlist-pro-wrapper{f..."Open Sans",sans-serif}.wishlist-pro-wrapper a{color:#f45b4f;text-decoration:none}.wishlist-pro-wrapper ul{display:inline;margin:0;padding:0;list-style:none}.wishlist-pro-wrapper ul li{display:inline-block;position:relative;padding:5px 10px;margin:0;background:#fff;cursor:pointer;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.wishlist-pro-wrapper ul li:hover{color:#C52424}.wishlist-pro-wrapper ul li ul{padding:0;position:absolute;top:28px;left:16;min-width:160px;display:none;opacity:0;visibility:hidden;-webkit-transiton:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;-transition:opacity .2s;-webkit-box-shadow:4px 6px 9px -6px rgba(0,0,0,.48);-moz-box-shadow:4px 6px 9px -6px rgba(0,0,0,.48);box-shadow:4px 6px 9px -6px rgba(0,0,0,.48);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #EFEFEF}.wishlist-pro-wrapper ul li ul li{display:block;color:#f45b4f;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.wishlist-pro-wrapper ul li ul li:hover{background:#FFF}.wishlist-pro-wrapper ul li:hover ul{display:block;opacity:1;visibility:visible}
    </style>
    {% comment %} Wishlist PRO v0.1 wishlist button and list container. No need to edit this snippet{% endcomment %}
    {% if template contains "product" %}
    {% if customer and customer.id != blank %}{% comment %}Allows logged in customer create and retrieve wishlist using their account{% endcomment %}
    <div class="wishlist-pro-wrapper"></div>
    <script type="text/javascript">
        var cus_wishlist_pro = {
            id: {{ customer.id }},
            email: "{{ customer.email }}",
            first_name: "{{ customer.first_name }}",
            shopify_domain: "{{ shop.permanent_domain }}",
            product_id: {{ product.id }},
            product_variant_id: {{ product.variants.first.id }},
            product_image_url:"{{ product.images.first | img_url: "medium" }}",
            api_version: "1.0"
        };
    </script>

    <script type="text/template" id='wishlist-pro-wrapper'>
      <% if ( wishlists.is_shop_active == false ) { %>
      <% } else if( wishlists.customer_present == false){ %>
            <a href="#" class="add-to-wishlist"><i class="fa fa-heart-o"></i> <span>Add to Wishlist</span></a>
       <% } else { %>
        	<% if ( wishlists.items=="" ) { %>
        		<a href="#" class="add-to-wishlist"><i class="fa fa-heart-o"></i> <span>Add to Wishlist</span></a>
       		<% } else { %>
                <ul><li>
                <% if ( wishlists.has_product ) { %>
                    <a href="#" class="in_items"><i class="fa fa-heart"></i> <span>In your Wishlist</span></a>
                <% } else { %>
                    <a href="#" class="in_items"><i class="fa fa-heart-o"></i> <span>Add To Wishlist</span></a>
                <% } %>
                <ul>
        			<% _.each(wishlists.items,function(item,key,list){ %>
                         <% if ( item.has_items ) { %>
                   			<li id="<%= item.id %>" class='in_wl'><i class='fa fa-heart'></i>&nbsp<%= item.name %></li>
                         <% } else { %>
                            <li id="<%= item.id %>" class='not_in_wl'><i class='fa fa-heart-o'></i>&nbsp<%= item.name %></li>
                         <% } %>
                    <% }); %>
                </ul>
                </li></ul>
       		<% } %>
       <% } %>

    </script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
    <script type="text/javascript">!function(){function t(){e=window.jQuery.noConflict(!0),i()}function i(){e(document).ready(function(t){var i=s+"/wishlist/load_snippet?callback=?";t.getJSON(i,cus_wishlist_pro,function(i){var e=_.template(t("#wishlist-pro-wrapper").html());t(".wishlist-pro-wrapper").html(e({wishlists:i.wishlists}))}),t(document).on("click",".add-to-wishlist",function(){return this_item=t(this),this_item.find("i").removeClass("fa-heart-o"),this_item.find("i").addClass("fa-refresh fa-spin"),t.getJSON(s+"/wishlist/add_to_wish_list?callback=?",cus_wishlist_pro,function(t){"done"==t.msg&&(this_item.removeClass("add-to-wishlist"),this_item.addClass("in_items"),this_item.find("i").removeClass("fa-refresh fa-spin").addClass("fa-heart"))}),!1}),t(document).on("click",".not_in_wl",function(){return this_item=t(this),item_id=this_item.attr("id"),this_item.find("i").removeClass("fa-heart-o"),this_item.find("i").addClass("fa-refresh fa-spin"),cus_wishlist_pro.item_id=item_id,t.getJSON(s+"/wishlist/add_to_wish_list_with_item?callback=?",cus_wishlist_pro,function(t){"done"==t.msg&&(this_item.removeClass("not_in_wl"),this_item.addClass("in_wl"),this_item.find("i").removeClass("fa-refresh fa-spin").addClass("fa-heart"))}),!1}),t(document).on("click",".in_items , .in_wl",function(i){var e=t(this).attr("id");""==e?document.cookie="wlpro= ;path=/":document.cookie="wlpro="+e+";path=/",window.location.href="/pages/wishlist-pro",i.preventDefault()})})}var e,s="https://wishlistpro.microapps.com";if(void 0===window.jQuery){var a=document.createElement("script");a.setAttribute("type","text/javascript"),a.setAttribute("src","http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"),a.readyState?a.onreadystatechange=function(){("complete"==this.readyState||"loaded"==this.readyState)&&t()}:a.onload=t,(document.getElementsByTagName("head")[0]||document.documentElement).appendChild(a)}else e=window.jQuery,i()}();</script>
    {% else %}
    <div class="wishlist-pro-wrapper"><ul><li><a href="/account" class="in_items"><i class="fa fa-heart-o"></i> <span>Add To Wishlist</span></a></li></ul></div>
    {% endif %}
    {% endif %}

page.wishlist-pro.liquid in themplates

  <style type="text/css" scoped> @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
   ss.accordion,.accordion *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.accordion{overflow:hidden;border-radius:3px}.accordion-section-title{width:100%;padding:15px;display:inline-block;border-bottom:1px solid #E4E4E8;transition:all linear .15s;font-size:1.1em;color:#141513}.accordion-section-title.active,.accordion-section-title:hover{text-decoration:none}.accordion-section:last-child .accordion-section-title{border-bottom:none}.accordion-section-content{padding:15px;display:none}ul.rig{list-style:none;font-size:0;margin-left:-2.5%}ul.rig li{display:inline-block;padding:5px;margin:0 0 2.5% 2.5%;background:#fff;font-size:16px;font-size:1rem;vertical-align:top;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}ul.rig li img{max-width:100%;height:auto;margin:0 0 10px}ul.rig li h3{margin:0 0 5px}ul.rig li p{font-size:.9em;line-height:1.5em;color:#999}ul.rig.columns-2 li{width:47.5%}ul.rig.columns-3 li{width:30.83%}ul.rig.columns-4 li{width:22.5%}.add_to_cart_form{float:left;margin-right:5px}.btn-delete{background-color:#007a87 !important}.addthis_sharing_toolbox_holder{display:none;margin-top:5px}.share_holder{float:right}.grid-container{margin-top:28px}.delete_wishlist{right: 0; padding-top: 16px; display: absolute; position: absolute; display:none; font-size:16px} .accordion-section:hover span{display : block;}

  </style>
  <div class="wishlist-pro-wrapper-page">
    <div class="span12">&nbsp;</div>
  </div>

    <script type="text/javascript">
      var cus_wishlist_pro = {
        id: "{{ customer.id }}",
        email: "{{ customer.email }}",
        first_name: "{{ customer.first_name }}",
        shopify_domain: "{{ shop.permanent_domain }}",
        api_version: "1.0"
      };
    </script>
 <script type="text/template" id='wishlist-pro-wrapper-page'>
   
      <div class="span12">
      <%if(conditions.can_share){ %>
          <div><%if(!is_share) { %>
          <a class ="add_list" href="#"><i class="fa fa-plus"></i> New List</a>&nbsp;&nbsp;
          <% } %>
          <a id="share_all" href="{{ shop.url }}/pages/wishlist-pro?share=<%= share_url %>"><i class="fa fa-share-alt"></i> Share all Wishlists</a>
         </div>
         <% } else { %>
           <div><a class ="add_list" href="#"><i class="fa fa-plus"></i> New List</a></div>
      <% } %>
      <div class="accordion">
      <% _.each(wishlists,function(item,key,list){
           var active = ""
           var open = ""
           var style = ""
           if(wlpro == "undefined"){
             if(key == 0 ){
                 active = "active"
                 open = "open"
                 style = 'style="display:block"'
             }
           }else if(item.wishlist.id == wlpro){
               active = "active"
               open = "open"
               style = 'style="display:block"'
           }
      %>
       <div class="accordion-section">
         <span id ="<%= item.wishlist.id %>" class="delete_wishlist"><i class="fa fa-times-circle-o"></i></span>
         <a id="<%= item.wishlist.id %>" class="accordion-section-title <%= active %>" href="#accordion-<%= key %>"> <%= item.wishlist.name %> <% if(item.items.length == 0){ %>(empty)<% } %></a>
         <div id="accordion-<%= key %>" class="accordion-section-content <%= open %>" <%= style %>>
         <% if(conditions.can_share && (item.items.length != 0)){ %>
         	<div class="share_holder"><a class="share_item" data-item_name = "<%= item.wishlist.name %>" data-item_id = "<%= item.wishlist.id %>" id="sharing-button-<%= key %>" href="#"><i class="fa fa-share-alt"></i> Share <%= item.wishlist.name %> Wishlist</a></div>
         <% } %>
          <div id="three-columns" class="grid-container" style="display: block;">
                <ul class="rig columns-3">
				         <% _.each(item.items,function(item,key,list){ %>
                  <li>
                   <img src='<%= item.image_url %>'>
                  <div>
                  <form class="add_to_cart_form" action="/cart/add" method="post">
                    <input type="submit" class="btn add-to-cart" name="add" value="Add to Cart">
                    <input type="hidden" name="id" value='<%= item.variant_id %>'>
                  </form>
                  <%if(!is_share) { %>
                  <input type="button" id='<%= item.id %>' class="btn btn-delete sharer-0 delete_product" value="Remove"></input>
                  <%}%>
                  </div>
                  </li>
                 <% }) %>
               </ul>
           </div>
         </div>
       </div>
      <% }); %>
       </div>
      </div>
  </script>

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-515c03475f6bd5f0" async="async"></script>
    <script type="text/javascript">!function(){function t(){n=window.jQuery.noConflict(!0),e()}function e(){n(document).ready(function(t){function e(){n(".accordion .accordion-section-title").removeClass("active"),n(".accordion .accordion-section-content").slideUp(300).removeClass("open")}var d=r("share");if(void 0!=d&&""!=d){var l=c.decode(d).split("-");cus_wishlist_pro={id:l[0],item:l[1],shopify_domain:"{{ shop.permanent_domain }}",api_version:"1.0"}}var h=a+"/wishlist/load_page?callback=?";t.getJSON(h,cus_wishlist_pro,function(e){var r=i("wlpro"),o=!1;void 0!=d&&(r="undefined",o=!0);var n=_.template(t("#wishlist-pro-wrapper-page").html());t(".wishlist-pro-wrapper-page").html(n({wishlists:e.wishlists.list,conditions:e.wishlists.conditions,wlpro:r,share_url:c.encode(cus_wishlist_pro.id.toString()),is_share:o})),s(cus_wishlist_pro.id)}),t(document).on("click",".accordion-section-title",function(t){var i=n(this).attr("href");n(t.target).is(".active")?e():(e(),n(this).addClass("active"),n(".accordion "+i).slideDown(300).addClass("open")),o(n(this).text(),n(this).attr("id"),"sharing-button-"+i.split("-")[1]),t.preventDefault()}),t(document).on("click",".delete_wishlist",function(e){var i=confirm("Are you sure you want to delete this wishlist?");if(1==i){wishl_list=t(this);var r=a+"/wishlist/destroy?callback=?";t.getJSON(r,{id:wishl_list.attr("id")},function(t){alert("Your Wishlist successfully Deleted"),wishl_list.closest(".accordion-section").hide("slow",function(){$target.remove()})})}e.preventDefault()}),t(document).on("click",".add_list",function(e){var i=prompt("Please enter the Wishlist name","Wishlist");if(null!=i){cus_wishlist_pro.list_name=i;var r=a+"/wishlist/add_list?callback=?";t.getJSON(r,cus_wishlist_pro,function(e){alert("Your Wishlist "+i+" has been successfully created"),t(".accordion").append('<div class="accordion-section"><a class="accordion-section-title " href="#accordion-2">'+i+'</a><div id="accordion-2" class="accordion-section-content "><div id="three-columns" class="grid-container" style="display: block;"></div></div></div>')})}e.preventDefault()}),t(document).on("click",".delete_product",function(e){this_list=t(this);var i=a+"/wishlist/delete_product?callback=?";t.getJSON(i,{product_id:this_list.attr("id")},function(t){this_list.closest("li").hide(300)}),e.preventDefault()}),t(document).on("click mouseover",".share_item",function(e){var i=t(this).data("item_name"),r=t(this).data("item_id");o(i,r,t(this).attr("id"))})})}function i(t){for(var e=t+"=",i=document.cookie.split(";"),r=0;r<i.length;r++){for(var o=i[r];" "==o.charAt(0);)o=o.substring(1);if(0==o.indexOf(e))return o.substring(e.length,o.length)}return""}function r(t){var e,i,r=decodeURIComponent(window.location.search.substring(1)),o=r.split("&");for(i=0;i<o.length;i++)if(e=o[i].split("="),e[0]===t)return void 0===e[1]?!0:e[1]}function o(t,e,i){var r=cus_wishlist_pro.id+"-"+e,o="{{ shop.url }}/pages/wishlist-pro/?share="+c.encode(r);addthis.button("#"+i,{},{url:o,title:t})}function s(t){var e="{{ shop.url }}/pages/wishlist-pro/?share="+c.encode(t);addthis.button("#share_all",{},{url:e,title:"My Wishlist"})}var n,a="https://wishlistpro.microapps.com",c={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(t){var e,i,r,o,s,n,a,d="",l=0;for(t=c._utf8_encode(t);l<t.length;)e=t.charCodeAt(l++),i=t.charCodeAt(l++),r=t.charCodeAt(l++),o=e>>2,s=(3&e)<<4|i>>4,n=(15&i)<<2|r>>6,a=63&r,isNaN(i)?n=a=64:isNaN(r)&&(a=64),d=d+this._keyStr.charAt(o)+this._keyStr.charAt(s)+this._keyStr.charAt(n)+this._keyStr.charAt(a);return d},decode:function(t){var e,i,r,o,s,n,a,d="",l=0;for(t=t.replace(/[^A-Za-z0-9\+\/\=]/g,"");l<t.length;)o=this._keyStr.indexOf(t.charAt(l++)),s=this._keyStr.indexOf(t.charAt(l++)),n=this._keyStr.indexOf(t.charAt(l++)),a=this._keyStr.indexOf(t.charAt(l++)),e=o<<2|s>>4,i=(15&s)<<4|n>>2,r=(3&n)<<6|a,d+=String.fromCharCode(e),64!=n&&(d+=String.fromCharCode(i)),64!=a&&(d+=String.fromCharCode(r));return d=c._utf8_decode(d)},_utf8_encode:function(t){t=t.replace("","");for(var e="",i=0;i<t.length;i++){var r=t.charCodeAt(i);128>r?e+=String.fromCharCode(r):r>127&&2048>r?(e+=String.fromCharCode(r>>6|192),e+=String.fromCharCode(63&r|128)):(e+=String.fromCharCode(r>>12|224),e+=String.fromCharCode(r>>6&63|128),e+=String.fromCharCode(63&r|128))}return e},_utf8_decode:function(t){for(var e="",i=0,r=c1=c2=0;i<t.length;)r=t.charCodeAt(i),128>r?(e+=String.fromCharCode(r),i++):r>191&&224>r?(c2=t.charCodeAt(i+1),e+=String.fromCharCode((31&r)<<6|63&c2),i+=2):(c2=t.charCodeAt(i+1),c3=t.charCodeAt(i+2),e+=String.fromCharCode((15&r)<<12|(63&c2)<<6|63&c3),i+=3);return e}};if(void 0===window.jQuery){var d=document.createElement("script");d.setAttribute("type","text/javascript"),d.setAttribute("src","http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"),d.readyState?d.onreadystatechange=function(){("complete"==this.readyState||"loaded"==this.readyState)&&t()}:d.onload=t,(document.getElementsByTagName("head")[0]||document.documentElement).appendChild(d)}else n=window.jQuery,e()}();</script>

product.liquid in themplates

{% assign current_variant = product.selected_or_first_available_variant %}

<div class="row">
  <div class="col-sm-9 col-lg-9 col-md-9">
    {% include 'breadcrumb' %}
    <!-- product-description-area start -->
    <div class="product-description-area">
      <div class="row">
        <div class="col-sm-5 col-lg-5 col-md-5">
          <div class="larg-img">
            <div class="single-product-image" id="ProductPhoto">
              {% assign featured_image = current_variant.featured_image | default: product.featured_image %}
              <img src="{{ featured_image | img_url: 'large' }}" alt="{{ featured_image.alt | escape }}" id="ProductPhotoImg">
            </div>
            <div class="select-product">
              {% if product.images.size > 1 %}
              <ul class="thumb-slider" id="ProductThumbs">
                {% for image in product.images %}
                <li>
                  <a href="{{ image.src | img_url: 'large' }}" class="product-single__thumbnail">
                    <img src="{{ image.src | img_url: 'compact' }}" alt="{{ image.alt | escape }}">
                  </a>
                </li>
                {% endfor %}
              </ul>
              {% endif %}     
            </div>
          </div>
          <div class="print-mail">
            <span>
              <i class="fa fa-envelope-o"></i>
              <a href="#" onClick="window.location.href='mailto:';">Send to a friend</a>
            </span>
            <span>
              <i class="fa fa-print"></i>
              <a href="#" onClick="window.print();">Print</a>
            </span>
          </div>
        </div>
        <div class="col-sm-7 col-lg-7 col-md-7">
          <div class="product-description">
            <form action="/cart/add" method="post" enctype="multipart/form-data" id="AddToCartForm" class="form-vertical">
              <h2 class="product-name">{{ product.title }}</h2>
              <div class="ratting">
				<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
              </div>
              <p class="model-condi">
                <label>Product type: </label>
                <span>{{ product.type }}</span>
              </p>
              <p class="model-condi">
                <label>Product weight: </label>
                <span>{{ product.variants.first.weight | weight_with_unit }}</span>
              </p>              
              <div class="product-desc">{{ product.description }}</div>
              <p class="pquantityavailable">
                <span>Availability:</span>
                <span class="stock-status">
                  {% if product.available %}In Stock{% else %}Out Of Stock{% endif %}
                </span>
              </p>
              <div class="price-box-area">
                <span class="visually-hidden">{{ 'products.general.regular_price' | t }}</span>
                <span id="ProductPrice" class="new-price">{{ current_variant.price | money }}</span>
                {% if product.compare_at_price_max > product.price %}
                <span class="visually-hidden">{{ 'products.general.sale_price' | t }}</span>
                <span class="old-price">
                  {{ current_variant.compare_at_price | money }}
                </span>
                {% endif %}                
              </div>
              <div class="cart-quantity-area">
                <label for="Quantity" class="quantity-selector">{{ 'products.product.quantity' | t }}</label>
                <input type="number" id="Quantity" name="quantity" value="1" min="1" class="quantity-selector">                                    	
              </div>               
              <div class="product-attributes">
                <select name="id" id="productSelect" class="product-single__variants">
                  {% for variant in product.variants %}
                  {% if variant.available %}
                  <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>
                  {% else %}
                  <option disabled="disabled">
                    {{ variant.title }} - {{ 'products.product.sold_out' | t }}
                  </option>
                  {% endif %}
                  {% endfor %}
                </select>
              </div>
              <div class="action-button button-exclusive single-product-wish">
                <button type="submit" name="add" class="add-to-cart btn">
                  <span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
                </button>
                <div class="wishlist-menu-area">
                  {% include 'wishlist-pro' %} 
                </div>
              </div>
              <div class="social-shere-button">
            	<div class="addthis_native_toolbox"></div>
              </div>
            </form> 
          </div>
        </div>
      </div>
    </div>
    <!-- product-description-area end -->
    <!-- product-overview-start -->
    <div class="product-overview">
      <div class="product-overview-tab-menu">
        <ul>
          <li class="active"><a href="#moreinfo" data-toggle="tab">More info</a></li>
          <li><a href="#datasheet" data-toggle="tab">Data sheet</a></li>
          <li><a href="#reviews" data-toggle="tab">Reviews</a></li>
        </ul>
      </div>
      <div class="tab-content">
        <div id ="moreinfo" class="tab-pane fade in active">
          <div class="rte">{{ product.content }}</div>
        </div>
        <div id ="datasheet" class="tab-pane fade">
          <div class="datasheet-table table-responsive">
            <table>
              <tr>
                <td>{{ 'product_info.product_id' | t }}</td>
                <td>{{ product.id }}</td>
              </tr>
              <tr>
                <td class="td-bg">{{ 'product_info.product_vendor' | t }}</td>
                <td class="td-bg">{{ product.vendor }}</td>
              </tr>
            </table>
          </div>
        </div>
        <div id ="reviews" class="tab-pane fade">
          <div class="reviews-table table-responsive">
            <table>
              <tr>
                <td>
                  <div class="comment-rating">
					<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div> 
                  </div>
                </td>
              </tr>
            </table>
          </div>
        </div>
      </div>
    </div>
    <!-- product-overview-end -->
    <!-- related product start -->
    {% include 'related-product' %}
    <!-- related product end -->
  </div>
  <div class="col-sm-3 col-lg-3 col-md-3">  
    <div class="left-sidebar">
      <!-- special-product-area start-->
		{% include 'sidebar-product-block' %}
      <!-- special-product-area end-->   
      <!-- add-banner-slider start-->
		{% include 'sidebar-carousel-add' %}
      <!-- add-banner-slider start-->   
      <!-- tag-area start-->
      {% include 'product-tag' %}
      <!-- tag-area end-->
    </div>  
  </div>  
  
  
</div>



{{ 'option_selection.js' | shopify_asset_url | script_tag }}
<script>
  var selectCallback = function(variant, selector) {


    timber.productPage({
      money_format: "{{ shop.money_format }}",
      variant: variant,
      selector: selector
    });
  };

  jQuery(function($) {
    new Shopify.OptionSelectors('productSelect', {
      product: {{ product | json }},
      onVariantSelected: selectCallback,
      enableHistoryState: true
    });

    // Add label if only one product option and it isn't 'Title'. Could be 'Size'.
    {% if product.options.size == 1 and product.options.first != 'Title' %}
    $('.selector-wrapper:eq(0)').prepend('<label for="productSelect-option-0">{{ product.options.first | escape }}</label>');
                                         {% endif %}

     // Hide selectors if we only have 1 variant and its title contains 'Default'.
     {% if product.variants.size == 1 and product.variants.first.title contains 'Default' %}
     $('.selector-wrapper').hide();
    {% endif %}
    

    
    
    
    
  });
</script>

Many many thanks!!!

0 Likes
Highlighted
Shopify Expert
265 1 16

Does it happen only when there is no account?

Jarvis @ Kaleido
- Slow Shopify Store? Install our PageSpeed Magic app.
- Have more questions? Feel free to email me.
- My reply helped? Click Like to show me some love!

0 Likes
Highlighted
Shopify Expert
2684 67 841

There were a lot of wishlist apps/mods, based on the customer forms, which do not work anymore because of the captcha. Check here:https://github.com/zakhardage/Shopify-Wish-List

[NOTE] February 6, 2017 Shopify updated customer forms: "Customers submitting a contact form or signing up for a mailing list more than once in a 24 hour period need to complete a captcha to verify that they’re human."

This update breaks the wishlist functionality. You can contact support and request they update your store ("it's actually a tag that has to be added on the back end") to remove the captcha functionality. Of course, this makes your shop vulnerable to spam.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
0 Likes
Highlighted
Shopify Partner
39 0 1

You can use the Wishlist Stellar app which is one-click integration. You dont have to know code to install widget to your store. The team can also help you with the installation.

0 Likes