About Collection Toolbar Element
The Collection Toolbar is typically used on Collection Pages to improve usability. It allows visitors to sort products by specific criteria:
- Best Selling: Display popular items based on sales.
- Featured: Highlight products selected by the store owner.
- A-Z / Z-A: Organize items alphabetically.
- Price (Low-High / High-Low): Sort by price range.
- Date (Old-New / New-Old): Showcase items by their upload or update date.
This functionality ensures that users can quickly navigate your product catalog, enhancing the overall shopping experience.
Collection Toolbar Element Settings
The Collection Toolbar Element can be customized to align with your store’s design and functionality. Below is a breakdown of its settings:
Sorting Text
Displays the text for the sorting dropdown menu or labels.
Customizations:
- Change text display (e.g., “Sort by”).
- Adjust font type, style, size, color, etc,… to match your brand’s theme.
Quantity Text
Shows the number of products available in the collection.
Customizations:
- Enable or disable this feature to show/hide product quantities.
- Adjust text styles, including font, size, color, and alignment, to ensure readability.
Size
Adjust the dimensions of the toolbar to fit your page layout.
Customizations:
- Width: Set a specific width in pixels for the toolbar.
- Height: Adjust the height of the toolbar to balance it with other page elements.
Align
Align your toolbar to the left, center or right.
By using and customizing the Collection Toolbar Element, you can create a seamless and user-friendly shopping experience on your Collection Pages, making it easier for visitors to find and sort products.