Page Comparison

...

• $style : 'tall', 'medium' 'short' | Set the height for the hero [default: 'short']

• $static : 'true', 'false' | Enable or disable the static hero on product category page. Dynamic here displayed when set to false [default: 'false'true']

• $staticpdp: ‘true’, ‘false’ | Enable or disable the static hero on the product pages. Dynamic here displayed when set to false [default: ‘true’]

@include site-hero($style: 'medium', $static: 'true', $staticpdp: 'true');

...

Font Settings

Configure various font settings

• $inputfont : font-family | Set the font family for the input fields [Advanced configuration only]

• $datepickerfont : font-family | Set the the font family for the datepicker [Advanced configuration only]

• $pdpheaderfont : font-family | Set the font family to use for PDP headers [Advanced configuration only]

• $labelfont : font-family | Set the font family to use for animated.label elements [Advanced configuration only]

• $minicartfont: font-family | Set the font family to use for in the minicart [Advanced configuration only]

• $optiontitlecolor : font-family | Set the font family to use for option titles on the PDP [default: primary-font][Advanced configuration only]

• $h2color : font-family | Set the font color to use for h2's on the site [default: primary-color][Advanced configuration only]

• $h3color : font-family | Set the font color to use for h3's on the PDP Option headers ONLY [default: primary-color][Advanced configuration only]

• $h4color : font-family | Set the font color to use for h4's on the site [default: primary-color][Advanced configuration only]

@include font-settings(
    $inputfont: #{map-deep-get($fonts, 'primary')},
    $datepickerfont: #{map-deep-get($fonts, 'primary')},
    $pdpheaderfont: #{map-deep-get($fonts, 'primary')},
    $labelfont: #{map-deep-get($fonts, 'secondary')},
    $minicartfont: #{map-deep-get($fonts, 'secondary')},
    $optiontitlecolor: #{map-deep-get($theme-colors, 'secondary')},
    $h2color: #{map-deep-get($theme-colors, 'secondaryprimary')},
    $h3color: #{map-deep-get($theme-colors, 'primary')},
    $h4color: #{map-deep-get($theme-colors, 'secondaryprimary')}
);

...

Spinner

Configure the loading spinner for the site [GLOBAL]

...