1. Home
  2. Bosa Elementor For WooCom...
  3. How to Use Plugin Widgets
  4. How to Setup Woo – Products List

How to Setup Woo – Products List

BEW Woo Products List helps in showcasing your archive products on any page, offering styling options from which you can present your product to your viewer within minutes.  You can follow the guideline below to configure and style your BEW Woo Products List.

HOW TO ACTIVATE BEW Woo Products List?

First of all make sure you have installed and activated WooCommerce plugin. After that install and activate Bosa Elementor for WooCommerce plugin.  BEW Products List will be activated automatically and you can locate the widget in elementor.

Note : Please make sure you have added products otherwise error will be displayed.

How to add BEW Woo Products List?

To utilize the BEW element, open your desired page in Elementor (existing or new). Navigate to the ‘Elements’ tab and use the search option to find the ‘Woo –Products List’ element. Now simply drag and drop the widget onto the page or the ‘+’ section as shown in example.

Configuring widgets Settings

CONTENT TAB

Under Content Tab you will find Content and Query sections.

How to Setup Column Number

In content section use the Number of Columns option to set the number of columns in your product page as per your desire.

How to Setup Product Numbers

In content section use the Number of Products option to set the number of products in your page.

Other Content section options are:

  • Ratings
  • Icon Group
  • Image Position
  • Alignment (Horizontal)
  • Vertical Alignment

How to Setup Query Management

Under the Query tab, you will find source option where you can display your product using custom query or manual query. In Advance option you can filter your product using different options. For more detail please click the link below:

How to Setup Query Management

STYLE TAB

How to Style BEW Woo Products List?

Customizing your Woo Products List with colors, text, alignment and other adjustment you need to go to Style Tab. Style Tabs contains following options:

  • Item
  • Image
  • Title
  • Price
  • Rating
  • Button
  • Sale
  • Icon Group