E1 - Custom Columns
The Custom Columns section lets you create flexible layouts by organizing content into up to 6 customizable columns. Arrange and customize blocks in any order to suit your design.
Key Features
6 Customizable Columns: Choose from up to 6 columns and arrange them to fit your content.
Adjustable Column Widths: Customize the width of each column individually to match your layout needs.
Column-specific Block Placement: Decide which blocks will appear in each column, giving you full control over the section's structure.
Block Options
You can add various blocks to your custom columns, each with unique functionality. Below are the available blocks:
Heading
Adds a large text field for headings (e.g., section titles).
Rich Text
Adds a standard text field for general content.
Rating Stars
Displays a star rating bar with customizable colors and rating values (e.g., 4.5/5). You can also add a text field next to the stars (e.g., "2532 Reviews").
Buttons
Adds two customizable buttons, each with its own link. These buttons can direct users to different parts of your site or external websites.
Add to Cart Button
Creates a button that adds a selected product to the cart. You can also rename the button to fit your needs.
Text with Icon
Displays up to three text items with icons (or images) beside them.
Icon with Content
Combines an icon, a heading, and a text field into one block.
Image
Adds an image to your column. You can choose which column it should appear in.
Video
Similar to the "Image" block, but for adding a video.
Dropdown Row
Creates a collapsible row with an icon or image. You can add text content inside the row.
Payment Badges
Adds payment option icons to your page, automatically creating cards based on the selected payment method names.
Email Signup
Adds an email signup form with a customizable text and sign-up button.
Custom Liquid
Allows for more advanced customizations by using app snippets or Liquid code.
How to Use Custom Columns
Select the Custom Columns Section: Navigate to the section list and choose "Custom Columns."
Choose the Number of Columns: Decide how many columns you need (up to 6).
Adjust Column Widths: Customize the width of each column individually to create your desired layout.
Add Blocks: Select the blocks you want to add and drag them into the columns.
Customize Each Block: Adjust the settings for each block (e.g., color, text, links) to match your design.
💡 Tip: Keep the layout balanced and ensure content in each column is visually aligned for a professional look.
💡 Tip: Try out different combinations of blocks and their postition relative to each other to find a design that suits your vision.
Warning: Too many elements in one column can clutter the design. Use columns wisely for better readability and structure.
Last updated