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

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

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

# Show Donor (new)

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

# Donor Acknowledgement (new)

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.

Last Updated: 11/18/2020, 4:15:40 PM