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:
- Click Add on the top bar inside ADI.
- Click Page.
- Click Blank from the list on the left-hand side.
- Rename the new page.
Step 2 | Add a product gallery or slider to the 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:
- Click Add on the top bar inside ADI.
- Click Section to Page.
- Click See all under the list of page sections.
- Click Product Slider or Product Gallery.
- Click the product gallery layout you want to use.
- 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.
- Full Width: Click the toggle to enable or disable this option:
Step 3 | Display your category
Lastly, choose the category you want to display on each page.
To display a category:
- Go to your sub-page in ADI.
- Click the product gallery / slider section.
- In the Settings panel, select the category you want to display.
Did this help?
|