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.
Mobile Settings
Columns: Set the number of columns per row on mobile devices.
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.
Last updated