[viewBag]
==
<!-- collections-area start here -->
   <section class="collections-area darkbg">
      <div class="container">
         <div class="collections-content text-center">
            <h3 class="h3-text wow fadeInUp">Experience our</h3>
            <h2 class="h2-text wow fadeInUp">Collections</h2>
            <p class="wow fadeInUp">Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
               Lorem Ipsum has been the industry's standard dummy text ever since the <br>
               1500s, when an unknown printer took a galley of type and scrambled  </p>
         </div>
         {% set break = 0 %}
         {% for collection in collectionList if not break or showAll %}
             {% if loop.index > 2 %}
                 {% set break = 1 %}
             {% endif %}
         <div class="row">
             {% set colCounter = loop.index %}
            <div class="collection-image-div {% if colCounter % 2 %} rounded-div {% else %} rounded-div2 order-1 order-md-3 {% endif %} wow zoomIn col-md-4 col-12 p-3">
               <a href="/search/{{ collection.slug }}">
                  <img class="w-100" src="{{ collection.image|media }}" alt="image">
                  <h2 class="collection-h2 UberMove-medium">{{ collection.title }}</h2>
               </a>
            </div>
            {% for product in collection.products|slice(0,2) %}
            <div class="collection-image-div overlay wow zoomIn col-md-4 col-12 p-3 {% if colCounter % 2 %}{% else %} order-{{ loop.index+1 }} order-md-{{ 3-loop.index }} {% endif %}">
               <a href="{{ 'trip'|page({ slug:product.slug}) }}">
                  <img class="w-100" src="{{ product.image }}" alt="{{ product.title }}">
                  <h4 class="collection-h4">{{ product.title }}</h4>
               </a>
            </div>
            {% endfor %}
         </div>
         {% endfor %}
         {% if not showAll %}
             {% partial 'main-site/searchCollections' collections=collectionList %}
         {% endif %}
      </div>
   </section>