Shopify-problem. Produktloopen la av. Allt var okej fram till nyligen.
Har identifierat problemet till den här raden:
{% unless template contains 'collection' %}
{% cycle 'clear-product-loop': '', '', '', '<div style="clear:both;"></div>' %}
{% endunless %}
Allt funkade med mitt demoinnehåll men nu då kunden själv lagt in innehåll så blev det knas. Men med det sagt så kan ju Shopify ha uppdaterat eller nått annat hänt som är orelaterat till detta.
Problemet är att "<div style="clear:both;"></div>" dyker random upp. Borde vara på var fjärde plats men blir ilbnad andra, ibland tredje och ibland rätt (4e).
Eftersom vi i Europa kan CSS:a betydligt bättre än jänkarna så tänkte jag att den där behöver jag ju inte. Tar bara bort den. Men det funkar inte heller, då byter den aldrig kollektion utan loopar bara samma kollektion om och om igen.
Så, då tänker jag. Fulhack! Och använder jQuery för att sikta in mig på den överflödiga diven och ta bort den. Även då slutar den loopa kollektionerna och kör samma om och om igen. Förstår inte hur det kan påverka. Märker att det räcker med att jag sparar om vissa filer för att den ska sluta loopa. WTF händer?
Sjukt underligt problem.
Så här ser product.loop ut:
{% capture collection_handle %}{{ product-loop | handleize }}{% endcapture %}
{% capture url %}{% if collection_handle != "" %}/collections/{{ product-loop }}{{ product.url }}{% else %}{{ product.url }}{% endif %}{% endcapture %}
<div class="product_front_container">
{% if product.price_min < product.compare_at_price_min %}
{% if settings.show_sale_circle %}
<span class="circle sale">{{ 'collections.general.sale' | t }}</span>
{% endif %}
{% endif %}
{% assign product_front_counter = 1 %}
<div class="product_front_image">
<a class="product_front_link" href="{{ url }}">
{% for image in product.images %}
{% if image.alt == "home" %}
{% if {{product_front_counter}} == 1 %}
<img class="product_front_image_img" id="product_front_image_img_{{product_front_counter}}" src="{{ image | product_img_url: 'large' }}" alt="{{ product.title | escape }}" />
{% assign product_front_counter = 2 %}
{% else %}
<img class="product_front_image_img" id="product_front_image_img_{{product_front_counter}}" src="{{ image | product_img_url: 'large' }}" alt="{{ product.title | escape }}" />
{% assign product_front_counter = 1 %}
{% endif %}
{% endif %}
{% endfor %}
<div class="product_front_details">
<h4 class="title product_front_title">{{ product.title }}</h4>
<span class="product_front_price">
{% if product.available %}
{% if product.compare_at_price_max > product.price %}
<del>{{ product.compare_at_price | money }}</del>
{% endif %}
{% if product.price_varies %}
<small><em>{{ 'collections.general.from' | t }}</em></small>
{% endif %}
{{ product.price | money }}
{% else %}
{{ product.price | money }} {{ 'products.general.sold_out_html' | t }}
{% endif %}
</span>
</div>
</a>
</div>
</div>
{% unless template contains 'collection' %}
{% cycle 'clear-product-loop': '', '', '', '<div style="clear:both;"></div>' %}
{% endunless %}
