✨Images comparison
Configure the section
Select the customize theme option. Click the dropdown menu at the top of the page to select the Home page template.
From the left side menu, select Images comparison.
Customize the section by utilizing the setting on the right side of the theme editor, as described below:
General
Section visibility Select from the options to select the visibility of this section: -Always -Small (On selecting this, the section will be visible on mobile devices only.) -Large (On selecting this, the section will be visible on large devices only.) Color scheme Select any color scheme defined in the theme settings>Colors>Schemes. Background Choose the section background from below options: - Solid - Gradient Container width Choose the container width from below options: - Small - Standard - Wide - Edge - Fullwidth Corner style Choose the corners style from below options: - Sharp - Rounded Rounded position Choose the rounded position from following options: - Top - Bottom - Both Corner radius Adjust the range bar to determine the radius of corners. Layout Choose the layout from below options: - Classic - Modern
Section spacing
Choose from Choose spacing for: - Desktop - Mobile Desktop: Top spacing Adjust the range bar to add spacing at the top of the section for desktop view.
Desktop: Bottom spacing Adjust the range bar to add spacing at the bottom of the section for desktop view.
Mobile: Top spacing Adjust the range bar to add spacing at the top of the section for mobile view.
Mobile: Bottom spacing Adjust the range bar to add spacing at the bottom of the section for mobile view.
Image
Image height Choose the media height from the following options: - Custom height - Adapt to image Custom height Adjust the range bar to choose the height for desktop. Mobile media height Choose the media height for the mobile, from the following options: - Custom height - Adapt to image Custom height Adjust the range bar to choose the height for mobile. Separator color Choose the separator color from below options: - Light - Dark
Block settings:
Desktop image
Choose any image from the store library, for the desktop view.
Mobile image
Choose any image from the store library, for the mobile view.
Heading
Enter any text. for e.g. Before, After etc.
Last updated