Variable Content Carousel Container
Variable Content Carousel Container is a carousel.
The slide items are Variable Content Carousel Items.
- 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>