Comment on page


This section will help you to build your site in accordion style with smooth animation. It’s considered one of the best elements to optimize your page’s content with just a few simple steps.
To configure the accordion section, please go to Theme sections > Add section > Accordion.

1. Settings


  • Heading design: There are totally 14 heading designs.
  • Heading align: Align the title to the left, center, or right.
  • Heading: Enter the content of the heading.
  • Enter a icon name on heading: Go to LineAwesome to get the icon that you want to show on design 6.
  • Subheading: Enter the content of the subheading.
  • Space bottom (px): This allows you to change the space between the heading and content.
Please follow this video below for details:


  • Accordion design: There are 2 designs. You can select one of them.
  • It helps you configure the color and background color of the content accordion section with options for Accordion label color, Accordion label background color, Accordion label active color, Accordion label active background color, Accordion content color, and Accordion content background color.
  • Accordion content align: Align the accordion content to the left, center, or right.


  • Layout: You can choose between Custom Width, Container, Wrapped Container and Full width. Besides, you can also upload a background image, choose a background color, or a background gradient for the layout.
  • Custom width for content: This allows you to change the width of the layout section as you want. It only works when selecting the layout custom width from the Layout option.
  • Margin, Padding: You are allowed to change both of them for both on Mobile & Desktop devices.

2. Accordion item

  • Accordion icon: There are many icons. You can select one of them.
  • Accordion label: Enter the content of the label.
  • Accordion content: Enter the content of the accordion content.

[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.