---
title: "WooCommerce Custom Product Loop in Elementor | Design Product Template [Video Tutorial]"
url: https://theplusaddons.com/docs/woocommerce-custom-product-loop-elementor-design-product-template/
date: 2023-07-05
modified: 2026-04-11
author: "Aditya Sharma"
description: "https://www.youtube.com/watch?v=XkkUOAJ-5dk Video Duration: 21 : 39 Video Overview Let's create a Custom Product Loop Skin for WooCommerce Products in Elementor. We will cover step by step from adding product featured..."
image: https://theplusaddons.com/wp-content/uploads/2023/07/maxresdefault-48-1024x576.jpg
word_count: 130
---

# WooCommerce Custom Product Loop in Elementor | Design Product Template [Video Tutorial]

## Key Takeaways

- WooCommerce Custom Product Loop Skin allows users to add product featured images, reviews, ratings, and sale badges.
- Advanced Custom Fields enables the addition of unique colour backgrounds for each product in the Custom Product Loop.
- The video tutorial has a duration of 21 minutes and 39 seconds, providing a step-by-step guide for creating a Custom Design for WooCommerce Product pages.

https://www.youtube.com/watch?v=XkkUOAJ-5dk

##### Video Duration: 21 : 39

## Video Overview

Let's create a Custom Product Loop Skin for WooCommerce Products in Elementor. We will cover step by step from adding product featured images, product reviews & ratings, add to cart button, product page link, and sale badge for the Custom loop.

We go a step further, and add extra custom fields via Advanced Custom Fields for WooCommerce to add a unique colour background to each product. So sit back and enjoy this complete video to create your Custom Design for WooCommerce Product page.

▶ Widget Used
Custom Loop Skin for Products - [https://theplusaddons.com/elementor-listing//blog-post-loop-skin/](https://theplusaddons.com/elementor-listing//blog-post-loop-skin/)
WooCommerce Product Grid Listing - [https://theplusaddons.com/elementor-listing//elementor-woocommerce-product/grid/](https://theplusaddons.com/elementor-listing//elementor-woocommerce-product/grid/)

▶ Get 120+ Powerful Widgets for Elementor - [https://theplusaddons.com/pricing/](https://theplusaddons.com/pricing/)
▶ Nexter Theme Builder - [https://nexterwp.com/](https://nexterwp.com/)
USE CODE ' YOUTUBE10 ' TO ENJOY EXTRA 10% DISCOUNT

[Get The Plus Addons for Elementor](https://theplusaddons.com/pricing/)

[View 120+ Elementor Widgets Demo](https://theplusaddons.com/elementor-widgets/)

## Frequently Asked Questions

**Q: What if the custom product loop doesn't display correctly in Elementor?**
A: If your custom product loop isn't displaying as expected, check that you've correctly added the product featured images and configured the settings for the Custom Loop Skin. Ensure that the widget used is the Custom Loop Skin for Products from The Plus Addons for Elementor. A common issue is forgetting to link the add to cart button or product page link, which can lead to display problems.

**Q: What are the benefits of using The Plus Addons for Elementor in my WooCommerce store?**
A: Using The Plus Addons for Elementor provides access to over 120 powerful widgets, including those specifically for WooCommerce. This can significantly enhance your store's functionality and design. The custom product loop feature allows for tailored product displays, which can improve user experience and potentially increase sales.