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

Header background

Element sections - Categories List

Alfred

Written by Alfred

Last updated

252 views

On this page


If you want to display a lot of collections in your store, Category List section will help you with this.

1. Add Categories List

  1. From Dashboard > Pages > All pages > select the home page you want to add Categories List > Edit with elementor.

  2. Scroll down to Kalles Theme > drag and drop the Categories List into the page.

list_5.jpeg

2. Configure Categories List’ Content

  • Categories: It allows you to select categories. If the category has featured images, the images will be displayed here.

list_2.jpeg

3. Configure Categories List’ Style

You can design typography and change color for Categories & Count.

list_6.jpeg

4. Configure Categories List’ Settings

  • Layout style: There are 7 styles.

  • List categories style: There are 3 styles. They are Grid, Masonry, Carousel.

  • Column:  There are 5 types. You can choose 2 columns, 3 columns, 4 columns, 5 columns or 6 columns.

  • CSS Animation: There are 5 styles animations. They are Top to bottom, Bottom to top, Left to right, Right to left, Appear from center.

  • Extra class name: You also can add an extra class name in this option. (Style particular content element differently – add a class name and refer to it in custom CSS).

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, 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, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

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