Multicolumn

General

The Multicolumn section lets you create engaging and dynamic layouts using column blocks. This is a great way to highlight multiple features, collections, or stories in a clean and versatile format.

Customize the section with the following settings: 

  • Select a color scheme to align with your branding.
  • Select text alignment: left, center or right.
  • Choose display type Grid or Slideshow for desktop and Grid or Slideshow or Slideshow with peeking items for mobile.
  • Adjust the number of columns for desktop and tablet views.

If using the Slideshow display type, you can:

  • Enable autoplay to cycle through banners automatically.
  • Set the autoplay interval to control timing between slides.
  • Define sliding behavior:
    • One by One: Each slide advances individually.
    • All Visible: All displayed slides move together in one motion.

    These options provide flexibility to create a cohesive and visually appealing layout tailored to your store's style.


    Column blocks

    With column blocks, you bring the content of this section to life. Each block can be uniquely customized, and all fields are optional, allowing you to keep things minimal or richly detailed.
    Note: If you add both an image and a video, the video will be displayed.

    Within each column, you can:

    • Add an image.
    • Add a video from your files.
    • Enable autoplay for seamless playback.
    • Choose whether to display video controls.
    • Add a heading and text content to convey your message.
    • Include one or two buttons for calls to action.

    Special background

    With the background block, you can enhance the section's background with various styling options to create depth and visual interest.

    Note: By default, this block inherits its settings from Theme settings > Aesthetics > Special Background. However, you can customize these settings individually for each block using the block settings.

    In the block settings you can: 

    • Select and adjust Background gradient.
    • Choose from a variety of Graphics for the background

      • None
      • Tilted
      • Convex
      • Concave
      • Curve
      • Wave
      • Waves & Lines
      • Tilted ripple
    • Enable Effects:
      • Add vignette
      • Add grain

    • Edit Graphic settings:
      • Flip horizontal 
      • Flip vertical 
      • Two tone graphics

    • Adjust the height for desktop and mobile views.

    Custom Spacing

    By using the custom spacing block you can easily adjust the top padding, top margin and bottom padding of any section to suit your design needs.

    Note: Values set in the custom spacing block will override those defined in the general theme settings, applying locally only to this specific section.

    Steps

    1. Open the theme editor and select the section you want to edit.
    2. Click the section name to open its settings, then find and click "Add block."
    3. Select "Custom Spacing" and define padding top, margin top and padding bottom values for the section.
    4. The values you set will override the general settings in the theme.