After-Before The After-Before section lets merchants create a powerful visual comparison using two images — typically a grayscale and a color version — separated by a draggable slider. This is ideal for showcasing product effects, transformations, or improvements (e.g., before/after using a product). Color schemeSelects the color scheme for the section based on the theme’s predefined color options. Section widthChoose between “Full width” and “Container” to define how the section spans across the page. SubheadingText displayed above the main heading. Great for adding context. HeadingMain heading of the section. Bold and prominent. Before imageUpload the image to show on the left side (typically the “Before” state). After imageUpload the image to show on the right side (typically the “After” state). TextOptional description text supporting the images. HTML tags such as are supported for line breaks. Button label Enter the call-to-action text for the button. Button link Choose the link destination for the button (e.g., All Products collection or a custom URL). Button Style Determines the design of the button. Primary button Secondary button Full button Link button Button with icon Top paddingAdjusts spacing above the section (in pixels). Bottom paddingAdjusts spacing below the section (in pixels).