FOURCORE.DOCS
Esses docs menu

Slideshow#

Rotate through large campaign images, messages, products, and buttons.

Add this section#

Select Add section > Slideshow on the template you want to edit.

Settings#

The settings below follow the same order as the theme editor.

General settings#

  • Auto-rotate slides: Turn this on or off.
  • Change slides every: Use the slider from 3 to 12 s.

Layout#

  • Height: Choose Small, Medium, Large, Full screen, or Adapt to image. Adapt to image follows the first slide's picture.
  • Width: Choose Page width or Full width.
  • Content style: Choose Plain, On a card, or Livery panel. Livery panel sets the words on a panel in the color scheme's background, with three racing stripes along its angled edge. A slide without words shows its full picture.
  • Show slide number: Turn this on or off.
  • Stripe 1: Choose a color.
  • Stripe 2: Choose a color.
  • Stripe 3: Choose a color. Leave the stripe colors empty to follow the color scheme: its accent, its text color and its sale color.
  • Logo 1: Choose an image from your library. Shown along the foot of the picture on wide screens, like sponsor decals. White needs a logo with a transparent background (.png or .svg); a photo or a logo on a solid background shows as a white block, so choose Original colors for those.
  • Logo 2: Choose an image from your library.
  • Logo 3: Choose an image from your library.
  • Logo 4: Choose an image from your library.
  • Logo color: Choose White or Original colors.
  • Text alignment: Choose Start or Center.
  • Color scheme: Choose a color scheme from Theme settings > Colors.

Mobile layout#

  • Height: Choose Small, Medium, Large, Full screen, or Adapt to image. Adapt to image follows the first slide's mobile picture, or its picture.
  • Content position: Choose Top, Middle, or Bottom.
  • Text alignment: Choose Start or Center.

Blocks#

Slide#

General settings#

  • Image: Choose an image from your library. For a clear result, use an image around 2400 x 1350px.
  • Overlay opacity: Use the slider from 0 to 80 %.
  • Subheading: Enter the text to show.
  • Heading: Enter and format a short line of text.
  • Text: Enter and format the text.
  • First button label: Enter the text to show.
  • First button link: Choose the page or address to open.
  • Second button label: Enter the text to show.
  • Second button link: Choose the page or address to open.
  • Product: Choose a product. With the Livery panel style, shows a tag on the picture with the product's name, price and a link.
  • Image position: Choose Start or End.
  • Content position: Choose Top start, Top center, Top end, Middle start, Middle center, Middle end, Bottom start, Bottom center, or Bottom end.

Mobile layout#

  • Mobile image: Choose an image from your library. You can leave this empty. 1080 x 1350px recommended.

Tips#

  • Add your real content before fine-tuning spacing and colors.
  • Check the section at both computer and phone widths. Use Mobile layout for the phone-specific choices.