# Opal Product Categories

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

![](https://4175808911-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqnSoCZNL4XD3lDbtIU%2F-Lsuk-UH6gHho8dhfrv0%2F-Lsuk23UQnzA4ws-YtDR%2FScreenshot_24.png?alt=media\&token=41590552-1623-4de7-b004-21dcba4eee75)

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

\+ **Tab Content**:  To add image, name, categories, size image, ... for  Product Categories

\+ **Tab Style**: To set up spacing, border radius, effect,... for Product Categories

![](https://4175808911-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqnSoCZNL4XD3lDbtIU%2F-LrDHWN4pZK71lIzGM4D%2F-LrDKUDIsi16P51zyoHm%2FScreenshot_59.png?alt=media\&token=ca564dc4-e77f-4d97-abbc-7b4a406ab24b)

**Name**: to setup color, border type, ...for Product Categories

![](https://4175808911-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqnSoCZNL4XD3lDbtIU%2F-LrDNA2Y5leAztnXwzaa%2F-LrDPuMnnhUx2RPt2l3s%2FScreenshot_63.png?alt=media\&token=9bb94edf-f6f5-4fe2-b326-dec698f29ffd)

**Front-end display:**

![](https://4175808911-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqnSoCZNL4XD3lDbtIU%2F-LrDHWN4pZK71lIzGM4D%2F-LrDMqf_kZQnX8Rmmx7n%2FScreenshot_62.png?alt=media\&token=a5c1a910-928f-469d-a886-716edeb3f2d2)
