Multirow

General

The Multirow section allows you to create visually appealing and dynamic layouts using row blocks. This is ideal for highlighting products, promotions, or engaging content in a versatile and impactful format.

Customize the section with the following settings: 

  • Select a color scheme to align with your branding.
  • Choose between Grid or Slideshow layouts for desktop and mobile devices.
  • Determine if media appears first or last in desktop view.
  • Select whether to flip the media position on even rows
  • Enable full width buttons if needed.
  • Select heading, text and button sizes for desktop and mobile.

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.


    Row blocks

    Row blocks form the content of the Multirow section, allowing flexible customization. Each block can include diverse content such as images, videos, text, and buttons.

    Note: If both an image and video are added, the video will display.

    Within each row block, you can: 

    • Select media width: large, medium or small.
    • Add image.
    • Add video.
      • Enable autoplay for seamless playback.
      • Display controls optionally (always shown if autoplay is disabled).
    • Select text alignment and vertical position.
    • Add heading and text content.
    • 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.