Carousel v1.0.0

The Carousel section is a versatile and highly customizable slider component for the Ecomify theme. It allows merchants to create engaging, interactive slideshows featuring images or videos with accompanying text, buttons, and overlay images.

Key Features:

1. Multiple Content Types: Supports both image and video slides.

  • Responsive Design: Separate configurations for mobile and desktop views.

  • Rich Content Options: Each slide can include a subtitle, title, description, and up to two call-to-action buttons.

  • Animation Effects: Various animation options for slide transitions and caption appearances.

  • Customizable Controls: Options for navigation arrows and indicator dots.

  • Accessibility: Includes settings to control access for guests and members.

How It Works:

  • The section uses Liquid templating to generate the HTML structure.

2. It leverages Bootstrap's carousel component for the core functionality.

  • Custom JavaScript is used to handle lazy-loading of videos and animation of captions.

  • The section is fully responsive, with different layouts and content for mobile and desktop views.

  • Merchants can add multiple slide blocks, each customizable with its own content and settings.

This Carousel section provides a powerful tool for merchants to create eye-catching, informative slideshows that can showcase products, promotions, or brand messaging effectively on their Shopify store using the Ecomify theme.

Start by Clicking on the theme editor. The section will already be there for you to design.

Sizes for mobile and desktop should have roughly these sizes:

1920 by 550 desktop

900 by 1200 mobile

You will then be provided with a section called Carousel where you can edit and change our your text.

Last updated