Multicolumn

The multi-column block is used to create multiple column blocks on a page, with each block displaying an image, title, descriptive text, and a button. It is suitable for showcasing products, services, or blog content. Users can customize the content and layout of each column block.

Configuration Options:

• Block Title Settings:

  • Show Block Title：

    • Usage: Choose whether to display the title at the top of the multi-column block.

  • Title:

    • Usage: Enter the title for the block.

  • Description:

    • Usage: Add descriptive text to introduce the main content or purpose of the block.

  • Watermark Background Text:

    • Usage: Add watermark text to the block background for enhanced visual effect.

  • Button Text:

    • Usage: Set the text for the button at the bottom of the block.

  • Button Link:

    • Usage: Set the link address that the button redirects to upon clicking.

  • Button Style:

    • Usage: Choose the button style, either primary or secondary.

• Content Settings:

  • Image Ratio:

    • Usage: Select the display ratio of the image, either square or portrait.

  • Text Alignment:

    • Usage: Set the alignment of the text within the column block; options include left, center, or right alignment.

  • Show Content Wrapper:

    • Usage: Choose whether to add a wrapper effect around the column block content for enhanced visual separation.

  • Color Scheme:

    • Usage: Choose the color scheme of the column block content to match the overall page style.

  • Enable Carousel on Desktop:

    • Usage: Choose whether to enable the carousel effect on desktop devices.

  • Show Navigation Buttons (Desktop):

    • Usage: Add navigation buttons to the desktop carousel, allowing users to switch between column block content.

  • Show Pagination Dots:

    • Usage: Choose whether to display pagination dots at the bottom of the carousel to indicate the current column block position.

Individual Column Block Configuration Options:

• Image:

  • Usage: Add an image to the column block, which will serve as the primary visual element.

• Title:

  • Usage: Set a title for the column block to highlight the main theme.

• Description:

  • Usage: Add descriptive text to provide further details or additional information.

• Button Settings:

  • Button Text:

    • Usage: Set the text for the button within the column block.

  • Button Link:

    • Usage: Set the link address that the button redirects to upon clicking.

Usage Notes:

• Maintain a consistent style across multiple column blocks by selecting the same color scheme and text alignment.

• Set clear link paths for buttons to guide users through the next steps.

Common Issues:

• Inconsistent content display: Ensure that all column blocks have the same image ratio and text alignment to keep the page layout clean and organized.

• Button not displaying: Check whether the button text and link are filled in. The button may not display if the content is incomplete.