Table Of Contents

product list widget

How to use Product List widget powered by Ultimate Store Kit

The Product List Widget is a handy WordPress addon presented by BDthemes and is a part of the Ultimate Store Kit. It lets you show your products according to the list attractively to the visitors.
Let’s learn how to use the widget on your site.

Insert the widget

inserting the product list widget

Content tab customization

Arrange the Layout

2 2 - BdThemes

First, we are going to customize the Layout using the Content tab. To do that, go to Content > Layout. Here, select the Items Gap by 20, then select the Title HTML Tag and Image Size options from the drop-down menu.

Define the Query

3 4 - BdThemes

Next, go to Content > Query. Here, select the Source, then change the Show Product option, and change the other options if needed, and see the result.

Customize the Additional settings

4 4 - BdThemes

After that, go to Content > Additional. Here, you can see two modes i.e.: CONTENT and BADGE. For the CONTENT mode, enable the switchers.

5 4 - BdThemes

Next, for the BADGE mode, enable the switchers and fill the field by 90.

Style tab customization

Edit the Items

6 4 - BdThemes

Now, we are going to customize the Items using the Style tab. To do that, go to Style > Items. Here, change the Background Color, then set the Radius by 5, and see the result.

Format the Image

7 6 - BdThemes

Next, go to Style > Image. Here, set a thin Border, then set the Border Radius by 5, and see what happens.

Edit the Title

8 4 - BdThemes

After that, go to Style > Title. Here, change the Color, then change the Hover Color, remember, you have to select a different color for each of them and see the result.

Change the Price settings

9 4 - BdThemes

Now, go to Style > Price. Here, change the Regular Color, then change the Sale Color, select a different color for each, and see the result. You can change the other options if needed.

Set the Rating

10 4 - BdThemes

Next, go to Style > Rating. Here, change the Color, then change the Active Color, and see the result.

Edit the Badge

11 6 - BdThemes

Lastly, go to Style > Badge. Here, you can see five modes i.e.: SALE, DISCOUNT, STOCK, TRENDING, and NEW. For the SALE mode, change the options as you need, and see the result on the page.

Video assist

If you have any more queries about this widget, please watch this tutorial video. See the demo page for design ideas.

You can also see our demo page to learn more.

Thank you.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 30-days money-back guarantee.

Cyber Monday Sales Are Giving up to ~75% Price Off!! on our products | Coupon: CM2022

The Cyber Monday 2022 deal is already here. Grab all BdThemes products at the maximum discounted price, only limited within the event days. Prices went as low as 75% so if you are not buying, you are losing a lot. Just the right time to get the best discounts on the best vacations. 

Wait!! Don't miss ~75% Black Friday Discounts

You have been saving for months to get the best bang for your buck in this Black Friday 2022. This is why we made sure to lower the price to get us a cup of coffee but for you, it will be all the game changer plugins. Have another look at the deal page before you go.

Need any assistance? Call Us:+880 1700 55 95 95
Copyright © 2022 BdThemes. All Rights Reserved.