Advanced Product Card Design

Product Card Design Plugin for Botble Ecommerce

A powerful plugin that enhances product cards with interactive features including animated text, image slider on hover, and mobile-friendly navigation.

Live Demo

See it in action: https://testmaryams.laibakhursheed.com/

Visit the demo site to see:

• Product card text animations with icons
• Mouse hover auto image slider (desktop)
• Slider arrow buttons for mobile and tablet devices
• Dot indicators for image navigation

Features

1. Image Slider on Hover

• Desktop: Automatically slides through product images when user hovers over the product card
• Mobile/Tablet: Arrow buttons always visible for touch devices to navigate images
• Configurable slide interval (in seconds)
• Dot indicators showing current image position
• Smooth fade transitions between images
• Resets to first image when mouse leaves (desktop)

2. Animated Promotional Text

• Rotating text animation below product price
• Up to 5 configurable text items
• Each text type has its own icon (Tag, Fire, Truck, Box, Trending)
• Yellow background (#FEEE00) with black bold text (customizable)
• Configurable display duration per text (in seconds)
• Smooth fade and slide transitions

Dynamic Text Types

• Free Delivery: Static promotional text with truck icon
• Selling out Fast: Static promotional text with trending icon
• Lowest Price: Dynamically checks if current price is the lowest in X days (tag icon)
• Sold Recently: Shows "X+ Sold Recently" based on actual order data (fire icon)
• Low Stock Warning: Shows "Only X left in stock" when stock is below threshold (box icon)

Installation

1. Upload the productcarddesign folder to platform/plugins/
2. Go to Admin Panel → Plugins
3. Find "Product Card Design" and click Activate
4. Configure settings in Admin Panel → Product Card Design → Settings

Configuration

General Settings

• Enable/disable the entire plugin

Image Slider Settings

• Enable/disable image slider feature
• Set slide interval (in seconds, default: 2 seconds)

Animated Text Settings

• Enable/disable animated text feature
• Set text rotation interval (in seconds, default: 3 seconds)
• Set background color (default: #FEEE00)
• Configure up to 5 text items with types

Dynamic Text Settings

• Lowest price check period (days)
• Sold recently period (days)
• Low stock threshold

Requirements

• Botble CMS 7.5.0+
• Botble Ecommerce Plugin
• Products must have multiple images in gallery for slider to work

Compatibility

• Works with Shofy theme and other Botble ecommerce themes
• Supports AJAX-loaded products (infinite scroll, filters)
• Responsive design for all screen sizes

Author

Maryam International LLC Email- [email protected]

❤️

Support the Author

If you find this product helpful, consider supporting the developer.

Bank Information

Bank Name- Wio Bank  IBAN: AE040860000009582249758 ACCOUNT NUMBER: 9582249758 ACCOUNT NAME: MARYAM INTERNATIONAL LLC, Country United Arab Emirates

Copy

PayPal

@MohammadAqib951

Copy

Scan QR Code