Hero Slider Block

← Back to Main Widgets Page

EPI Server Block Name: Hero Slider Block

Configuration Versions:

• Default Configuration (Home Pages ONLY)
• Stacked Blocks - 2 Column Configuration*
• Stacked Blocks - 3 Column Configuration*
• Stacked Blocks - 4 Column Configuration*

*In the Stacked Blocks Configuration, you can ONLY use 2, 3, 4 column setups. That is the limit in this mode. But you don't have to do anything special. For 2, select "Stacked Blocks" and set up two slides (or 3, or 4). That's it. The backend will detect that you have selected the "Stacked Blocks" option the 2-4 blocks and adjust them accordingly.

Default Configuration (Home Pages ONLY)

This widget requires 2 Images. One for desktop devices and one for mobile devices. See image specs below. Also, for this to work properly, it's a good idea to limit the headline and summary (see character limits info below). Also, Button text should be no more than two words (example: Learn More, or Sign Up, etc.)

• Desktop Image Size: 1600px X 840px (export out as JPG set at 50% quality)
• Mobile Image Size: 1024px X 1024px (export out as JPG set at 50% quality)
• Headlines: 75 characters (including spaces)
• Caption: 90 characters (including spaces)

Note: This configuration is for MICROSITE HOME PAGES ONLY. Also, no more than 3-5 slides in this configuration.

If you notice in the example images below, there are slider controls (Left/Right Arrows and the nav dots at the bottom) associated with this configuration. That is all handled by the plug-in running this configuration of the widget.

Desktop Version

Mobile Version:
Note: Caption hidden to conserve space in mobile space

Live Example of the Hero Slider Block →

Important Note about Stacked Blocks: This option ONLY works with 2,3, and 4 columns. You can't have 1, or 5, or more columns. This configuration is design to use simple content blocks on microsite pages.

Stacked Blocks - 2 Col (Any Page)

This configuration (Stacked Blocks) allows the slides to become content blocks. A basic Image/Headline/Copy in a two column layout.

This widget requires 1 Image (set in both image wells).

• Image Size: 800px X 300px (export out as JPG set at 50% quality)

Stacked Blocks EPI Server Configuration:

To get the Stacked Blocks configuration, you need to select the "Display as Stacked Blocks" as seen below:

Stacked Blocks - 3 Col (Any Page)

This configuration (Stacked Blocks) allows the slides to become content blocks. A basic Image/Headline/Copy in a three column layout.

This widget requires 1 Image (set in both image wells).

• Image Size: 500px X 300px (export out as JPG set at 50% quality)

Stacked Blocks - 4 Col (Any Page)

This configuration (Stacked Blocks) allows the slides to become content blocks. A basic Image/Headline/Copy in a four column layout.

This widget requires 1 Image (set in both image wells).

• Image Size: 375px X 300px (export out as JPG set at 50% quality)