Hero Slider(.jumbo-slider-detailed.xl)

  • Collection Name
    Goes Here

    Sub-Heading About Collection

  • Collection Name
    Goes Here

    Sub-Heading About Collection

  • Collection Name
    Goes Here

    Sub-Heading About Collection

  • Collection Name
    Goes Here

    Sub-Heading About Collection

  • Collection Name
    Goes Here

    Sub-Heading About Collection

  • Collection Name
    Goes Here

    Sub-Heading About Collection

Featured Call Out(.featured-call-out)

Intro to the
Collection

Sub-Heading Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tempor nisi quis dictum aliquet. Vestibulum aliquam, egestas ullamcorper. Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tempor nisi quis dictum aliquet. Vestibulum aliquam, egestas.

Shop Collection
Shop Collection
Shop Collection
Shop Collection

Category Thumb Button(.btn-category-thumb)

Data Parameter Options:

  • data-scroll-animation-id (fade, quick-fade, none, normal, slow-fade)
    Changes scroll triggered animation. Recommended unspecified (defaults to normal).

Additional options:

  • .tabs-wrapper
    Including the .tabs-wrapper code block will enable a small description to the image upon rollover.

.tabs-wrapper excluded

.tabs-wrapper included

Shop Category

Color Select Item(.color-select-item)

Data Parameter Options:

  • data-scroll-animation-id (fade, quick-fade, none, normal, slow-fade)
    Changes scroll triggered animation. Recommended unspecified (defaults to normal).
Quick View
Lorem Ipsum Product
$34.95 - 2 Colors

Jumbo Slider(.jumbo-slider.contained)

Data Parameter Options:

  • data-autoshow (true, false)
    Show by default or require script trigger such as .scroll-triggered.
  • data-image-width
    Specifies image width. Used for positioning and maintaining proper image ratios when scaling.
  • data-image-height
    Specifies image height. Used for positioning and maintaining proper image ratios when scaling.

Class Options:

  • .contained
    Adding .contained will use the module's container's width. Removing .contained will use window width.