Archive Page Settings
Archive Page settings control how the wishlist functionality appears on product listing pages, including shop pages, category pages, tag pages, and search results. These settings help customers quickly save multiple products while browsing.
What are Archive Pages? These include the main shop page, product category pages, tag pages, search results, and any other pages that display multiple products in a grid or list format.
Position Settings
Position in product archive pages
Type: Dropdown Select
Purpose: Controls where wishlist button/link appears on product listing pages
After product title: Displays immediately after the product name in the grid
After add to cart button: Shows below the add to cart button in the product grid
Considerations: Limited space on archive pages requires strategic positioning
Positioning Strategy
After product title: More visible but may affect grid layout consistency
After add to cart button: Less prominent but maintains clean product card design
Display Type Settings
Display type on archive pages
Type: Radio Buttons
Purpose: Determines whether wishlist appears as a button or text link on archive pages
Show as button: Displays as a styled button with background color
Show as text (Default): Shows as a simple text link
Archive Recommendation: Text links work better on archive pages due to space constraints
Design Tip: Text links are typically preferred for archive pages because they take up less space and don’t compete visually with the add to cart buttons. This maintains a cleaner, more organized product grid layout.
Text Customization
Button/Link text on archive product page
Type: Text Field
Purpose: Customizes the text shown when product is not in wishlist on listing pages
Default Value: “Add to Wishlist”
Space-Conscious Examples: “♥ Save”, “Wishlist”, “♥”
Archive Best Practices: Keep text very short due to limited space in product grids
Button/Link text for going to wishlist
Type: Text Field
Purpose: Customizes the text shown when product is already in wishlist on listing pages
Default Value: “View Wishlist”
Space-Conscious Examples: “♥ Saved”, “In List”, “♥”
Visual Indication: Use different colors or icons to clearly show saved status
Configuration Examples
Minimalist Approach
Position: After add to cart button
Display Type: Text
Add Text: “♥”
View Text: “♥”
Best for: Clean, minimal design with icon-only approach
Clear Communication
Position: After product title
Display Type: Text
Add Text: “Save”
View Text: “Saved”
Best for: Users who prefer clear, descriptive text over icons
Prominent Visibility
Position: After product title
Display Type: Button
Add Text: “♥ Save”
View Text: “♥ Saved”
Best for: Maximizing wishlist engagement, themes with larger product cards
Archive Page Considerations
Space Limitations
Archive pages have limited space per product, so consider shorter text and simpler styling. Icons (♥) often work better than full words.
User Behavior
Users browse archive pages quickly, scanning multiple products. Make wishlist functionality easy to spot but not overwhelming compared to product prices and add to cart buttons.
Mobile Responsiveness
Archive pages are often viewed on mobile devices where space is even more limited. Test your settings on various screen sizes to ensure usability.
Performance Impact
Archive pages typically display many products at once, so the wishlist functionality needs to be efficient:
- AJAX Loading: Wishlist status is loaded dynamically for each product
- Caching Friendly: Product grids can be cached while wishlist status updates independently
- Lightweight Styling: Text links have less performance impact than styled buttons
