Multipurpose theme documentation

To enable filters, navigate to Theme Customizer > Product Grid section and enable the Enable filters setting. This will use the Shopify Search & Discovery filters that are configured in Admin > Content > Search & Discovery.

You can display the collection title and description above the product grid by enabling the Show collection header setting in the Theme Customizer under the Collection Header section.

To set the number of products displayed per page, go to the Product Grid settings in the Theme Customizer and adjust the Products per page slider. You can select a value from 8 to 48 products per page.

Yes! You can switch between a large grid, small grid, and list view layout by enabling the layout switch in the Product Grid settings. You can also customize how many columns are displayed on desktop, tablet, and mobile devices.

To enable the quick add to cart and quick view features, go to the Product Grid section in the Theme Customizer and check the boxes for Enable quick add and Enable quick view.

You can replace traditional pagination with infinite scroll by enabling the Show infinite scroll setting in the Pagination section of the Theme Customizer.

You can display badges on products such as "Sold out" or "Sale" by enabling the respective settings under the Product Grid section in the Theme Customizer. Simply check the boxes for Sold out badge and Sale badge to enable them.

Yes, you can adjust the padding for the top and bottom of the product grid section in the Section Padding settings. This is available in the Theme Customizer under the Section padding section.

The price filter allows customers to filter products within a specified price range. This filter is integrated with the product grid and can be customized in the Filters section of the Theme Customizer.

To set up filters for product type and vendor, you need to enable the Enable Product type & Vendor filters setting in the Filters section of the Theme Customizer. Make sure you have added the filters in Shopify's Search & Discovery settings in Admin > Content > Search & Discovery > Filters.

You can customize the number of columns for the product grid on desktop, tablet, and mobile views. In the Product Grid settings, adjust the Desktop columns, Tablet columns, and Mobile columns options to set the desired column count.

If the product grid is not updating after applying filters, ensure that you have enabled AJAX functionality in the Theme Customizer under the Filters section. If AJAX is enabled but the grid still doesn't update, check for any JavaScript errors in the browser console or network requests that might be failing.