> For the complete documentation index, see [llms.txt](https://wpdocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.themeparrot.com/wordpress-themes/yummy/product-layouts/product-layout.md).

# Product Layout

### Product layout

Follow the below steps to create a product layout

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2FBKia2byBTq8Yf0pgif20%2Fproduct_layout.png?alt=media\&token=ea1044f7-9ff6-4572-815f-38352a1ee846)

**Step:1**

Choose 'product category' from visual composer.

**Step:2**

Choose category name, column and no of products.

Extra class name: simple-layout product-layout

Click to save and update.

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2FzXfh8dp47fEFw6F2zmQc%2Fproduct_template.png?alt=media\&token=b15d6a99-4d09-441b-8c76-a3897e2a4873)