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

Updated onApril 11, 2026By

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.
Table Of Content
YouTube video
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/
WooCommerce Product Grid Listing – https://theplusaddons.com/elementor-listing//elementor-woocommerce-product/grid/

▶ Get 120+ Powerful Widgets for Elementor – https://theplusaddons.com/pricing/
▶ Nexter Theme Builder – https://nexterwp.com/
USE CODE ‘ YOUTUBE10 ‘ TO ENJOY EXTRA 10% DISCOUNT

Get The Plus Addons for Elementor
View 120+ Elementor Widgets Demo

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What if the custom product loop doesn't display correctly in Elementor?

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.

What are the benefits of using The Plus Addons for Elementor in my WooCommerce store?

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.

Last reviewed: April 11, 2026

Related Docs