The Product List component can be used with the shortcode:
[st_wc_awesome_product_list]
By default, the product list displays all published products. To change this, we can pass a list of the desired product ids using the product_ids
parameter separated by a comma like so:
[st_wc_awesome_product_list product_ids=1,2,3,4,5]
Where 1, 2, 3, 4 and 5 are valid product ids.
There are other settings that can be added to the shortcode manually or by updating an option over at the admin panel:
view-type
- View type for product list
- Can be either ‘grid’ or ‘list’
- DEFAULT: ‘grid’
grid-size
- Determine size of grid
- Can be an integer between 1 and 4
- DEFAULT: 3
enable-quick-look
- Enable quick look for ‘grid’ styled products
- Can be a boolean value (‘true’, ‘false’, ‘yes’, ‘no’)
- DEFAULT: ‘true’
show-title
- Display product title
- Can be a boolean value (‘true’, ‘false’, ‘yes’, ‘no’)
- DEFAULT: ‘true’
show-rating
- Display product rating
- Can be a boolean value (‘true’, ‘false’, ‘yes’, ‘no’)
- DEFAULT: ‘true’
show-price
–- Display product price
- Can be a boolean value (‘true’, ‘false’, ‘yes’, ‘no’)
- DEFAULT: ‘true’
show-description
- Display product description on ‘list’ view type
- Can be a boolean value (‘true’, ‘false’, ‘yes’, ‘no’)
- DEFAULT: ‘true’
show-add-to-cart-button
- Display add to cart button
- Can be a boolean value (‘true’, ‘false’, ‘yes’, ‘no’)
- DEFAULT: ‘true’
grid-template
- Grid product template
- Can be an integer value between 1 and 4, only used for view type ‘grid’
- DEFAULT: 2
text-alignment
- Text alignment for ‘grid’ styled products
- Can be a string value between (‘left’, ‘center’, ‘right’)
- DEFAULT: ‘left’
show-chip
s- Display tag chips for ‘grid’ styled products with template 2
- Can be a boolean value (‘true’, ‘false’, ‘yes’, ‘no’)
- DEFAULT: ‘true’
chip-color
- Chip text color for ‘grid’ styled products with template 2
- Can be a valid HEX color
- DEFAULT: #212121
chip-background-color
- Chip background color for ‘grid’ styled products with template 2
- Can be a valid HEX color
- DEFAULT: #fafafa