How to Make a “Featured Products” Slider with Custom Badges in Elementor

Standard product grids don’t let you add custom “Staff Pick” or “Summer Vibes” badges easily. Building a manual slider gives you the freedom to merchandise your store exactly how you want.

To solve this, use Div Render Container Slider for Elementor.

Step 1: The Card Structure

Create a child container.
– Add the Product Image.
– Add a Heading (Product Title).
– The Badge: Add a Heading or Button widget, position it Absolute to the top-left corner, and style it as a badge (e.g., “Editor’s Choice”).

Step 2: Slider Settings

Enable Slider Mode on the parent.
Set Slides Per View to 3.
Enable Loop and Autoplay.

Pro Tips for Featured Items

• Hover Reveal: Use the container hover state to show the “Add to Cart” button only when the user hovers over the product card.