Image Comparison
This section allows users to compare two products on the page and configure display settings as follows:
Section Header:
Heading: Enter the title.
Heading Size: Select the display size for the title.
Sub-heading: Enter the sub-heading if any.
Description: Enter detailed description information.
Alignment: Align the displayed information.
Button Text and Link: Enter text and select the link for the button, and choose whether to open the link in a new window or the current window.
Section footer:
Enter text and select the link for the button at the button label and button link.
Select the link to open in a new window or open in the current window if not seclected
Section Layout:
Color Scheme: Select a background color if no background image is displayed.
Background: Choose a background image if available.
Section Full Width: Select or deselect (if unselected, customize size at Section max width).
Content Full Width: Choose full width for content (if not, customize at Content max width).
Adjust padding and margin on mobile, desktop, and tablet screens.
Section Optimization:
Lazy Load Speed: The section loads only when scrolling to it on the page.
In Image Comparison, add an item:
Image: Choose a product image.
Heading: Enter the product name.
Button: Enter button text and assign the product link here.
Related Articles
Two Image With Text
This section allows users to showcase their collections on the homepage using images and specific content. The layout is divided into two parts, with an image on one side and content on the other. Configure and adjust the display position as follows: ...Azzel Theme - Compare Config
You can notice the Compare section displayed as an icon of two opposite arrows ? on the right side of the screen. With each product image, when clicking the icon of two opposite arrows ? on the image, it means that the user is adding the product to ...Product Information
This section allows users to display detailed information about a single featured product, including an image and link. It is divided into three columns on the homepage. Configure as follows: Section Layout: Color Scheme: Select a background color if ...Azzel Theme - Collections Config
Collections List Page The Collections List Page displays all collections in the store in a list format. How to Create a Collections List Page: Access the Collections List section. Choose how to display collections in Sort Collections By (e.g., ...Blog Post
This section helps users display blog posts. The section layout is split into two parts: the left side shows an image, and the right side displays blog posts. Configure as follows: Section Header: Heading: Enter the title. Heading Size: Select the ...