# Opal Products

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

![](https://1573709292-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvEhQiEzRABYxdbmmMM%2F-LvK4neNM8XfeL9rF7gV%2F-LvK6MB3BHDCuIHBiJ2v%2Fimage.png?alt=media\&token=74a0f8f5-5db3-440e-b046-16f5b832f92d)

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://1573709292-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvEhQiEzRABYxdbmmMM%2F-LvK4neNM8XfeL9rF7gV%2F-LvK6WD6_QvRYRllp1Zq%2FScreenshot_25.png?alt=media\&token=3b69c879-7ac8-462d-975c-3ed9db2a42e3)

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

![](https://1573709292-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvEhQiEzRABYxdbmmMM%2F-LvK4neNM8XfeL9rF7gV%2F-LvK6hAPtXmWacLa-8XG%2Fimage.png?alt=media\&token=06e2b536-49d6-4574-b0a8-9ebd2bdeb8a4)

**Front-end look like :**

![](https://1573709292-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvEhQiEzRABYxdbmmMM%2F-LvK4neNM8XfeL9rF7gV%2F-LvK6vPA5Ey2K4xfk1qj%2FScreenshot_26.png?alt=media\&token=f50e87e5-59d8-4e4a-990f-54db53f3be05)