> For the complete documentation index, see [llms.txt](https://ecomnius.gitbook.io/formrest/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ecomnius.gitbook.io/formrest/woocommerce/shop-page-layout.md).

# Shop Page Layout

How to change the shop page layout.

The shop page, product category pages and product tag pages use the Kitify template **Formrest — Catalog**. It is imported with the demo and applied to all product archives.

The template contains:

* A **hero** with breadcrumbs, a small label, the page title, the category description and category pills.
* A **filter column** (see [Product Filter](/formrest/woocommerce/product-filter.md)).
* A **toolbar** with the result count, a **Dimensions** switch that shows or hides sizes on the cards (remembered on the shopper's device) and the **Sort** menu.
* The **product grid**: 4 columns on desktop, 3 on tablet and 2 on mobile, with a **Load more** button that shows "Showing X of Y".

## Edit the shop template

**Step 1** – Go to **Kitify > Theme Builder** and open the **Archive** tab.

**Step 2** – Edit **Formrest — Catalog** with Elementor.

**Step 3** – Select the **Products** widget to change columns, gap, number of products and card options, or edit the hero and toolbar widgets.

**Step 4** – Click **Publish**. Use **Display Conditions** if you want a different template for a particular category.

## Product cards

Each card shows the product image, name, price, finish swatches (up to four), dimensions, and buttons for **quick view** and **add to cart**.

* Choosing a swatch changes the image, price, dimensions and sale/sold out badge, and the add to cart button adds that variation.
* On a page filtered by finish, cards pre-select that finish.
* **Quick view** opens a dialog with swatches, quantity, dimensions and add to cart.

## Shop page title and categories

* The shop page in the demo is called **All furniture**. Change it in **Pages**, or choose another page in **WooCommerce > Settings > Products > Shop page**.
* Category titles, descriptions and images are set in **Products > Categories**.

For general information about shop templates, see [Creating a WooCommerce Shop Page](https://docs.novaworks.net/kitify/theme-builder/creating-a-woocommerce-shop-page).