Card Rows

Custom Elementor widgets for animated and responsive card rows in WordPress.

Features

• Includes 3 custom Elementor widgets: Card Row 1 - Infinite Scroll, Card Row 2 - Slider, and Card Row 3 - Slider.
• Fully responsive behavior for desktop, tablet, and mobile.
• Configurable autoplay, speed, direction, and cards-per-slide settings.
• Hover interactions (including pause on hover for scrolling/slider behaviors).
• Per-widget style controls in Elementor for card layout, image sizing, typography, colors, and button appearance.
• Built-in plugin admin page with widget overview, how-to guidance, and key feature highlights.

Widgets Overview

Card Row 1 - Infinite Scroll

• Infinite horizontal loop by duplicating card sets.
• Card fields: image, title, button text + URL, tag/badge.
• Settings: animation direction (left / right), animation speed (5s to 60s), stop on hover (yes / no).

Card Row 2 - Slider

• Arrow-based slider with optional autoplay.
• Card fields: image, title, description, button text + URL.
• Settings: cards per slide (1 to 6), autoplay speed (1s to 10s), autoplay on/off.

Card Row 3 - Slider

• Arrow-based slider for location/duration style cards.
• Card fields: image, title, location, days/duration, button text + URL.
• Settings: cards per slide (1 to 6), autoplay speed (1s to 10s), autoplay on/off.

Requirements

• WordPress
• Elementor plugin installed and active
• PHP environment compatible with WordPress + Elementor

If Elementor is not active, the plugin shows an admin error notice.

Installation

1. Place the plugin folder in your WordPress plugins directory.
2. Activate Card Rows from the WordPress admin Plugins screen.
3. Open Elementor editor and search for Card Row 1 - Infinite Scroll, Card Row 2 - Slider, or Card Row 3 - Slider.

How It Works

• Main plugin file registers widgets, enqueues assets, and adds an admin page.
• Frontend assets: assets/css/widgets.css and assets/js/widgets.js.
• Font Awesome is loaded from CDN for icons.

Plugin Structure

card-rows/
|- card-rows.php
|- admin/
|  |- admin-page.php
|- assets/
|  |- css/widgets.css
|  |- js/widgets.js
|- widgets/
   |- widget-card-row-1.php
   |- widget-card-row-2.php
   |- widget-card-row-3.php

Version

• Current version in code: 1.0.2