Wie, um Produkt-Bild-Diashows in Shopify?

Sind Sie gehen zu müssen, um das Bild betrachten loop: https://docs.shopify.com/themes/liquid-documentation/objects/image

Nb - für Bilder zugeordnet, Produktvarianten, solltest du etwas tun wie:

   {% for image in product.images %}
      <img src="{{ image.src | img_url: 'compact' }}" alt="{{ image.alt | escape }}">
   {% endfor %}

dann würden Sie brauchen, um sicherzustellen, dass Ihre JS /jQuery-pugin umschließt das html. Für die Sammlung der Bilder - Sie würden das gleiche tun, aber die Ausgabe der Bilder in der Sammlung.

    {% for product in collection.products %}
       <img src="{{ product.featured_image.src | img_url: 'large' }}" alt="{{ product.featured_image.alt | escape }}">
     {% endfor %}

Für alles, was cool du bist gehen zu müssen JavaScript. Flüssigkeit, die sich nur rendert html - Sie benötigen JavaScript, um Sachen wie raffinierten Diashows. Also, wenn Sie vertraut sind mit jQuery-plugins - Sie würden nur machen, shopify Ausgabe gewünschten html-arbeiten mit dem plugin.

Haben Sie schaute auf Holz? Es ist ein großartiger Ort, um zu starten: http://shopify.github.io/Timber/