A Saleor app that enhances the product list view by adding metadata-based filtering capabilities. This app allows you to filter products using metadata key-value pairs. Additionally suggests values from your existing Pages.
- Metadata-based Product Filtering: Search and filter products using metadata key-value pairs
- Page-based Value Suggestions: Utilize your Saleor Pages as a source for metadata values
- Perfect for maintaining brand lists, categories, or any other structured data
- Type to see matching page titles as suggestions
- Support for both suggested and custom values
- Visual Product List:
- Clear presentation of matching products
- Product thumbnails
- Quick access to product details
- Create a Page for each brand in your store
- Add brand metadata to your products (e.g., key: "brand", value: "Brand Name")
- Use the app to quickly filter products by brand, with suggestions from your brand pages
Screen.Recording.2025-04-22.at.10.34.56.mov
- Install the app in your Saleor Dashboard
- Navigate to the Products list
- Click on "Filter Products by Metadata" in the actions menu
- Enter a metadata key (default: "brand-type")
- Start typing in the value field to see suggestions from your Pages
- Select a suggestion or enter a custom value
- Click "Search Products" to filter the list
- Node.js 18.x or newer
- pnpm (recommended) or npm
- A Saleor instance (version 3.x or newer)
-
Clone the repository:
git clone https://github.com/szczecha/saleor-app-product-list-extention.git cd saleor-app-product-list-extention -
Install dependencies:
pnpm install
-
Start the development server:
pnpm dev
-
Configure your Saleor instance to use the app (see Saleor documentation for details)
This project is licensed under the MIT License - see the LICENSE file for details.
Contributions are welcome! Please feel free to submit a Pull Request.