> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/shopping/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/shopping/setting/elementor/opal-products.md).

# Opal Products

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

![](https://2323254457-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lu_HOaUkLNPoRGawPPm%2F-Lu_HQ0OETXBhp6h4K2B%2F-Lu_Y4E6i7asJOY5NSx9%2Fproduct3.png?alt=media\&token=ca2cd1a3-1209-47c7-af97-9411fb0fd333)

When drag to widget , form setting will display with : number give per page , sort give and layout

![](https://2323254457-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lu_HOaUkLNPoRGawPPm%2F-Lu_HQ0OETXBhp6h4K2B%2F-Lu_Y7qETuK-ORCsXFSY%2Fproduct.png?alt=media\&token=21b29131-070f-400c-951d-414bfb3c1ccc)

\+ **With carousel options** : you can set up options for carousel button :

![](https://2323254457-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lu_HOaUkLNPoRGawPPm%2F-Lu_HQ0OETXBhp6h4K2B%2F-Lu_YHJYj6_VzpC5v_ig%2Fproduct1.png?alt=media\&token=fb5424f9-eb3f-48a8-8aff-0f0498120a97)

Front-end look like :

![](https://2323254457-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lu_HOaUkLNPoRGawPPm%2F-Lu_HQ0OETXBhp6h4K2B%2F-Lu_YKLaSqTHrftaQBPz%2Fproduct2.png?alt=media\&token=adc6254f-9ba1-4b80-938b-aa3d484bc594)