# Collection Page ## Collection image To set up a collection image section: * Go to Customize theme. At the top of the page, use the dropdown to select a template that contains a collection banner section. * Select **Collections** > **Default collection**.

*** ## From the side panel, select the Collection banner block.

Settings	Description
Default collection image	Use "Default collection image" to add the image to the section.
Show collection image	Enabling this checkbox will allow you to display the added image in the collection.
Show collection description	Enabling this checkbox will allow you to display the added description in the collection.
Content alignment	Customization of "Content alignment" as follows: Left Center Right
Layout	Customization of the "Layout" in the collection banner is as follows: Column Overlay
Banner background	Modifying the color of the banner background will result in a corresponding color change for the banner background.
Banner text	Modifying the color of the banner text will result in a corresponding color change for the banner text.
Background overlay	By enabling this checkbox, you have the ability to change the opacity of the image overlay. Modify the "Background overlay" setting to increase or decrease the opacity level of the overlay on the collection banner image.

To display various images in the all collection, you can add images through the metafield. Please follow these guidelines : [Collection banner metafield](https://webibazaar.gitbook.io/veena-documentation/collection-page/collection-banner) ## Product Grid

Settings	Description
Products per page	"Products per page" is to specify how many products to show in this page. You can show a minimum of “8” and a maximum of “24” products.
Select default view	Utilize these settings to select the columns for the product. "Select default view" in a section are as follows: Four column Three column List view
Product card	Style The customization of the style in the product section are as follows: Standard Card Image ratio Product image customizations in a section are as follows: Adapt to image Portrait Square Image shape Product image shape customizations in a section are as follows: Default Arch Blob Chevron left Chevron right Diamond Parallelogram Round Show product type By enabling this checkbox you can “Show product type”. Show second image on hover By enabling this checkbox you can “Show the second image on hover”. Show quantity By enabling this checkbox you can display the “Product quantity field”. Show vendor By enabling this checkbox you can display the “Product vendor”. Show product rating Enable this checkbox to display "Product rating". Enable quick look button Enable this checkbox to display the "Quick look button". Show countdown Enabling this checkbox to display the "countdown timer". Enable product-list description By enabling this checkbox you can show the “Product-list description”.
Variants	Show variants By enabling this checkbox you can display the “Product variants”. Type If the type is "Dropdown," then the variant would be dropdown. And if the type is "Pills," then the variant would be Pills. The variant types are as follows: Type: Dropdown Pills Enable color swatches Enabling this checkbox will show the "Variant color."
Stock bar	"Stock countdown" is for customizing the product stock. Show stock bar By enabling this checkbox you can show the “Stock bar”. Maximum stock Adjust maximum the stock for the stock countdown. Maximum product stock can be given up to "200". Limit stock cut off Adjust the limited stock cut-off for the stock countdown. Limit stock message Display limit stock message. In stock message Display the "In stock" message. Continue selling message Display the "Continue selling" message. Colors Customize the colors of Limited stock, In stock and Continue selling text.
Filtering and sorting	Enable filtering By enabling this checkbox you can display the “Product filter”. Desktop filter layout Product filter layout customizations in a page are as follows: Horizontal Vertical Drawer Enable sorting By enabling this checkbox you can display the “sorting select box”. Collections filter block Click on "Select menu" to add a menu in the collection filter block.
Pagination	Pagination type Pagination type customizations in a page are as follows: Paged navigation Load more button
Mobile layout	Number of columns on mobile "Number of columns on mobile" is used for the customization of product columns in Mobile devices. 1 Column 2 Columns

## Add block To add block to the product grid, click on the 'Add media promotion'. There are many options available , as you can see in the below points and screenshot.

Block	Description
Position in results	Inserts the media promotion before the product card in this position. only applies to the first page of results.
Image	Use "Image" to add the image to the section.
Image overlay opacity	By enabling this checkbox, you have the ability to change the opacity of the image overlay. Modify the "Image Overlay Opacity" setting to increase or decrease the opacity level of the overlay on the banner image.
Heading	Enter text to display as on the "heading" section.
Heading size	Following is the font size customization of the heading of the section: Small Medium Large
Sub heading	Enter text to display as on the "sub heading" section.
Description	Enter text to display as a "description" in the section.
Description style	Customization of the "Description style" in this section is as follows: Body Subtitle Uppercase
Button label	Use "Button label" to add a label to the Button in the section.
Button link	Use "Button link" to add a link to the Button in the section.
Open this link in a new window	By using the "Open this link in a new window" option, the link will open in a new tab.
Button style	Customization of the "Button style" is as follows: Link Outline button Solid button
Show container	When 'Show container' is enabled, the banner's content container box will be visible.
Container overlay opacity	By enabling this checkbox, you have the ability to change the container overlay opacity. Modify the "Container overlay opacity" setting to increase or decrease the opacity level of the overlay on the banner content.
Desktop content position	To change the position of the content on the banner, utilize the "Desktop content position" setting. Customization of the "Desktop content position" in this section is as follows: Top left Top center Top right Middle left Middle center Middle right Bottom left Bottom center Bottom right
Desktop content alignment	Customization of "Desktop content alignment" in desktop devices is as follows: Left Center Right
Color scheme	In this section, you can change the background and foreground color of a section using the color scheme. Scheme 1 Scheme 2 Scheme 3 Scheme 4 Scheme 5

In the below screenshot, the product grid section is shown on a store’s Collection page. Inside the section, the checkbox options are set to Enable filtering and Enable sorting. With these options enable visitors can select a range of products within a collection by using filtering criteria like availability, size, and price. *** ## Collection page filter Here's an overview of how to set up filters in the sidebar of your **Collection page** when using the OS 2.0 version. Here's an example showing a collection page sidebar. ### **Add filters to your collection page** Follow the below steps to select which product filters you want to display. 1. To add a filter to the Collection page, go to Online Store > Navigation > Collection and search filters > Open.

2. Check the box for any filters you want to display on the collection page. If you want to display product variant options (according to your store’s already existing product variants), then select Product options and you will be able to select which ones you want to display.

3. Check the relevant boxes, and select Done and Save to ensure the implementation of the changes is done before l leaving the area of the Shopify Admin. After selecting which filters you want to display in your collection page’s sidebar, you now need to return to the theme editor to set the collection page to display them on your store. *** ### **Display the filter in a sidebar** 1. Open theme editor. 2. Select **Collections** > **Default collection**.

3. After opening "**Default collection**", Check "**Enable filtering**" Option.

4. Select "**Save**" and ensure that your changes have taken effect before leaving the theme editor. {% embed url="" %}