Collection Toolbar Element

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.