> For the complete documentation index, see [llms.txt](https://docs.lufavo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lufavo.com/frameora/page-setup/collection-page.md).

# Collection page

The Collection page displays products from a single Shopify collection.

Use collection pages to organize products by type, style, occasion, artwork category, or product format.

### Open Collection page settings

{% hint style="success" %}
To edit a Collection page:

* From your Shopify admin, go to **Online Store > Themes**.
* Find **Frameora**.
* Click **Customize**.
* Use the page selector at the top of the theme editor.
* Select **Collections**.
* Choose a collection to preview.
* Select the **Main collection** section in the sidebar.
* Edit the settings.
* Click **Save**.
  {% endhint %}

***

### Main collection settings

The Main collection section includes these settings:

* Hero pill text
* Hero description
* Show collection image
* Products per page

***

### Hero pill text

Use the **Hero pill text** field for the small label shown above the collection title.

Example:

**Shop Frameora**

***

### Collection title

The main collection title comes from the collection name in Shopify Admin.

{% hint style="success" %}
To edit the collection title:

* From your Shopify admin, go to **Products > Collections**.
* Open the collection.
* Edit the collection title.
* Click **Save**.
  {% endhint %}

***

### Hero description

Use the **Hero description** field to add a short description below the collection title.

Example:

**Explore premium photo products made for real memories, easy updates, and beautiful walls.**

Keep the description short and helpful.

***

### Collection image

Enable **Show collection image** to display the collection image on the Collection page.

The image comes from the collection image in Shopify Admin.

{% hint style="success" %}
To edit the collection image:

* From your Shopify admin, go to **Products > Collections**.
* Open the collection.
* Add or update the collection image.
* Click **Save**.
  {% endhint %}

Use a clear image that represents the collection.

***

### Products per page

Use **Products per page** to control how many products appear on each collection page.

Example:

**24**

Adjust this setting based on your catalog size and preferred browsing layout.

***

### Product grid

The Collection page displays products from the selected collection.

Product cards may show:

* Product image
* Product title
* Price
* Sale pricing, if applicable
* Product link

The Collection page can also show filtering and sorting when available.

Product information is controlled by your products in Shopify Admin.

***

### All products page

Shopify’s All products page usually uses the `/collections/all` URL.

In Frameora, the All products page uses the same **Collection page** template and **Main collection** section as other collection pages.

The page may show the title **Products** because that is the title Shopify uses for the all-products collection view.

The same Collection page settings apply, including:

* Hero pill text
* Hero description
* Show collection image
* Products per page

The All products page can also show collection filtering and sorting when available.

To link customers to all products, use:

`/collections/all`

***

### Best practices

Before publishing, check that:

* The collection is active.
* The collection contains active products.
* Products are available on the Online Store sales channel.
* Product images are uploaded.
* Product titles and prices are correct.
* The collection image looks good on desktop and mobile.
* The products per page setting works well for your catalog.
* Filtering and sorting work as expected, if enabled.

***

### Save your changes

After editing the Collection page, click **Save**.

If changes do not appear immediately, refresh the storefront or open the page in a private browser window.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.lufavo.com/frameora/page-setup/collection-page.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.