Skip to content

Apply section color transitions

This guide describes how to use Cascade's Section color transitions feature.

With Cascade theme, you can apply a different Color scheme to each section on a single store page. As a store visitor scrolls through the page, Cascade displays an animation to transition the colors between each section.

The previous video shows a store's Homepage. As the page is scrolled up and down, an animation transitions between three different section color schemes.

Turn on/ off section color transitions

To turn on/ off section color transitions, complete the following steps.

  1. In the Theme editor, select Settings > Colors.

  2. Inside the Transitions section, select the checkbox Enable section color transitions.

    The enable section color transitions checkbox in Theme editor.

Turn on/ off color transitions for specific sections

When section color transitions are enabled, you can turn on/ off color transitions for specific sections. A section with color transitions set to off, defaults to the color scheme it's setup to use.

To turn on/ off color transitions for specific sections, complete the following steps.

  1. Turn on section color transitions.

  2. Select the required section.

  3. In the section's settings, select the Disable transition checkbox.

    The Disable transitions checkbox in Theme editor.