# Pattern marquee

This guide describes setting up a Pattern marquee section.

Use the section to display area on a page with an animated moving/ scrolling pattern.

A Pattern marquee section on a store's homepage in Theme editor.

The previous image shows a (default) Pattern marquee section on a store’s homepage. The section is displayed below an Icon list section, and above the Footer section. An animation moves the section’s triangular pattern from left to right.

For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks (opens new window)

# Set up a pattern marquee section

To set up a Pattern marquee section:

  1. Go to Customize theme. At the top of the page, use the dropdown to select a template that contains a Pattern marquee section.


    The Pattern marquee section can be added into any page, except Checkout and Giftcard pages. To add a Pattern marquee section into the current page, select Add section > Pattern marquee. Refer to Shopify help: Add a section (opens new window)

  2. From the side menu, select Pattern marquee.

    The Pattern marquee section selected in the Theme editor side menu.
  3. Select a section setting described in the following table.

Section setting name Description
Type Use the Type dropdown to set a pattern to display inside the section. Shapes theme provides more than 20 patterns, including lines, waves, shapes, and stripes.
Color Use the Color dropdown to set the pattern to use the section’s Text, Accent, Card, Background, or Background gradient color.
Pattern size Adjust the Pattern size slider to set the size of the pattern between 6px and 42px (pixels).
Speed Adjust the Speed slider to set a speed for the section’s animation.
Direction Select the Direction radio buttons to set the section’s animation to move from Right to left or Left to right.
Color > Color scheme Use the Color scheme dropdown to set the section’s color scheme to Primary, Secondary, Tertiary, or Quaternary. Refer to Colors.
Color > Use gradient for background Select the checkbox Use gradient for background to turn on/ off using a gradient as the section’s background.
Theme settings Select Theme settings to access additional settings for the section. Refer to Section theme settings menu.
Remove section Select Remove section to delete the section from the current page.