---
title: "WooCommerce Products Metro for Elementor"
url: https://theplusaddons.com/elementor-listing/woocommerce-product/metro/
date: 2025-04-18
modified: 2025-07-07
author: "pinank Panara"
description: "Display your WooCommerce products in a Metro layout using Elementor. Choose from multiple styles and advanced options to improve your conversions without any coding."
image: https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-Product-Metro-for-Elementor-Image-1024x536.jpg
word_count: 56
---

# WooCommerce Products Metro for Elementor

## Live Demos of Elementor WooCommerce Product Metro
[![](https://theplusaddons.com/wp-content/uploads/2024/10/Jewellery-Products-in-Metro-Listing.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-metro-demo/#Demo1)
### Jewellery Products in Metro Listing
[![](https://theplusaddons.com/wp-content/uploads/2024/10/Ecom-Store-Products-Metro.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-metro-demo/#Demo2)
### Ecommerce Store Products Metro
[![](https://theplusaddons.com/wp-content/uploads/2024/10/Footwear-WooCommerce-Products-Metro.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-metro-demo/#Demo3)
### Footwear WooCommerceProducts Metro
[![](https://theplusaddons.com/wp-content/uploads/2024/10/Dark-Theme-Metro-Product-Listing.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-metro-demo/#Demo4)
### Dark Theme Metro Product Listing

## Key Features of Elementor Before After Slider​
![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png)
### Horizontal, Vertical & Opacity Mode
![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png)
### Upload Before & After Image with Label
![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png)
### Customize Everything

## Watch How it Works
Subscribe for more Such Elementor Video Tutorials