---
title: "Template Layouts"
description: "J2Commerce provides two sets of ready-made layouts to match the CSS framework your Joomla template already uses. Picking the right one means your product listings and detail pages inherit your…"
url: "https://docs.j2commerce.com/v6/layout"
markdown_url: "https://docs.j2commerce.com/v6/layout.md"
last_updated: "2026-10-23T03:10:50+00:00"
version: "J2Commerce 6"
breadcrumbs:
  - title: "Home"
    url: "https://docs.j2commerce.com/"
  - title: "J2Commerce 6"
    url: "https://docs.j2commerce.com/v6"
  - title: "Template Layouts"
    url: "https://docs.j2commerce.com/v6/layout"
---

# Template Layouts

J2Commerce provides two sets of ready-made layouts to match the CSS framework your Joomla template already uses. Picking the right one means your product listings and detail pages inherit your template's look and feel without extra styling work.

## Which layout should I use?

| Your Joomla template uses... | Choose this layout |
| --- | --- |
| Bootstrap 5 (most Joomla templates) | [Bootstrap 5 Layouts](https://docs.j2commerce.com/index.php?option=com_content&view=article&id=583&catid=52) |
| UIKit 3 (YOOtheme Pro and similar) | [UIKit Layouts](https://docs.j2commerce.com/index.php?option=com_content&view=article&id=584&catid=52) |

If you are not sure which framework your template uses, check your template's documentation or inspect any page on your site. Bootstrap 5 templates use class names like `container`, `row`, and `col-md-*`. UIKit templates use class names that start with `uk-`.

## Setting the layout in J2Commerce

You set your preferred layout once in **J2Commerce** -> **Configuration** -> **Store** tab. Look for the **Layout** field and select the option that matches your template. Individual menu items can override this setting if you need different layouts on different pages of your site.

## Layout guides

- [Bootstrap 5 Layouts](https://docs.j2commerce.com/index.php?option=com_content&view=article&id=583&catid=52) — For Cassiopeia, Helix Ultimate, Astroid, and most standard Joomla templates.
- [UIKit Layouts](https://docs.j2commerce.com/index.php?option=com_content&view=article&id=584&catid=52) — For YOOtheme Pro, Warp 7, and other UIKit-based templates.

## Pages

- [Bootstrap 5 Layouts](https://docs.j2commerce.com/v6/layout/bootstrap5-layouts.md): Guide to using Bootstrap 5 template layouts with J2Commerce for Joomla.
- [UIKit Layouts](https://docs.j2commerce.com/v6/layout/uikit-layouts.md): Guide to using UIKit 3 template layouts with J2Commerce for Joomla.