# Opal Products

When creating a page with Elementor, please search elementor with name **"Opal Products"** widget.

![](https://2449141408-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrNzGzsnk9i6QIo76VR%2F-LrhS64g1vlfzIRcnDBY%2F-LrhjTnfDBULC-s0tEov%2FScreenshot_24.png?alt=media\&token=2f8ccaa5-832d-4de3-a59f-e7a2e056f23a)

Drag this elementor to widget, it will display form config product element.

\+ **Setting**: will display for you choose

* Posts per page: choose number product will display in page
* Columns: choose number columns will display in page
* Advanced : Choose option for order, categories, product type,...

![](https://2449141408-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrNzGzsnk9i6QIo76VR%2F-LrhS64g1vlfzIRcnDBY%2F-Lrhjs0qjuDSSFlEGisT%2FScreenshot_25.png?alt=media\&token=100a165d-0b3c-44ab-858d-bae88755f6b6)

\+ **Carousel Options:** Set up carousel for product if you want please enable button

![](https://2449141408-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrNzGzsnk9i6QIo76VR%2F-LrhS64g1vlfzIRcnDBY%2F-LrhjxUtkhnXxwsmluDd%2FScreenshot_26.png?alt=media\&token=7726982e-d2b2-4476-8d72-6ca3e8712c4c)

**Front-end display**:

![](https://2449141408-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrNzGzsnk9i6QIo76VR%2F-LrhS64g1vlfzIRcnDBY%2F-Lrhk62xZkwuKW8TPF1W%2FScreenshot_27.png?alt=media\&token=c98dc764-3131-468f-9ac3-292977fac268)