For this widget, users are able to config to display a list of newest products.
1. General tab
|Users can select 1 or multiple products on this field to make sure they will NOT display on App
|This field allows users to control the product number that will be displayed on App
|Enable load more
– Setting [Load items] = 4
– Setting [Enable load more] = Yes
– Total Newest products = 10
On App, the Newest product block will only show 4 first products and a [Load more] button refer here. If user click on [Load more] button, the next 4 products will be shown and [Load more] button still show below them.
Note: this function only applies for layouts: List, Masonry, Grid, Big first.
|There are 5 templates that users can use for their products:
– Item contained
– Item horizontal
– Item emerge
– Item vertical
– Item vertical center
|Width x Height
|Setting the size to product block
|Users can choose 1 in 7 size types to show product image
|Enable label new
Enable label sale
|Setting to show/hide each element
|Random: products show randomly any time a user opens the app
Latest: products are displayed by Latest updated date
2. Style tab
|Set Padding/Margin for whole section
|Set background color for the section
|Set padding for each product item
|Setup width and color for the divider that separate product items
|Only apply for Carousel layout
|Set column number and ratio for Grid layout
Indicator active color
|Set color for indicator, only apply for Slideshow layout
|Set background color for product item
|It applies for Product name
|It applies for Rating icon
|Set color for price (when price without discount)
|Sale price color
|Set color for sale price
|Regular price color
|Set color for Regular (original) price
Border radius image
|Set radius for product item and product image
|Users are able to set: Background color, On color, Border radius for “New” label
|Users are able to set: Background color, On color, Border radius for “Sale” label
|Users are able to set up shadow for their product block with: Shadow color, Offset X, Offset Y, Blur radius, Spread radius refer here
There are 6 available layouts to users can use.
|The posts will be displayed as a list
|The posts will be displayed as a carousel
Note: For this layout, users should config [Height] on Style tab to show name/label clearly
|Masonry layout is a layout method where one axis uses a typical strict grid layout, of most often columns, and the other a masonry layout.
|The first post will be displayed the biggest on the list. For other posts, users can set another template on General tab.
Ex: use template Item Horizontal
|The posts will be displayed as a slideshow.
|The posts will be displayed as a grid.
Note: users can config number of column at field [Column] on Style tab. AND use [Ratio] to set up the height of the block