Multicolumn
The "Multicolumn" section allows adding a wide range of banners with icons/images and descriptions in the right amount using the pre-set formats of column settings.
Multicolumn
Tip: To hide the title, description, or button, leave the corresponding fields blank.
Use the "Heading" placeholder to add a section title.
The font size of the title can be changed to "Small", "Medium", or "Large" in the "Heading font size" drop-down.
If you need to set up the color of the heading, use the "Heading color" picker. You can paste the hex code to the corresponding field or choose the color using the paint pallet. The color settings will be used for both desktop and mobile.
Use the "Description" input field to add some descriptive text strings to the section that will appear under the heading.
The color of the description can be set in the "Description color" picker. The color you apply for the item will be used for a desktop and mobile.
Layout
The layout settings change the look and feel of the section.
Choose one of the options "In-grid heading", "Heading on top", or "Heading top center" in the "Layout" drop-down.
Use the "Mobile align" settings to change the alignment of the heading and description to the "Left" or "Center". Leave the "Auto" option to use the pre-designed theme settings.
Decide on the position of the divider using the "Top", "Bottom", or "Both" options in the "Dividing line" drop-down. It will be hidden once you use the "None" option.
On the "Top spacing" and "Bottom spacing" scales, decide whether to add spaces at the top and bottom of the section. Control spacing settings from 0 to 100 pixels on each scale.
Content
The number of images per row can be set in the "Сolumns in row" drop-down. Decide if to display 2, 3, 4, or 6 items in each row.
Use the "Column alignment" drop-down to decide whether to align the block title and description on the "Left", "Center", or "Right".
The font size of the block titles can be changed to "Small", "Medium", or "Large" in the "Heading font size" drop-down.
This is how the described settings might be displayed in a section:
Enable swipe on mobile
Check the box to add scrollbars instead of displaying the list of brands on mobile view.
Button/Second button
Use the settings described below to add or edit buttons that will be displayed under the descriptive text of the section.
Change the internal button text in the "Label" field. Leave the field blank to hide the button.
To redirect customers to the desired page, edit the "Link". Use the link from the source selector, or paste the one if you use an external link.
Use the "Color" picker to change the button background color for the "Primary" style. For the "Secondary" style the colorized text and border inside the button will be added. If you used the "Link style", the color will be applied to the text link.
Blocks
Here you can apply color settings for the "Heading color" and "Description color" items.
Use the "Icon color" picker to colorize the SVG icons.
Here is how these settings might be displayed in the section:
Animations
Desktop hover animation
The options "Zoom in" and "Zoom out" place the zooming effect to enlarge or decrease an image on the mouse hover. The option "None" deactivates the animation.
In the following examples, you can view how the section might display on desktop and mobile:
Column
Tip: This block can be used several times to set up each banner individually.
Use the "Image" picker to connect an image from the theme library with the block or upload an animation from your computer.
The "Icon SVG" field is designed to link SVG icons that come with the theme or your custom SVG icons:
Leave the field blank to hide an icon.
To display an image above the text, use the "Icon image" field. Here you can press the "Select" button to add an image previously added to the Image library.
In the "Heading", you can paste the block title.
If you need to pair text with the image, paste descriptive details in the "Description" input field.
Here is how the described settings might be displayed in the section:
Last updated