Knowledge Base

Get Expert Website Hosting

Choose website reliability and expertise with SiteGround!

Home / Ecommerce / How to Customize the Look of My Product Listing Page?

How to Customize the Look of My Product Listing Page?

Last update: Aug 08, 2025 1 min read

To customize the Product Listing page of your SiteGround Ecommerce website:

  1. Click on Website Builder
  2. Click the Customize button in the upper right corner
Website Builder dashboard showing desktop and mobile previews of a homepage for a natural cosmetics store. A magnified “CUSTOMIZE” button in the top right guides users to start editing.

This will take you to the Website Builder dashboard where you can edit the look of your website.

  1. Click on the Content tab
  2. Select Product Listing from your page list
Store Admin panel in the Website Builder highlighting the “Product Listing” page in the sidebar. The preview displays a clean storefront with product images and category filters like “Bath & Body” and “Soap Bars.”
  1. Customize your Product Listing page:
  • Columns and Max Rows – select the number of columns and rows for your product listing
  • Thumbnail Aspect Ratio – choose the aspect ratio for each product thumbnail
  • Show Listing Title – switch off if you do not wish to display the title
  • Show Second Image on Hover – switch on if you wish to display a secondary image when hovering over a product in the listing
  • Display Product Price – choose if you wish to show the product price in the listing
  • Display Low Stock Labels – show label if products are low on stock
  • Display Promo Labels – show a promo label for products on a promotion
  • Label Type – You can customize the Promo Label so it shows On Sale, a Percentage or some Custom Text
  • Display Brand Label – switch on if you wish to also show a label for each product’s brand
  • Display Product Rating – switch on to show the rating of each product in the listing.
Website Builder settings panel for the Product Listing section. Options for layout, image hover behavior, price and label toggles are shown on the left, with a product grid visible in the preview.
  1. Click Publish in the upper right corner > This page changes to save the changes.

You’re all set!

Share this article