> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/quapa/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/quapa/setting/elementor/opal-products.md).

# 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)