I. Types #
Have 8 types of item:
- Item contained
- Item horizontal
- Item emerge
- Item vertical
- Item vertical center
- Item card horizontal
- Item card vertical
- Item curve
Item contained #
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/18043828/Screenshot-2023-07-18-at-11.36.20.png)
Image | |
Width x Height: – Size image | |
Thumb Size: – Choose the size and resolution for the image to display | |
Image Size: – Used to resize to fit its container | |
On/Off positions | |
Enable Label new: | |
Enable Label sale: | |
Enable rating: | |
Enable quantity: | |
Enable button add cart: | |
Widget area | |
Above name: | |
Above price: | |
Above rating: |
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/18065908/Screenshot-2023-07-18-at-13.44.14.png)
Item horizontal #
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/20024654/Screenshot-2023-07-19-at-15.18.51.png)
Image | |
Width x Height: – Size image | |
Thumb Size: – Choose the size and resolution for the image to display | |
Image Size: – Used to resize to fit its container | |
On/Off positions | |
Enable Label new: | |
Enable Label sale: | |
Enable rating: | |
Enable quantity: | |
Enable button add cart: | |
Widget area | |
Above name: | |
Above price: | |
Above rating: |
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/20024659/Screenshot-2023-07-19-at-15.19.25.png)
Item emerge #
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/20024932/Screenshot-2023-07-19-at-15.21.55.png)
Image | |
Width x Height: – Size image | |
Thumb Size: – Choose the size and resolution for the image to display | |
Image Size: – Used to resize to fit its container | |
On/Off positions | |
Enable Label new: | |
Enable Label sale: | |
Enable category: | |
Enable rating: | |
Enable quantity: | |
Enable button add cart: | |
Widget area | |
Above name: | |
Above price: | |
Above rating: |
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/20024928/Screenshot-2023-07-19-at-15.21.14.png)
Item vertical #
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/20025423/Screenshot-2023-07-19-at-15.23.09.png)
Image | |
Width x Height: – Size image | |
Thumb Size: – Choose the size and resolution for the image to display | |
Image Size: – Used to resize to fit its container | |
On/Off positions | |
Enable Label new: | |
Enable Label sale: | |
Enable category: | |
Enable rating: | |
Enable quantity: | |
Enable button add cart: | |
Widget area | |
Above name: | |
Above price: | |
Above rating: |
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/20025427/Screenshot-2023-07-19-at-15.23.45.png)
Item vertical center #
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/20025604/Screenshot-2023-07-19-at-15.25.16.png)
Image | |
Width x Height: – Size image | |
Thumb Size: – Choose the size and resolution for the image to display | |
Image Size: – Used to resize to fit its container | |
On/Off positions | |
Enable Label new: | |
Enable Label sale: | |
Enable category: | |
Enable rating: | |
Enable quantity: | |
Enable button add cart: | |
Widget area | |
Above name: | |
Above price: | |
Above rating: |
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/20025608/Screenshot-2023-07-20-at-09.13.12.png)
Item card horizontal #
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/20025824/Screenshot-2023-07-20-at-09.01.25.png)
Image & Opacity | |
Width x Height: – Size image | |
Thumb Size: – Choose the size and resolution for the image to display | |
Image Size: – Used to resize to fit its container | |
Opacity: – Value from 0 to 1 | |
Opacity Color: | |
On/Off positions | |
Enable Label new: | |
Enable Label sale: | |
Enable category: | |
Enable price: | |
Enable quantity: | |
Enable button add cart: | |
Widget area | |
Above name: | |
Above price: |
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/20025828/Screenshot-2023-07-20-at-09.06.24.png)
Item card vertical #
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/20030320/Screenshot-2023-07-19-at-16.31.41.png)
Image | |
Width x Height: – Size image | |
Thumb Size: – Choose the size and resolution for the image to display | |
Image Size: – Used to resize to fit its container | |
On/Off positions | |
Enable Label new: | |
Enable Label sale: | |
Enable category: | |
Enable rating: | |
Enable quantity: | |
Enable button add cart: | |
Widget area | |
Above name: | |
Above price: | |
Above rating: | |
Beside wishlist: |
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/20030425/Screenshot-2023-07-19-at-16.30.53.png)
Item curve #
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/20030802/Screenshot-2023-07-19-at-16.33.28.png)
Image | |
Width x Height: – Size image | |
Thumb Size: – Choose the size and resolution for the image to display | |
Image Size: – Used to resize to fit its container | |
On/Off positions | |
Enable Label new: | |
Enable Label sale: | |
Enable rating: | |
Enable quantity: | |
Enable button add cart: | |
Widget area | |
Above name: | |
Above price: | |
Above rating: |
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/20030806/Screenshot-2023-07-19-at-16.34.05.png)
II. Widget area #
To setting Widget area, you need use Query data selector