Skip to main content
All CollectionsHow can I setup and install the Website Integration?Listing Items
How can I create a color gradient of items through my Website Integration?
How can I create a color gradient of items through my Website Integration?

Here's how you can sort items by their attribute(s)

Jake Scotto avatar
Written by Jake Scotto
Updated over 2 months ago

To sort your items by a specific attribute, you'll be using the item-attribute parameter in an Item list. This allows you to dictate which attribute you want to include, which values of that attribute you want to include and sort them in the order you'd like!

Item lists need to target a particular tag, category, or subcategory. Then, you can determine which attribute you'd like to use (i.e. color, size, etc). You can enter multiple attributes separated by a pipe | character. Lastly, I want all of these items to appear - so I added a size="500", meaning up to 500 items will appear on one page.

The below example showcases how to sort Linen category items by a "Color Gradient".

<gspro-item-list
category=linen-rentals
item-attribute-1-name=Color
item-attribute-1-value="White | Silver | Grey | Blush | Peach | Pink | Red | Blue | Navy Blue | Purple | Brown | Black"
sort-primary="item-attribute-1"
size=500>
</gspro-item-list>

Did this answer your question?