Documentation Index
Fetch the complete documentation index at: https://mintlify.com/aluxey/E-Commerce/llms.txt
Use this file to discover all available pages before exploring further.
Browsing Products
The Sabbels Handmade product catalog makes it easy to discover unique, handcrafted items. Use powerful search and filtering tools to find exactly what you’re looking for.Accessing the Catalog
Navigate to the product catalog from:- The main navigation menu (“Products” or “Shop” link)
- The home page “Browse Collection” button
- Direct URL:
/items
Product Display
Products are displayed in a responsive grid layout showing:- Product image
- Product name
- Price (starting from base price)
- Category path (e.g., “Accessories › Bags”)
- Average rating and review count (if available)
The product grid automatically adjusts based on your screen size for optimal viewing on mobile, tablet, and desktop devices.
Search Functionality
Using the Search Bar
The search bar is located in the top-right of the product list page.View results
Results update automatically as you type. The search looks through:
- Product names
- Product descriptions
Search Tips
- Search is real-time - results update as you type
- Partial matches are supported (e.g., “bag” will find “Tote Bag”)
- Search queries are preserved in the URL, so you can bookmark or share searches
Filtering Products
Category Filter
Filter products by category to narrow down your search:Open filters panel
On mobile: Tap the “Filters” button at the top of the product listOn desktop: The filters sidebar is always visible on the left side
Select a category
Click on any category name to filter by that category. Categories are organized hierarchically:
- Parent categories (e.g., “Accessories”)
- Subcategories (e.g., “Accessories › Bags”)
When you select a parent category, products from all subcategories are included in the results.
Price Range Filter
Filter products by price to match your budget:- In the filters panel, locate the “Price” section
- Enter a minimum price, maximum price, or both
- Products are filtered to show items within your specified range
- The filter considers both base prices and variant prices
Clearing Filters
To reset all filters:- Click the “Reset” or “Clear All” button at the bottom of the filters panel
- This clears category selection and price range filters
- Search terms are also cleared
Sorting Products
Use the sort dropdown (top-right of the product list) to organize results:| Sort Option | Description |
|---|---|
| Name | Alphabetical order (A-Z) |
| Price: Low to High | Cheapest items first |
| Price: High to Low | Most expensive items first |
| Newest | Recently added items first |
| Top Rated | Highest rated items first (by average rating, then review count) |
The default sort order is by name (alphabetical).
Viewing Product Details
Click on any product card to view full details including:- High-resolution images with gallery view
- Complete product description
- Available sizes and colors
- Customization options (hook types)
- Customer reviews and ratings
- Related products
URL Parameters
Filters and search are reflected in the URL, allowing you to:- Bookmark specific searches or filters
- Share product searches with others
- Navigate back to previous searches using browser history
/items?search=bag&category=accessories&minPrice=20&maxPrice=50&sort=price
No Results
If your search or filters return no results:- You’ll see a “No products found” message
- Click the “Clear All” button to reset filters and start over
- Try broader search terms or remove some filters
Mobile Experience
On mobile devices:- Filters are hidden by default to maximize screen space
- Tap the “Filters” button to open the filters panel
- The panel slides in from the side with a backdrop overlay
- Close the panel by tapping the X button or the backdrop
- All filtering functionality is identical to the desktop experience