1. Home
  2. Docs
  3. App Builder – User Guide
  4. Screen
  5. Product list

Product list

A. Demo video

B. Configuration

Link to config: Go to Admin panel > choose [App Builder] > Select a template that you want to update > Choose option [Product List] on the dropdown.

1. Config tab

App bar
Type AppbarThere are 3 types:
– Scroll: Appbar will be scrolled following the content
– Floating: Appbar will be scrolled following the content BUT when user scrolls back, it will be displayed on the top.
– Fixed: Appbar always stays on the top
Enable center titleEnable: The title category will be displayed in the center
Disable: The title category will be displayed in the left
Enable count product itemShow/hide product item counter
Enable CartShow/hide cart icon
Enable searchShow/hide search icon

2. General tab

3. Stype tab

Padding/MarginSet Padding/Margin for whole section
Config item
Text colorIt applies for Product name
Sub text colorIt applies for Category name
(if [Enable category] = Yes on General tab) and Rating icon
Price colorSet color for price (when price without discount)
Sale price colorSet color for sale price
Regular price colorSet color for Regular (original) price
Border Radius imageSet radius for product image
Label NewUsers are able to set: Background color, On color, Border radius for “New” label
Label saleUsers are able to set: Background color, On color, Border radius for “Sale” label

4. Layout tab

There is only available layout: default

Was this article helpful to you? Yes No

How can we help?