Variable Content Carousel Container

Variable Content Carousel Container is a carousel.
The slide items are Variable Content Carousel Items.

Expand Your Contacts

Testimonial Section

  • Goizueta Impact Investing Club 1

    1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor odio mi, egestas faucibus justo lacinia vulputate. Donec ut sapien ac erat placerat varius et vel velit. Sed quis ullamcorper elit. Nulla facilisi. Sed condimentum tincidunt mauris, et hendrerit urna varius sed. Proin vitae odio eu leo ultrices eleifend id et lectus. Suspendisse a consequat leo.
    Read about the investing club

  • Goizueta Impact Investing Club 2

    2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor odio mi, egestas faucibus justo lacinia vulputate. Donec ut sapien ac erat placerat varius et vel velit. Sed quis ullamcorper elit. Nulla facilisi. Sed condimentum tincidunt mauris, et hendrerit urna varius sed. Proin vitae odio eu leo ultrices eleifend id et lectus. Suspendisse a consequat leo.
    Read about the investing club

  • Goizueta Impact Investing Club 3

    3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor odio mi, egestas faucibus justo lacinia vulputate. Donec ut sapien ac erat placerat varius et vel velit. Sed quis ullamcorper elit. Nulla facilisi. Sed condimentum tincidunt mauris, et hendrerit urna varius sed. Proin vitae odio eu leo ultrices eleifend id et lectus. Suspendisse a consequat leo.
    Read about the investing club

  • Goizueta Impact Investing Club 4

    4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor odio mi, egestas faucibus justo lacinia vulputate. Donec ut sapien ac erat placerat varius et vel velit. Sed quis ullamcorper elit. Nulla facilisi. Sed condimentum tincidunt mauris, et hendrerit urna varius sed. Proin vitae odio eu leo ultrices eleifend id et lectus. Suspendisse a consequat leo.
    Read about the investing club

  • Goizueta Impact Investing Club 5

    5 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor odio mi, egestas faucibus justo lacinia vulputate. Donec ut sapien ac erat placerat varius et vel velit. Sed quis ullamcorper elit. Nulla facilisi. Sed condimentum tincidunt mauris, et hendrerit urna varius sed. Proin vitae odio eu leo ultrices eleifend id et lectus. Suspendisse a consequat leo.
    Read about the investing club
Markup Details
                            {{ attach_library('goizueta_theme/variable-content-carousel-container') }}
{% set item_count = variable_content_carousel_container.variable_content_carousel_items|length %}

<section class="variable-content-carousel-container {% if item_count > 4 %} hide-dots--mobile{% endif %}">
  {% if variable_content_carousel_container.sub_heading %}
    <div class="variable-content-carousel-container__sub-heading">
      <p>{{ variable_content_carousel_container.sub_heading }}</p>
    </div>
  {% endif %}

  {% if variable_content_carousel_container.heading %}
    <div class="variable-content-carousel-container__heading">
      {% include '@components/heading/heading.twig' with {
        "heading" : variable_content_carousel_container.heading
      } only %}
    </div>
  {% endif %}

  <ul class="variable-content-carousel-container__slick">
    {% for item in variable_content_carousel_container.variable_content_carousel_items %}
      <li>
        {% include '@components/variable-content-carousel-item/variable-content-carousel-item.twig' with {
          "variable_content_carousel_item" : item.variable_content_carousel_item
        } only %}
      </li>
    {% endfor %}
  </ul>
  <div class="variable-content-carousel-container__pager slick-pager"></div>
</section>