Shopify section code for creating Otto app slideshows.

otto-slideshow.liquid

{% comment %}

  Otto Slideshow Section
  ---
  Flexslider composed of Otto automated images.
  
  Flexslider - https://woocommerce.com/flexslider/

{% endcomment %}

<div class="flexslider">
  <ul class="slides">
    {% for block in section.blocks %}
      {% capture location_name %}{{ block.settings.location_name }}{% endcapture %}
      <li>{% include 'otto', location: location_name %}</li>
    {% endfor %}
  </ul>
</div>

{% schema %}
  {
    "name": "Otto Slideshow",
    "settings": [
      {
        "type": "paragraph",
        "content": "Otto app slideshow of automated images. The images, link and alt information are set and editted through the Otto app in your dashboard. For each location name add the slugified location name we provide in the Otto app."
      }
    ],
    "blocks" : [
      {
        "type": "location",
        "name": "Location",
        "settings": [
          {
            "type": "text",
            "id": "location_name",
            "label": "Location Name"
          }
        ]
      }
    ],
    "presets": [
      {
        "name": "Otto Slideshow",
        "category": "Image"
      }
    ]
  }
{% endschema %}