Swiper Cards

Swiper Cards module lets you enter sliders from your drupal block configuration area. It is a customizable drupal slider module. Using this module lets you easily add sliders with card layout to your drupal website. This module prrovides a custom block functionality which helps to generate responsive and flexible touch sliders with predefined layouts and currently this module provides four layouts.

Wou can show card sliders with photo, a short blurb, title and other information related to the card. We can also use the slider order weight select option which can be used to provide customized sorting of sliders.

This module has simple options and the ability to choose the slider container backgraound color, add slider header text using formatted text editor. We can add the custom css for the header contents of the active theme css will be implemented.

We can also override the swiper cards template and css for design layout with abailable variables on the twig template.

We can copy the template file from templates/swiper-cards.html.twig to your theme file and customize the html and implement your own layout with custom css and also override the javascript with our custom js.

Available variables on the twig template:
Available variables:

- swiper_cards_data: Array of swiper cards data.
  - card_image
  - card_title
  - card_subtitle
  - card_description
  - weight
  - image_url
- swiper_card_layout: Swiper card layout
- default_data: Container backgraoud color

Support

Please post bug reports, feature requests and support requests to the Swiper Cards module issue queue.

Demo

• Go to https://simplytest.me/project/swiper_cards.
• Click "Launch Sandbox".
• Install Drupal as normal.
• Enable "Swiper Cards" module, and any optional modules you wish to try out.

Installation and download

Installation with Composer:

composer require 'drupal/swiper_cards'

Enable the module: Using the Drupal User Interface

1. Navigate to the Extend page (admin/modules) via the Manage administrative menu
2. Locate the Swiper Cards module and check the box next to the module
3. Click Install to enable (turn on) the module

Looking for Swiper Cards support?

Free community support options

Developers can participate our support channels on a best-effort basis, Drupal Answers.