Hero Slider(.jumbo-slider-detailed .xl)
Required Data Attributes:
- data-scroll-animation-id (none)Changing this parameter to an alternative can break the 'show' animation.
Gender Masonry Cell(.btn-gender-masonry)
Featured Category Button(.btn-gender-featured-category)
Data Parameter Options:
- autoshow (true, false)Appear by default or by scripted trigger.
- data-scroll-animation-id (fade, quick-fade, none, normal, slow-fade)Changes scroll triggered animation. Recommended unspecified (defaults to normal).
Fancy Title(.fancy-title)
Data Parameter Options:
- autoshow (true, false)Appear by default or by scripted trigger.
- data-scroll-animation-id (fade, quick-fade, none, normal, slow-fade)Changes scroll triggered animation. Recommended unspecified (defaults to normal).
Video Block
Data Parameter Options:
- data-autoshow (true, false)Show by default or require script trigger such as .scroll-triggered.
Required Data Attributes:
- data-video-idEnter the YouTube Video ID for the selected video.
- data-scroll-animation-id (none)Changing this parameter to an alternative can break the 'show' animation.
Shop Team Picks(.team-picks)
Data Source:
- Athlete images and data are currently controlled through JSON hard-coded into TeamPicksView.js.
Lorem Ipsum Product
$34.95 - 2 Colors
Lorem Ipsum Product
$34.95 - 2 Colors
New Looks(.shop-the-look-slider)
Data Instructions:
- The slider is populated and controlled via data stored in the .slider-data element and its children.
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).
Lorem Ipsum Product
$34.95 - 2 Colors