Building a “Recently Viewed Products” Bar as a Fixed Slider in Elementor

Amazon style: A sticky bar at the bottom of the screen showing items the user just looked at. This is a high-conversion feature.

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

Step 1: The Sticky Container

Create a Parent Container.
Go to Advanced > Positioning.
Set Position to Fixed. Vertical Orientation: Bottom.
Set Z-Index high (e.g., 999).
Background: White, Box Shadow: Upwards.

Step 2: Content (Technical)

You need a plugin or shortcode that outputs “Recently Viewed Products”. Place this inside the container. If you can output them as child containers, great.

Step 3: Slider Settings

Enable Slider Mode.
Set Slides Per View to 6 (small thumbnails).
Disable Arrows/Dots to save space (or use very small arrows).

Pro Tips for Sticky Bars

• Close Button: Add a small “X” icon absolutely positioned in the corner to let users dismiss the bar. Requires a simple JS interaction to hide the parent container.