# Item Catalog (updated)

# Row Content - Item Catalog

Drag and drop the Item Catalog from the Website Editor Sidebar directly into the row space you want to use; or, drag and drop the More Row Content element into the row space where you want to add the Item Catalog.

img

Using the More Row Content element will open the Choose Row window.

img

Clicking the Item Catalog element will now drop it into the row space you selected.

The element will start as an "All Items" Item Catalog using the default settings. This may need to be modified to suit your auction needs.

img

The Item Catalog contains several default components:

  • Search bar
  • "Show Me..." filter bar (for the item groups/categories)
  • Page navigation bars
  • Item cards

# Edit Item Catalog

# Catalog Style (updated)

The Catalog Style is chosen from a drop-down selector of "card" templates. The default is Small Item Card.

img

Although the Item Cards perform a very similar function each has their own set of options specific to the card.

# Small Item Card

img

  • Card Width - Normal (3-columns); Wide (2-columns); and, Narrow (6-columns)
  • Allow immediate purchases - for use with For Sale Items only
  • Show Item# - displays item# on right side of item title
  • Show Description - toggles display of the description
  • Show Image - toggles display of image on card only
  • Show Quantity Remaining * - displays quantity available when value is set greater than 1
  • Show Item Value - toggles display of item value
  • Image Height - sets a maximum height for the card image
  • Image Scaling - crops the card to fill the image space or displays the entire image within the card image space

# Wide Item Card

img

  • Allow immediate purchases - for use with For Sale Items only
  • Show Item# - displays item# on right side of item title
  • Show Description - toggles display of the description
  • Show Image - toggles display of image on card only
  • Show Quantity Remaining * - displays quantity available when value is set greater than 1
  • Show Item Value - toggles display of item value
  • Image Height - sets a maximum height for the card image
  • Image Scaling - crops the card to fill the image space or displays the entire image within the card image space

# Image Only Item Card

img

  • Card Width - narrow (2-columns); wide (3-columns); and, narrow (6-columns)
  • Image Height - sets a maximum height for the card image
  • Image Scaling - crops the card to fill the image space or displays the entire image within the card image space
  • Click to buy/donate

# Immediate Item Card

img

  • Card Width - narrow (2-columns); wide (3-columns); and, narrow (6-columns)
  • Show Image - toggles display of image on card only
  • Show Description - toggles display of the description
  • Show Quantity Remaining * - displays quantity available when value is set greater than 1
  • Image Height - sets a maximum height for the card image
  • Image Scaling - crops the card to fill the image space or displays the entire image within the card image space

# Immediate Vertical Card

img

  • Card Width - narrow (2-columns); wide (3-columns); and, narrow (6-columns)
  • Show Image - toggles display of image on card only
  • Show Description - toggles display of the description
  • Show Quantity Remaining * - displays quantity available when value is set greater than 1
  • Show Item Value - toggles display of item value
  • Image Height - sets a maximum height for the card image
  • Image Scaling - crops the card to fill the image space or displays the entire image within the card image space
  • Checkout immediately - go directly to the shopping cart

Show Quantity Remaining

This property only applies to For Sale Items with the Online Purchase Behavior - Immediate Payment Only option selected.


# Video: Change Catalog Image Size

# Items Displayed

Clicking the Configure button for the "Items Displayed" setting will open the "Select Items" window.

img

See Configure Items Displayed for more details.

# Items Per Page

The "Items Per Page" sets the maximum number of cards to be displayed on a catalog page.

If Pagination is disabled, this value should be set to at least the number of items to be displayed in the catalog or some items will simply not be available via the website.

# Sort Criteria

This option sets the Sort Criteria to use for the items displayed in the catalog. The default setting is for Item#. There are additional options available in a drop-down selector.

img

  • Item#
    This is the default option and sorts the items displayed by their Item#
  • Title
    This option sorts the items displayed in alphabetical order.
  • Value
    This option uses the value set in the Item Details Summary tab.
  • Created At
    This option will sort the items displayed based on their time they were created.
  • Modified At
    This option will use the time the items displayed were last modified.
  • Reference
    This option uses the Reference field from the Item Details Summary tab.
  • Location
    This option uses the Location field from the Item Details Summary tab.

