Custom Section
From Theme Section Sidebar > Go to Add section > Search and add Custom Section.
This section is very 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.
1. Custom Section Settings
Custom Section Settings allows you to customize basic settings for different devices such as layout, section background, spacing between items, etc.
1.1.CONTENT OPTIONS
Space horizontal items: Allows you change the space between items by horizontal.
Space vertical items: Allows you change the space between items by vertical.
Space horizontal items (Mobile): Allows you change the space between items by horizontal for Mobile device.
Space vertical items (Mobile): Allows you change the space between items by vertical for Mobile device.
1.2. DESIGN OPTIONS
Layout: There are Three layout options for you to sellect. (Container, Wrapped container, Full width)
Background: Allows you to change to background colors for this section.
Background gradient: Allows you to change to Background gradient colors for this section.
Background image: Allows you to add the Background Image for this section.
Margin: You can set Margin top, margin right, margin bottom, margin left for this section.
Padding: You cans set Padding top, padding right, padding bottom, padding left for this section.
1.3.DESIGN TABLET, MOBILE OPTIONS
Margin: You can set Margin top, margin right, margin bottom, margin left for this section.
Padding: You cans set Padding top, padding right, padding bottom, padding left for this section.
1.5.CUSTOM CSS
You can add the CSS codes for this section here.
2.Custom Section Content
In this section, we create for you many blocks so you can freely Customize more creatively.
You will notice that in this section you have Parent blocks and Child blocks, its very importance to create a content.
2.1.Col (parent)
This parent block is required if you want to add any contents to this section. That means if you want to create 3 column then you also need to create 3 Col(parent) block.
Item width: These options allow you to customize layout for this section on different devices by changing the Item width.
Content align vertical center: This option allows you to aligh center the content by vertical.
Content align: These options allow you to align the content to the Left, Right or Center on different devices.
Padding inner: You cans set Padding top, padding right, padding bottom, padding left for the block Child inside.
Background image: You can add Background Image for this Column.
Background color: You can change the Background colors for this Column.
2.2.Image (Child)
This block allows you to add an Image to this section.
You can customize some options in this block for Image like Image width, Image hover effect, Margin bottom.
2.3.Text
This block allows you to create a Text for this section.
You can customize some options in this block for Text like color, Font family, Font size, etc.
2.4.Button
This block allows you to create a Button for this section.
You can customize with many options for Button like Button label, Button link, Color, Button style, etc.
2.5.Space HTML
This block allows you to create a separator line for this section.
You can customize some options for Space HTML like Color, Width, Height, Margin.
2.6.HTML
This block allows you to add a HTML codes to this section.
2.7.Form newsletter
This block allows you to create a Newsletter Form in this section.
You can customize with many options for Newsletter Form like Form width, Newsletter design, Newsletter size, etc.
2.8.Countdown timer
This block allows you to create the time countdown to the end sale date for this section.
You can customize some options for Countdown timer like insert Date countdown, Countdown design, Countdown size, etc.
[Private Offer] EComposer Partner Plan
Exclusively for Kalles users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:
FREE 100% EComposer Standard plan for 6 months (save you $114)
Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
Create advanced sections & add to Kalles with ease
Save up to 50 pages/sections
100+ professional, stunning pre-designed templates
Anyone can build pages with live drag-drop editor
How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Kalles+EComposer” to upgrade for free
Cheers, The4.
Last updated
