# Collection template

**Collection templates** allow you to edit the layout and appearance of collection pages. The default template for collection pages consists of a **Collection banner** that displays the collection title and description, followed by a **Product grid** with options for filtering and sorting products by different categories.

Each product shows an image, title, price, and an optional [Quick shop](https://help.fluorescent.co/lorenza/products/quick-shop) button that lets customers to add products directly to their cart.

{% hint style="success" %} <mark style="color:green;">**Shopify**</mark> Collections are created and edited in your Shopify admin. See Shopify's [Collections manual](https://help.shopify.com/en/manual/products/collections) to learn how to group products into collections.
{% endhint %}

## Quick setup

We recommend starting by editing the **collection banner** and **product grid**. You can also edit the theme-wide styles for products cards in **Theme settings > Product listing**. Finally, you can customize the layout and functionality of your collection pages with **sections**.

### **Edit collection banner**

In the **Collection banner** settings, you can change the **Text position** of the title and description, and show a **Collection image** with custom image styles. You can also show **Breadcrumb links** to allow customers to easily navigate pages on your site.

> Get started with customizing the [Collection banner](https://help.fluorescent.co/lorenza/collection-pages/banner).

### **Edit product grid**

In the **Product grid** settings, you can customize the grid layout by changing number of columns and rows. You can also customize [Filters and sorting](https://help.fluorescent.co/lorenza/collection-pages/filters-and-sorting) options, and the pagination style.

> Get started with customizing the [Product grid settings](https://help.fluorescent.co/lorenza/collection-pages/product-grid).

### **Edit product listing styles**

Product listings display **product cards** in a grid or row. Each product card shows the product's image, title, and price.

In your theme settings, you can choose whether to show custom **product badges,** a **Secondary product image**, and select an **Image aspect ratio** (shape) of the product images.

> Customize the product listing styles in your [Theme settings](https://help.fluorescent.co/lorenza/theme-styles/theme-settings).

### **Add theme sections**

You can customize the content, layout, and functionality of collection pages with Lorenza's 30+ sections.

> See our [Theme sections guide](https://help.fluorescent.co/lorenza/sections/theme-sections) for a full overview of all sections.
>
> \\

***

> **Related links**\
> [Banner](https://help.fluorescent.co/lorenza/collection-pages/banner)\
> [Breadcrumbs](https://help.fluorescent.co/lorenza/collection-pages/banner/breadcrumbs)\
> [Product grid](https://help.fluorescent.co/lorenza/collection-pages/product-grid)\
> [Filters and sorting](https://help.fluorescent.co/lorenza/collection-pages/filters-and-sorting)