# 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 (updated)

img

  • Card Width - narrow (2-columns); wide (3-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 (updated)

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 (updated)

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

# 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 (updated)

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

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.

# Show groups

This toggles the "Show Me..." filter bar

img

This toggles the Search bar

img

# Enable Paginations

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

img


# Item Details

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

img

  • Default To Quick Bid
    Toggles the Quick Bid option.
  • Handle Donations As Bids
    Toggles the handling of donations as bids.
  • Show Bid Notifications
    Toggles if bid notifications are displayed on the Item Details page.
  • Show Item#
    This toggles the display of item number and item description.
  • Show Item Value
    This toggles the display of the item value.
  • Show Bidding Time
    Toggles the display of bidding times.
  • Hide Sharing Buttons
    This toggles the display of the social sharing icons if they are configured.

Note

The Item Details element is typically found as a sub-component of the Item Catalog although it can be used as an individual element to highlight a single 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.

Last Updated: 10/28/2020, 1:50:20 PM