Truly fine instructions

Documentation.

Slideshow section

The slideshow section is a powerful section that gives you the ability to showcase any kind of content in a slideshow format.

Section settings

Make section fullwidth: Setting the section to fullwidth will make it span across the entire browser viewport.

Slide height: Controls the height of the slideshow. Using Adapt to first image will make the slideshow height equal to the height of the first image (regardless of other images’ heights). Small (320px), Medium (480px), and Large (560px), are predefined, fixed heights that the theme dictates. Note that in mobile the height is adjusted automatically for best appearance.

Auto-rotate slides: Turning this on will make the slideshow play automatically.

Change slides every: If Auto-rotate slides is turned on, this settings controls the speed at which slides will be alternating (in seconds).

Slideshow description: This field will add a description on the slideshow for screen readers. It is highly recommended you fill this in to improve your shop’s accessibility.

Colors

Color scheme: Select one of the predefined color schemes as defined in Theme settings > Colors. For more information regarding the color schemes please refer to our article about creating your own color scheme.

Section spacing

The section spacing settings gives you the option to adjust the top & bottom section spacing values. Please note: If you select a color scheme with a background color, these settings will affect the spacing between the top or bottom of the section and the content of the section.

Image slide block

This section is consisted of multiple “Image slide” blocks with the following settings:

  1. Image: The image of the slide.
  2. Heading: The title of the slide.
  3. Subheading: A brief description or subtitle of the slide.
  4. Button label + Link: Filling this in will display a button under the heading and subheading of the slide.
  5. Content position: Position the content (heading, subheading, button) anywhere you want on the slide.
  6. Gradient overlay opacity: The opacity of the gradient overlay over the slide’s image. Useful if you have lighter colored images where the text must contrast more.

Can't find what you are looking for? Feel free to submit a request.