AADLAC Docs

Theme section

Slideshow

Create a slide-based visual introduction with adjustable heights, transitions and slide content.

ADLAC 1.0.0Shopify Online Store 2.0
Where to configure this in ShopifyOpen Online Store → Themes → Customize, select a template where the section is available, then choose Slideshow in the theme editor. ADLAC exposes the settings and blocks listed below. Availability depends on the selected template and the theme's section groups.

How to set it up

  1. Open the template or section group that uses this section.
  2. Choose the section and adjust its settings using the editor labels shown below.
  3. Add or reorder the compatible blocks listed below.
  4. Preview desktop and mobile, then save the theme.

Key settings

  • Height on large screens
  • Height on mobile
  • Enable slide transitions
  • Transition effect
  • Transition duration
  • Enable image effects
  • Image effect
  • Image effect duration

View all settings →

Available blocks

  • Slide

Exact Theme Editor settings

Source: sections/slideshow.liquid (from the supplied ADLAC 1.0.0 schema-derived reference).

sections/slideshow.liquid

GroupSettingTypeDefaultOptions
—Height on large screensrange680—
—Height on mobilerange600—
MotionEnable slide transitionscheckboxOn—
MotionTransition effectselectfadeFade / Soft slide / Soft scale
MotionTransition durationrange600—
MotionEnable image effectscheckboxOff—
MotionImage effectselectfadeFade / Soft zoom / Soft pan
MotionImage effect durationrange900—
MotionShow arrowscheckboxOn—
MotionShow slide indicatorscheckboxOn—
MotionEnable autoplaycheckboxOff—
MotionChange slides everyrange6—

Blocks

Slide
SettingTypeDefaultOptions
Imageimage_picker——
Mobile imageimage_picker——
Subheadinginline_richtextDesigned for everyday life—
Headinginline_richtextA better way to discover what matters.—
Body textrichtextPair thoughtful design with products and stories your customers will remember.—
Button labeltextExplore—
Button linkurl——
Open link in a new windowcheckboxOff—
Content positionselectmiddle-leftTop left / Top center / Top right / Middle left / Middle center / Middle right / Bottom left / Bottom center / Bottom right
Text alignmenttext_alignmentleft—
Overlay colorcolor#101114—
Overlay opacityrange25—
Text colorcolor#FFFFFF—
Related documentation

See the complete section reference and section overview for broader guidance.