# Product grid *** The **Product grid** section organizes your Collection's products in a grid. You can adjust the layout of the grid, and change the shape of all your product images.
### **How to customize the Product grid section:** 1. In the theme editor, click on the **Collection** that you intend to edit. (e.g. Blankets)
2. Click on the **Product grid** section to open the settings.
3. Use the sliders to set how many **Products per page** to display. (between 8 and 24)
4. **Product card**: * The **Image ratio setting** adjusts the size or shape and helps your images look great.
You can select the **Adapt to image** option to show all images with their original orientation.
To make your product images a uniform shape and size, select the **Image ratio** to crop your uploaded images to: {% tabs %} {% tab title="Square option (1:1)" %}

Equal width and height

{% endtab %} {% tab title="Portrait option (2:3)" %}

Height greater than width

{% endtab %} {% endtabs %} * You can also enable/disable showing second image on hover *(the second product image will display when a product is hovered over)*, vendors and product rating, and **Enable quick add button** in this section.
{% hint style="success" %} *The **Quick add button** in **InsnpiredTheme** allows customers to add products to their cart without leaving the page they are on. When **Quick add button** is **enabled**, customers can either purchase the product immediately or if the product contains variants, are taken through the process of choosing variants.* {% endhint %} 5. **Filtering and sorting:**
* Let customers discover products quickly by filtering your products by availability and price. To hide filters, go to your **Collection** template, click **Product grid**, and toggle off the **Enable filtering** option.
* Your customers can also use the **Sort by** function to list products by name, price, date, etc. when you enable the sorting option.
6. Click **Save**. --- # Agent Instructions: 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: ``` GET https://help.inspiredtheme.com/articles/collection-pages/product-grid.md?ask= ``` The question should be specific, self-contained, and written in natural language. 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.