The Image Zigzag section is designed to showcase dual-column content with alternating text and images. It allows merchants to tell a story visually — pairing product imagery with descriptive text, headlines, and call-to-action buttons.
Color scheme #
Choose the theme color palette for this section.
Section width #
Choose how wide the section spans on the page:
- Page: Keeps the content aligned with the main page container.
- Full: Stretches the section across the full browser width.
Left side image #
Upload an image for the left side of the section. This image is typically used to represent product quality or key visual content.
Left side label #
Enter a short text label for the left image area (e.g., QUALITY).
Left side heading #
Add a heading to highlight the message related to the left image.
Left heading size #
Select the size of the left-side heading (e.g., H1, H2, H3, H4, H5, H6).
Left side description #
Add descriptive text to explain more about the left-side image or content. Keep it concise and engaging.
Left text size #
Control the size of the left-side body text (e.g., H1, H2, H3, H4, H5, H6).
Right side product image #
Upload an image for the right side, often used to showcase a featured product or promotional content.
Label (Right) #
Add a short keyword or label for the right image section.
Right heading #
Enter a title for the right image section.
Right heading size #
Choose the size of the right-side heading.
Offer Description #
Add descriptive or promotional text.
Right text size #
Adjust the size of the right-side description text.
Button label #
Enter the call-to-action text for the right-side button.
Button link #
Choose the link destination for the button (e.g., All Products collection or a custom URL).
Top padding #
Adjust the spacing above the section in pixels.
Bottom padding #
Adjust the spacing below the section in pixels.
