ADI: Displaying Product Categories as Menu Items

2 min read
Make navigation of your store as easy as possible for your customers by dedicating a page to each product category so that the categories appear as items on your site's menu. 
You can add a product gallery or product slider to each page and choose the specific category you want to display.
Before you begin:
Make sure to create a product category in Wix Stores. 

Step 1 | Create a new page

First, add a blank page and rename it to match your product category's name.

To add a new blank page:

  1. Click Add on the top bar inside ADI.
  2. Click Page.
  3. Click Blank from the list on the left-hand side.
  4. Rename the new page.

Next, add a product gallery / slider to each of your new pages in order to display your categories.

To add a product gallery / slider to a page:

  1. Click Add on the top bar inside ADI.
  2. Click Section to Page.
  3. Click See all under the list of page sections.
  4. Click Product Slider or Product Gallery.
  5. Click the product gallery layout you want to use.
  6. Click the product gallery on your site and customize the options in the left panel: 
    • Full Width: Click the toggle to enable or disable this option:
      • Enabled: The product gallery is stretched to the full width of the page.
      • Disabled: The product gallery is not stretched to full width.
    • Category to Display: Select which category you want to display or click the Add button + to create a new one.
    • Image Ratio: Click the drop-down menu and select a ratio for your images.
    • Image Scaling: Click the drop-down menu and choose how your images are scaled:
      • Crop Image: Cuts the images to fit the image space in the gallery.
      • Scale to Fit: Fits the images in the image space in the gallery. 

Step 3 | Display your category

Lastly, choose the category you want to display on each page.

To display a category:

  1. Go to your sub-page in ADI.
  2. Click the product gallery / slider section.
  3. In the Settings panel, select the category you want to display.

Did this help?

|