Product Listing Page Template

With eCommerce Product Catalog, you can create a custom template for the whole product listing container or product listing parts. Your customizations will still be there after the plugin update.

Please note that you must use the theme integration guide first if you want to create a separate template for the entire catalog pages (along with other website parts like header and footer). By default, all catalog pages are generated with the same template file as your pages (your theme page.php in most cases).

All customizations require file creation inside the theme folder, so we advise using a child theme to keep the customizations after the theme update.

To create a custom product listing page template, you will need access to the FTP server where your website is located.

Create template for product listing part:

  1. Create “implecode” folder in your currently used WordPress theme folder (e.g. wp-content/themes/your-theme-name/implecode)
  2. Go to the wp-content/plugins/ecommerce-product-catalog/templates/template-parts/product-listing folder, find the file that you want to customize, and copy it to your newly created implecode folder (e.g., wp-content/themes/your-theme-name/implecode/category-image.php)
  3. Now you can customize the copied template file without losing the changes after the plugin update

Create a template for full product listing:

  1. Create “implecode” folder in your currently used WordPress theme folder (e.g. wp-content/themes/your-theme-name/implecode)
  2. Go to the wp-content/plugins/ecommerce-product-catalog/templates/full folder, find the product-listing.php file, and copy it to your newly created implecode folder (e.g., wp-content/themes/your-theme-name/implecode/product-listing.php)
  3. Now you can customize your product-listing.php without losing the customization on plugin update.

The full product-listing.php template is used when the catalog doesn’t use the shortcode or block integration. With the shortcode or block integration (the default), customize the product listing parts instead.

Product listing page template can be created and updated from the dashboard with the Product Page Customizer.

With a block theme you can also design the catalog templates in the Site Editor, see Product Page Blocks and Catalog Templates. For the product page, see Product Page Template. The product listing shortcodes can be used inside custom templates.

Start with product listing page template here for free