This widget adds a carousel (sometimes called a “slideshow”) that allows customers to cycle through multiple different images. This can be a good way to optimize the space available on the page so you can showcase multiple different promotions, categories, products, or brands in a visually interesting way.
CAROUSEL
Here you will define the number of slides your carousel will have and their order.
Click the plus button + to add a new carousel slide.
Click the menu button ⋯ to delete or duplicate a slide.
Click and drag the handle ⋮⋮ next to each slide to change its order.
SLIDE
Click on each slide under Carousel (see above) to open its configurable settings. You can also cycle through slides using the < and > buttons.
Title — Enter the text for the top line of text for this slide.
Description — Enter the text for the middle line of text for this slide.
Button label & link — Enter the label text and URL for the bottom text link for this slide.
If you don’t want to use a title, description, or button for your slide, leave those fields blank.
SLIDE | BOX
Image URL — Upload a new image, use an already uploaded image, or specify a image URL for this slide.
Height (px) — Specify the height of this slide image in pixels.
Image fit — Fill Container will resize the image to “fill” the entire area of the slide. Fit to Container will resize the image so that the entire image “fits” within the slide area without being cut off.
Image alignment — Specify how the image should align horizontally and vertically within the slide.
Margin — Margin is the amount of space (in pixels) outside the border of the image.
Padding — Padding the amount of space (in pixels) inside the border of the image.
SLIDE | TITLE & SUBTITLE
Content alignment — Specify how the title, description, and button label should align horizontally and vertically within the slide.
Font family (custom) — Specify the font face for the title and description.
Font weight (custom) — Specify the thickness of the title, description, and button label text.
Title size (custom) — Specify the size of the top title text.
Description size (custom) — Specify the size of the middle description text.
Text colour — Specify the size of the bottom button label text.
SLIDE | BUTTON
Button style — Choose between simple text link style or a button.
Font size — Specify the size of the button label text.
Text color — Specify the button label text color.