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