Let’s first see what your main product listing looks like. Go to Products > Settings > General Settings and click the View Page button next to the Main Catalog Page option in the Catalog Layout Integration section:
Default Main Catalog Listing
The main catalog listing has a ‘products’ slug by default, so you will find it under example.com/products. You can change it later. The colors and layout depend on your theme, but the content is similar on every site:
- The page title, ‘Products’ by default. This is the title of the main catalog page that the plugin created for you. You can change it on the page edit screen.
- Your main categories, if the Main listing shows setting includes them.
- ‘All Products’ is a catalog page label. You can modify the label in Products > Settings > Front-end Labels. See the headings docs for details.
- The Product Filters Bar above the products, with the product search, sorting, price filter and category filter by default. You can change its widgets, see catalog filter widgets. If the bar has no widgets, administrators see a ‘Product Filters Bar has no widgets’ box with a link to add them.
- The products. A product called ‘Sample Product Page’ is created automatically for demonstration purposes only. Delete it as soon as you are ready with your catalog.
- Administrators also see an Admin Options box with links such as Customize Listing Design. Visitors don’t see it.
Change the catalog page template
When the main catalog page uses the Show Catalog block or the [show_product_catalog] shortcode (the default), you can choose which page template of your theme displays the catalog pages. Go to Products > Settings > General Settings and select it in the Template option of the Catalog Layout Integration section, then save the settings:
The available templates depend on your theme. A theme can offer, for example, a full width template or a template without the page title.
Change the template of the main catalog page
- Click Edit Product Listing on the top admin bar while viewing the main catalog page, or the Edit button next to the Main Catalog Page option.
- In the page editor, open the Page panel in the settings sidebar and click the value next to Template:
- Click Change template and choose one of the templates offered by your theme:
- Click Save in the top bar.
If your site uses the Classic Editor for pages, you will find the Template drop-down in the Page Attributes box instead. Choose the template and click Update.
With a block theme, you can also design the catalog templates in the Site Editor. See Product Page Blocks and Catalog Templates.
What to do next?
- Set catalog currency or disable price
- Select single product page design
- Customize your catalog URLs
- Add your products or import them from a spreadsheet
- Change the integration method if you have any problems with the catalog layout