Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Ecomus - Custom Section

Mie Tran

Written by Mie Tran

Last updated

1121 views

On this page


From Ecomus version 1.5, we updated the Custom Section. This section is flexible that you can design it like what ever you want with images, text, and buttons, etc. It is usually located on Home Page. However, Shopify 2.0 allows you to add Custom Section to any pages that you want.

section.gif

1. Custom Section Content

There are 7 blocks for this section:

  1. Col (Parent): This parent block is required if you want to add any content to this section. That means if you want to create 3 columns then you also need to create 3 Col (Parent) blocks.
    You will add Col (Parent) previous child elements. In this block, you can separate the percentage of columns.

    col parent.gif

    For example: 12 of 12, it means 100%; if you want to hide col Parent for specific device, you can select "Hide

    percentage.gif
  2. Heading: You can style heading Bold, Italic, link setting, HTML tag, size and adjust alignment it.

  3. Text: Similar heading you can style text, change font-size, alignment on desktop and mobile.

    text.gif
  4. Image: This block allows you add image, link to the image, image width (if you want to custom width please select "Custom"), alignment image.

    image.gif
  5. Button: You can change title, link, font-size, style, font-weight, icon and alignment.

    button.gif
  6. Spacer: This block help you create white space similar margin bottom.

    space.gif
  7. Custom liquid: You can flexible edit and insert code to this block; please make it if you have knowledge about the code.

    custom liquid.gif

2. How to configure Custom Section?

In the setting of this section you can config section fullwidth; color scheme; content direction and position; section padding.

setting.gif

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.