Scroller Slide Card Container
Slide with cards container for full-page scrolling content.
- Markup Details
-
{{ attach_library('goizueta_theme/scroller-slide-card-container') }} {% set horizontal_cards %} {% include '@components/card-container/card-container.twig' with { "heading" : heading, "cards": cards, "cta": cta, "program_compare_enabled": false } only %} {% endset %} {% set page_title_val = page_title ? page_title : null %} {# For wide screens: all cards on one page. #} {% include '@components/scroller-slide/scroller-slide.twig' with { "modifier_classes": "narrow-hide slide-card-container slide-card-container__wide", "page_title": page_title_val, "content": horizontal_cards } %} {# For narrow screens: one card per slide. #} {% for item in cards %} {% set card_content %} {% include '@components/card-container/card-container.twig' with { "heading" : heading, "cards": [ item ], "program_compare_enabled": false } only %} {% endset %} {% include '@components/scroller-slide/scroller-slide.twig' with { "modifier_classes": "narrow-only slide-card-container slide-card-container__narrow", "page_title": page_title_val, "content": card_content } %} {% set page_title_val = false %} {% endfor %}