How to Configure the Product Media List Widget in Elementor
How to Use Product Media List #
Product Media List widget allows you to display WooCommerce product images and gallery media in a clean and customizable layout. It helps you design a visually engaging Single Product page by showing the featured image along with additional product gallery images.
This widget is especially useful when creating custom WooCommerce Single Product templates with Elementor.
How to Activate Product Media List #
To use this Spexo Addons element, find the ‘Product Media List’ element from the search option under the ‘ELEMENTS’ tab.
Simply Drag & Drop the ‘Product Media List’ widget into the ‘Drag widget here’ section or click the ‘+’ icon to add it to your layout.
After successfully adding the widget, the Product Media List will automatically fetch and display the featured product image along with all gallery images assigned to that product in WooCommerce.
How to Configure the Product Media List Content Settings #
To configure the Product Media List, click on the ‘Content’ tab in the Elementor panel. Here you will find several options to control how the product media images appear on your single product page.
Content #
From here, you can enable the Lightbox option to allow users to open product images in a popup view when clicked.
You can also adjust the Image Width and Image Height to control the size of the product images displayed in the media list.
Additionally, the Spacing Between Images option allows you to define the space between each product image, helping you create a clean and well-organized layout.
All these settings support responsive controls, so you can adjust them separately for desktop, tablet, and mobile devices.
Getting stuck? Feel to Contact Our Support for further assistance.
Navigation:
