Products Widget



The Products Widget can be used to create a grid or slider of products that can be added to any page of your WordPress website.  This is commonly used on the homepage to create sections of featured products or new arrivals.

Screen_Shot_2022-04-11_at_11.22.49_AM.png

To get started, open the Elementor editor for the page where you want to use the products widget.  In the list of widgets in the left column, scroll down to the Prodigy Commerce section and drag the Products widget into the appropriate section.

Screen_Shot_2022-04-11_at_11.06.08_AM.png

Content Tab - Products Selection

In the content tab of the widget settings, the Products Selection section allows you to select the specific products that will be displayed in the widget.  You can select products by Category, Tag, or Product Name.  You can also use the On Sale setting to specify if all products should be displayed or only those that are currently on sale.

Screen_Shot_2022-04-11_at_11.16.25_AM.png

Content Tab - Content

In the content tab of the widget settings, the Content section provides additional settings for how the widget will be displayed.  In this section, you can control the sorting, limit, display type (slider or grid), and columns.  You can also set the visibility of the category, rating, and sale badge.

Screen_Shot_2022-04-11_at_11.16.38_AM.png

Style Tab - General

In the Style tab, the General section provides the following controls.

Screen_Shot_2022-04-11_at_11.48.18_AM.png

Style Tab - Box

In the Style tab, the Box section includes the following controls that affect the outer container of each product card. 

Screen_Shot_2022-04-11_at_11.50.26_AM.png

Style Tab - Slider

In the Style tab, the Slider section contains the following controls. This section is only available if the widget is set to Slider mode in the content section.

Screen_Shot_2022-04-11_at_11.50.38_AM.png

Style Tab - Image

In the Style tab, the Image section contains the following controls that affect the product image.

Screen_Shot_2022-04-11_at_11.50.50_AM.png

Style Tab - Category

In the Style tab, the Category section includes the following controls. This section is only available if the category visibility is set to Show in the content section.

Screen_Shot_2022-04-11_at_11.50.59_AM.png

Style Tab - Title

In the Style tab, the Title section includes the following controls that affect the product title.

Screen_Shot_2022-04-11_at_11.51.07_AM.png

Style Tab - Rating

In the Style tab, the Rating section includes the following controls. This section is only available if the rating visibility is set to Show in the content section.

Screen_Shot_2022-04-11_at_11.51.16_AM.png

Style Tab - Price

In the Style tab, the Price section includes the following controls.

Screen_Shot_2022-04-11_at_11.51.26_AM.png

Style Tab - Sale Badge

In the Style tab, the Sale Badge section includes the following controls. This section is only available if the Sale Badget visibility is set to Show in the content section.

Screen_Shot_2022-04-11_at_11.51.36_AM.png

Style Tab - Pagination

In the Style tab, the Pagination section includes the following controls. This section is only available if the display is set to Grid mode in the content section.

Screen_Shot_2022-04-11_at_11.52.07_AM.png

In the next article, we will cover the Prodigy Categories Widget for Elementor.

 

Build WordPress stores with modern technology

Sign up to use the Prodigy platform, a powerful alternative to WooCommerce. Prodigy is free at ANY scale.

Create an Account