Change Catalog Template

Let’s first see what our main product listing looks like. To do it, 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. It means that you will find it under example.com/products. You can change it later. For now, let’s see what we can find on this page:

For this tutorial, we are using the Catalog Me! theme. However, you can use whichever theme you want. The colors and layout can be different. However, the content should be similar.

The default page template in Catalog Me! theme is a page with a right sidebar. We don’t need this sidebar for this tutorial, so that we will change the main product listing page template to full width.

To change the main product listing template:

1. Click ‘Edit Product Listing’ on the top admin bar:
   
2. Now you should see a standard WordPress page edit screen. We will have to switch the ‘Template’ drop-down inside the ‘Page Attributes’ box located on the right side to change the template.
   
   We will choose the ‘No Sidebar Page’ option. Please note that the available options depend on your theme. In your case, the option name can be different, e.g., ‘Full Width’. In the block editor, you will find the template setting in the Page panel of the settings sidebar instead of the ‘Page Attributes’ box.
3. Now hit the ‘Update’ button in the ‘Publish’ box:
   

Now when you go to your main listing page, you will see the updated layout:

As you can see on the screenshot now, our listing is full width and has:

1. Only one product called ‘Sample Product Page’. This product has been created automatically for demonstration purposes only. You should delete it as soon as you are ready with your catalog.
2. The page title ‘Products’. This is the title of the main catalog page that the plugin created for you. You can change it on the page edit screen.
3. ‘All Products’ is a catalog page label. You can modify the label in Products > Settings > Front-end Labels. See the headings docs for details.
4. The box with a grey background that says ‘Product Filters Bar has no widgets’ is a widget area. Only administrators see this message. You can add any widget there; however, it has been designed for catalog filter widgets. Use the ‘Add widgets to the filters bar now’ link in the box, or go to Appearance > Widgets.

What to do next?

1. Set catalog currency or disable price
2. Select single product page design
3. Customize your catalog URLs
4. Add your products or import them from a spreadsheet
5. Change the integration method if you have any problems with the catalog layout