Two Image With Text

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:

  • 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 Body:

    • Image Ratio: Customize the image ratio.

    • Choose images for First Image and Second Image.


  • 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.



Next, you fill in the following content:

  • Title: Enter the display title.

  • Content: Enter display content.

  • Button: Enter button text, add a link, and choose to display a line for the button.

    • Related Articles

    • Image Comparison

      The Image Comparison section allows you to compare two products using an interactive slider. This section displays two images side-by-side with a slider in the middle. Customer can use the slider to compare two images side-by-side. Section Header: ...

    • Video with Text

      This section allows users to display information, products, or collections alongside a video. First, configure the video as follows: Section Body: Video Ratio: Select the video ratio. Choose a video to display. Video Information: Color Scheme: Choose ...

    • Marquee Text

      This section allows you to display featured titles in a sliding format, highlighting key information or promotions on your page. General Settings: Select font display size: Choose the desired font size for the featured titles. Select number of ...

    • Header Setting

      The header is a crucial element of your online store, serving as the primary navigation point and brand identifier. This guide will walk you through the various settings available to customize your header and create a seamless shopping experience. ...

    • 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 to ...