If the Sort Criteria option selected has duplicate entries, such as when using Location, or the field is empty the items displayed will default to using their respective Item# as a secondary criteria to complete the sort process.

# Sort Direction

This option sets the direction for the Sort Criteria to be displayed. The default is Ascending (lowest to highest) with an additional option of Descending (highest to lowest).

img

# Allow Drill To Details (updated)

This toggles the (more...) text link in the item's description as well as the ability to click on an item card to view the item details.

IMPORTANT
This option must be enabled for Biddable Items (What Are Biddable Items?) to receive bids through the auction catalog.

# Show groups (updated)

This toggles the "Show Me..." filter bar drop-down selector.

img

By default this will display all item categories that have been created for the event.

img

Configuring the Items Displayed using the condition Item Categories (see the Configure Items Displayed page for more details) will limit the drop-down selector to only display those specific categories selected in the condition.

img

An example based on the above screen captured list of categories.

img

Limited categories selected, limited categories displayed in the drop-down selector.

This toggles the Search bar

img

# Enable Paginations

This toggles the Page navigation bars at the top and bottom of the catalog.

img

# Tag Options (new)

The Tag Options property allows you to set publicly visible tags in the Item Catalog allowing visitors to filter the displayed items based on the tag options they choose.

img

An example of what your tags may look like in the auction catalog if set.

Once tags are set, they appear across the top of the Item Catalog with checkboxes to choose and a drop-down selector to handle the "and/or" logic when filtering with these tags.

img

IMPORTANT
Tags are manually set (read: typed into the options text field). Although they will use existing Tags that have been set on the items they will not "auto-complete" when entering them into the Item Catalog properties. Remember to check your spellings.

NOTE
You can improve the tag "readability" by optionally setting their display text in the Tag Options text field. For example, myTag: My Tag, tagged: Tagged, Electronics will only display My Tag, Tagged, and Electronics respectively in the Item Catalog but will use the tags myTag, tagged, and Electronics when filtering items.

See Tags under the Using Auctria section for more information about how Tags can be used.


# Item Details

Clicking on an Item Card will access the Item Details page element.

img

# Bidding Controls

The Bidding Controls option handles how bids are made for the item on its details page. The default is Bid by amount.

img

  • Bid by amount provides an open field for the bidder to enter an amount to bid on the item.
  • QuickBid by default sets the next bid as the current bid plus the Bid Increment (or Starting Bid as the case may be -- see Items Details Bidding Rules for more information) in a button and provides an open field for the bidder to enter their own amount.
  • QuickBid only is the same as QuickBid by default without the open bidding field.

# Show Bid Notifications

This toggles if Bid Notifications are displayed on the Item Details element page. This option is mostly only used with Virtual Live Gala events.

# Show Item#

This toggles the display of the item number and the item description in the Item Details element.

# Show Item Value

This toggles the display of the item value in the Item Details element.

# Show Category

This toggles the display of the item's Category if one exists.

# Show Donor

This toggles the display of the Donor section under the item image carousel space.

# Donor Acknowledgement

This allows you to change the text used for the Donor Acknowledgement space.

This field is used as the heading for the section where the item's Images and Links appear.

# Show Donation Total Raised

This toggles the display of the "Total raised..." element displayed below the item title.

img

# Hide Sharing Buttons

This toggles the display of the social sharing icons, if they are configured, in the Item Details element. See Social Media Links for more information on adding these sharing icons.

Note

The Item Details element is typically found as a sub-component of the Item Catalog / Item Details Container element although it can be used as an individual element to highlight a single "focused" item.

See Item Details for more in-depth information on this component.


Also see Common Element Actions for more details on managing the Item Catalog.


Footnotes

Show Quantity Remaining - This property only applies to For Sale Items with the Online Purchase Behavior - Immediate Payment Only option selected.


Learn More

Last Updated: 3/30/2021, 3:57:19 PM