Promotion row

Display up to 4 customizable promotional blocks, offering options for layout, animation, styling, mobile optimization, and spacing. This versatile section is designed to help you create engaging promotional content that captures your customers' attention and encourages them to take action.

Section settings

• Layout: Adjust the width of a selected block, with options to choose from 4 different widths or set it to none for an even layout across all blocks.

• Number animation: Enable a count-up animation with adjustable speed and set custom heights for both desktop and mobile views.

• Style: Choose a solid color for the section background and add an overlay gradient for extra depth and style.

• Mobile slider: Allows you to enable horizontal scrolling on mobile devices and choose the number of promotions to display per row.

Block settings

Each block within the promotion row can be customized with the following settings:

• Image: Upload a custom image for the promotional block.

• Text: Let you customize the subheading and heading with various highlight styles like underline, italics, or squiggle. Add a description for more details and an optional disclaimer text for additional information.

• Highlight: The font choice for the 'Alternate font' type can be configured in the theme typography settings. Customize the heading highlight style and color, and add a description with promotion details.

• Buttons: Allows you to add custom button text, provide a link, choose the color, select the style, and adjust the size for a personalized look and functionality.

• Colors: Customize the block's background color, add an overlay gradient, adjust the text color, and set overlay opacity for better readability.

Color schemesShopify Help Center