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

Header background

Kalles - Collections carousel

Alfred

Written by Alfred

Last updated

599 views

On this page


This section helps you to show the categories with the carousel. Shopify 2.0 allows you to add this section to any pages that you wanna use.

section.gif

Steps: In the theme editor (Customize) > Add section > Collections carousel > Save.

1. Collection item

Go to Collections carousel > Add collection item. You can choose a Collection and adjust an image, a title, a link for each item.

item.gif

2. Collection carousel settings

  • Section show on: you can choose to show this section on all screens or only desktop/mobile devices.

11.gif

HEADING OPTIONS

  • You can enter the Heading and Subheading, choose the design for the heading, also can choose text align: center.

12.gif

GENERAL OPTIONS

  • You can adjust collection title with: font size, font weight, color, hover color

  • Open link in current window or new tab

  • Image rounded and image hover effect

13.gif

BOX OPTIONS

  • You can choose Items per row and Space horizontal items

14.gif

OPTIONS FOR CAROUSEL LAYOUT

  • Enable loop, auto playing, scroll bar.

16.gif
  • Config position, visible, style, color for Prev, next button and Page dot.

17.gif

DESIGN OPTIONS

  • Please follow this guideline to config Layout, Background, Margin/Padding for the section.

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