Overview

The Product Display category contains 12 widgets designed to showcase your WooCommerce products in a variety of layouts. From multi-column grids and carousels to AJAX-powered search and tabbed browsing, these widgets give you complete control over how products appear across your site.

All widgets are registered under the mpd-productwoo Elementor category and are available in the Elementor editor panel when editing any page or template.

MPD Products Grid

The flagship product display widget with 4,040 lines of code. Products Grid gives you complete control over how your WooCommerce products appear in a responsive grid layout with multiple product card styles, hover effects, badges, and action buttons.

Key Features

• Display products in a customizable multi-column grid layout
• Multiple product card styles (layouts) to choose from
• Responsive column controls for desktop, tablet, and mobile
• Product image hover effects (zoom, fade, slide)
• Badge settings for Sale, New, and Featured products
• Toggle display of title, price, rating, category, and description
• Cart button types: icon, text, or icon + text
• Custom product query: by category, tag, featured, on-sale, best-selling, etc.
• Pagination support (numeric, load more, infinite scroll)

Control Groups

Tab	Controls	Description
Content	Product count, columns, product style, ordering, badge text, button text	Core product display options and what information to show on each card
Style	Card spacing, image size, typography, colors, border, shadow, badge style	Visual customization for every element of the product card
Query	Source, categories, tags, include/exclude IDs, order by, stock status	Filter which products appear and in what order
Advanced	Custom CSS, motion effects, responsive visibility, custom attributes	Standard Elementor advanced controls

MPD Products List

Displays products in a horizontal list layout with product image on one side and details on the other. This widget is ideal for comparison-style layouts where users need to scan through product information quickly.

Key Features

• Horizontal list layout with image + content side by side
• Similar control set to Products Grid, optimized for list display
• Adjustable image width ratio
• Title, price, rating, description, and category display toggles
• Add to cart button with style options
• Good for comparison-style and catalog layouts

MPD Shop Products

A shop-style product display widget that recreates the feel of a WooCommerce shop or category page. Includes inline filters and sorting options so customers can browse products without leaving the page.

Key Features

• Designed specifically for shop/category page layouts
• Inline product filter and sorting toolbar
• Product count display and result count
• Grid layout with configurable columns
• Pagination support
• Custom query for product source selection

MPD Products Slider

A Swiper.js-based product slider that displays products in a smooth, touch-friendly carousel. Perfect for featured product sections, homepage banners, and promotional displays.

Key Features

• Powered by Swiper.js for smooth transitions
• Autoplay with configurable speed and delay
• Loop mode for infinite scrolling
• Navigation arrows (customizable style and position)
• Pagination dots (bullets, fraction, or progressbar)
• Responsive breakpoints for slides per view
• Touch and drag support for mobile devices

MPD Products Carousel

A multi-item product carousel that shows several products at once and scrolls through them horizontally. Works great for "Related Products," "Best Sellers," or any curated product collection.

Key Features

• Multiple slides visible at once (configurable per breakpoint)
• Adjustable spacing between slides
• Responsive breakpoints for desktop, tablet, and mobile
• Autoplay with pause on hover
• Navigation arrows and pagination controls
• Center mode option for featured-style highlighting

MPD Testimonial Carousel

Display customer testimonials and reviews in an attractive carousel slider. Each testimonial can include a customer avatar, name, role/title, testimonial text, and a star rating.

Key Features

• Repeater field for adding unlimited testimonials
• Avatar image upload for each testimonial
• Customer name and role/title fields
• Testimonial text with rich formatting
• Star rating display (1–5 stars)
• Multiple layout styles (card, bubble, minimal)
• Carousel controls: autoplay, speed, navigation, pagination

MPD Products Tab

Show products organized by category in a tabbed interface. Users click a category tab to view products from that category. Tab content is loaded via AJAX for fast initial page load.

Key Features

• Category-based tab navigation for organized browsing
• AJAX lazy loading for tab content via mpd_load_tab_products action
• Configurable number of products per tab
• Tab style customization (underline, pill, boxed)
• Product card style consistent with Products Grid
• Loading spinner during AJAX requests

MPD Products Categories

Display your WooCommerce product categories in an attractive grid or list layout. Each category card shows the category image, name, and product count, linking directly to the category archive page.

Key Features

• Grid or list display modes for categories
• Category image, name, and product count display
• Include or exclude specific categories
• Order by name, count, slug, or menu order
• Show/hide empty categories toggle
• Customizable card styling (border, shadow, spacing, overlay)

MPD Products Awesome List

An advanced list layout widget with more style options and visual configurations than the standard Products List. Provides additional card designs and content arrangements for a premium product listing experience.

Key Features

• Multiple list card style variations
• Extended style options beyond the standard list widget
• Product image size and ratio controls
• Content order customization
• Badge and ribbon support
• Add to cart and action button options

MPD Pricing Table

Create professional pricing comparison tables to showcase product tiers, subscription plans, or service packages. Includes multiple pricing tiers with customizable features lists, call-to-action buttons, and optional badge/ribbon highlights.

Key Features

• Multiple pricing tiers with header, price, and period
• Features list with include/exclude icons per item
• Call-to-action buttons with custom links and styling
• Badge/ribbon for highlighting recommended or popular plans
• Original price (strikethrough) for showing discounts
• Customizable colors, typography, and spacing per tier

MPD Accordion

Create collapsible content sections perfect for FAQ pages, product information, specifications, or any content that benefits from an expand/collapse interaction pattern.

Key Features

• Repeater field for unlimited accordion items
• Customizable open/close icons (arrow, plus/minus, chevron)
• Smooth expand/collapse animation with configurable speed
• Option to allow multiple items open or single-item mode
• Set a default open item
• Title and content typography and color customization
• Border, background, and spacing controls per state (open/closed)

MPD AJAX Search

A live product search widget that delivers real-time search results as the user types. Powered by a dedicated AJAX handler for fast response times, it helps customers find products instantly without page reloads.

Key Features

• Real-time search results as the user types
• Product suggestions with thumbnail, title, and price
• Category filter dropdown for scoped searching
• Configurable minimum character threshold
• Result count display
• Uses a dedicated AJAX handler for fast, optimized queries
• Customizable search input placeholder, icon, and styling
• "View All Results" link to full search results page