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

# Opal Portfolio

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

![](https://3998518804-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lqz34s7EoWImysxsy-v%2F-LrC--vQBT5W4y40L7MZ%2F-LrCAKrLJ7aCf-EjKo2m%2Fport5.png?alt=media\&token=9d395ce3-c58d-49eb-bb2e-46f737b5a7df)

When drag to widget , form will display for you config .

\+ **Layout :** this form will follow you config columns, number of display and style, layout of portfolio

![](https://3998518804-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lqz34s7EoWImysxsy-v%2F-LrC--vQBT5W4y40L7MZ%2F-LrCAQcOzJH1zMpoiUyt%2Fport1.png?alt=media\&token=8d28e315-8a95-4304-8093-2e8a62724a0d)

\+ **Button Load more**&#x20;

![](https://3998518804-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lqz34s7EoWImysxsy-v%2F-LrC--vQBT5W4y40L7MZ%2F-LrCAlb5mSro-Qr-9UY1%2Fport2.png?alt=media\&token=a40aa6d6-2986-46bd-8d12-e738868873c7)

\+ **Query** :  You can order portfolio in this form&#x20;

![](https://3998518804-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lqz34s7EoWImysxsy-v%2F-LrC--vQBT5W4y40L7MZ%2F-LrCAv8FLUz16XaZsb7-%2Fport3.png?alt=media\&token=c173c4ca-eb91-468f-89d2-86a918ae9c96)

\+ **Carousel Options**: Enable option if you want to display carousel

![](https://3998518804-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lqz34s7EoWImysxsy-v%2F-LrC--vQBT5W4y40L7MZ%2F-LrCB34CuAiqRMuSqCn9%2Fport4.png?alt=media\&token=16030bbd-e8b1-473b-883c-943acc193979)

Front-end look like :

![](https://3998518804-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lqz34s7EoWImysxsy-v%2F-LrC--vQBT5W4y40L7MZ%2F-LrCBG1Ow6A_Mpiku6Bb%2Fport7.png?alt=media\&token=d12b53b1-3960-4246-ad5d-9587bd275af3)
