1. Home
  2. Docs
  3. Website Integration
  4. Configure Tessera UI
  5. All Tessera UI Settings

All Tessera UI Settings

This is a full list of the configurable settings in Tessera UI:

Main Settings
Cart Settings
Modal Cart Settings
Show Card Settings
Fuzzy Search Settings
Product Card Settings
Event Details Settings
Merch Card Settings
Merch Detail Settings
Tessera UI Settings
	-Account Icon Settings
	-Cart Icon Settings


Cart Settings
ModalCartButtonLink
ModalCartPlaceholder
ModalCartSettings

Modal Cart Settings
TermsHtml - Terms and conditions text, clickable from modal cart
ModalCartDivClass - Used to target the modal cart
CloseCartOverlayClass - Close button for modal cart
CartContainerClass
ScrollingDivClass = "scrolling-container";
CartHeaderClass = "cart-header";
CloseButtonClass = "close-cart close-icon";
CloseButtonHtml = '<i class="bi bi-x-lg"></i>';
ShoppingCartHtml = '<i class="bi bi-cart3"></i>';
CartContentClass = "cart-content";
CartProductClass = "cart-product";
RemoveProductClass = "remove-product";
RemoveProductHtml = '<i class="bi bi-x-circle-fill"></i>';
TicketTypeClass = "ticket-type";
TicketControlsClass = "ticket-id";
MinusDivClass = "tessera-quantity-control-minus";
PlusDivClass = "tessera-quantity-control-plus";
MinusDivHtml = "";
PlusDivHtml = "";
MinusButtonIconClass = "bi bi-dash";
PlusButtonIconClass = "bi bi-plus";
PriceClass = "product-price";
TicketInformationClass = "product-meta";
DateFormat = "MMMM dd";
HrClass = "hr";
CartTotalPriceClass = "cart-totals";
TotalClass = "total";
TotalText = "TOTAL:";
DisplayTax = true;
TicketFeesText = "Ticket Fees:";
ContinueShoppingClass = "continue-shopping-container";
ContinueShoppingText = "Continue Shopping";
FooterContainerClass = "cart-footer-container";
FooterClass = "cart-footer";
ShowTerms = false;
TermsOfServiceClass = "terms-of-service";
TermsPopupId = "terms-of-purchase";
CheckoutButtonClass = "button-checkout";
CheckoutButtonText = "Proceed to Checkout";
CartTimerClass = "cart-timer";
TimerClass = "timer-counter";
TimeSpanId = "time";
TimeLegendSpanClass = "min-sec";
TimeLegend = "MIN : SEC";
TimerTooltipClass = "timer-tooltip";
TimerMaximumTime = 300;
TooltipIconClass = "bi bi-question-circle-fill"; // replaced FA
TooltipText
TimerLineClass = "timer-line";
ErrorsModalClass = "modal-dialog";
ErrorsModalContentClass = "modal-content";
ErrorsModalBodyClass = "modal-body with-close-button";
ErrorsModalCloseButtonClass = "close";
ErrorsModalMessage = "Sorry, we were unable to add your items.";
ErrorsModalWarningsClass = "warning-messages";
ErrorsModalFooterClass = "modal-footer";
DisplayFees = true;
DisplayVenue = true;
VenueIcon
CalendarIconClass = "bi bi-calendar";
CalendarIconHtml = "";
CartItemOrder
VenueIconClass = "bi bi-geo-alt";


Show Card Settings
CardDeckDivClass = "tessera-card-deck";
CardClass = "tessera-show-card"; // card
CustomCardClass = 'custom-card';
InvisibleCardClass = "invisible";
SoldOutClass = "tessera-sold-out";
SoldOutButtonClass = "sold-out-button";
SoldOutText = "SOLD OUT";
LastCallBannerDivClass = "tessera-last-call";
LastCallBannerText = "Last Call";
HasInventoryClass = "tessera-has-inventory";
DateClass = "tessera-date";
DateFormat = "MMM dd";
AdditionalInformationClass = "tessera-primaryBandAppend";
AdditionalArtistsClass = "tessera-additionalArtists";
DateDisplayFormat = "MMM dd";
DateIconClass = "bi bi-calendar";
DisplayAdditionalHeadliner = true;
DisplayAdditionalArtist = true;
DisplayMoreInfoButton = true;
CardBodyClass = "card-body"; // tessera-card-body
CardPrefooterClass = "card-footer"; // tessera-card-prefooter
ButtonsContainerClass = "tessera-buttons-container";
ShowTimesClass = "tessera-showTimes";
ShowAgesClass = "tessera-showAges";
ShowAgesIconClass = "bi bi-card-heading";
MoreInfoButtonText = "MORE INFO";
MoreInfoButtonClass = "more-info";
BuyNowButtonText = "BUY NOW";
BuyNowButtonMultipleShowsText = "Tickets";
BuyNowButtonClass = "buy-now";
DisplayDoorTime = true;
DoorTimeFormat = "Doors #PM";
DisplayShowTime = true;
ShowTimeFormat = "Show #PM";
VenueClass = "tessera-venue";
VenueIconClass = "bi bi-geo-alt";
DisplayVenue = true;
DisplaySoldOutText = true;
DisplayRecommendedAges = true;
DisplayMusicGenre = false;
MusicGenreFormat = "";
ShowCardOrder = ["image", "name", "buttons", "venue"];
DayOfTicketsAtDoor = false;
DayOfTicketsAtDoorText = "Tickets Available At Door";


Fuzzy Search Settings
DisplayOnAllPages = false;
OnPageFiltering = false;
FuzzySearchDivClass = "tessera-search-bar";
VenueSelectClass = "sumoSelect venue-select";
AllVenuesText = "All Venues"; // All Venues
MonthSelectClass = "sumoSelect date-select";
MoreMonthsText = "More...";
MonthSpanClass = "select-month";
MonthDropdownClass = "date-dropdown";
TagsSelectClass = "sumoSelect tags-select";
TagsSpanClass = "select-tags";
ClearFiltersClass = "clearFilters";
ClearFiltersText = "Clear"; //CLEAR
AccordionDivClass = "filter-accordion";
AccordionText = "Filter +"; //FILTER
AccordionExpandHtml = ' <i class="bi bi-plus"></i>';
AccordionCollapseHtml = ' <i class="bi bi-dash"></i>';
AccordionIconId = "plus-minus";
AccordionItemsClass = "accordion-items";
SearchContainerClass = "searchContainer";
SearchInputId = "showSearch";
SearchInputClass = "form-control";
SearchButtonId = "showSearchButton";
SearchButtonIconClass = "bi bi-search";
SearchButtonIcon = true;
SearchResultsClass = "fuzzy-searches";
NoSearchResultsId = "no-results";
NoSearchResultsText = "Sorry, nothing matched your search.";
DisplayFuzzySearch = true;
DisplayVenues = true;
DisplayMonths = true;
DisplayTags = true;
DisplaySearch = true;
UseParentForFiltering = false;
MonthDisplayQuantity = 3;


Product Card Settings
HideBuyNowButtonWhenSoldOut = true;
OverlaySliderBuyNowButtons = false;
ImageSelector = ".tessera-has-inventory";
ButtonsContainerSelector = ".tessera-buttons-container";
MoreInfoButtonSelector = ".more-info";
BuyNowButtonSelector = ".buy-now";
ShowCardColSelector = ".col";
SoldOutSelector = ".tessera-sold-out";
LastCallSelector = ".tessera-last-call";
CardBodySelector = ".card-body";
DateSelector = ".tessera-date";
PrefooterSelector = ".card-footer";
SoldOutSelectorActions = "";
LastCallSelectorActions = "";
EmbedSettings = [];
DateFormat = "E, MMM dd";
UseExternalLinkIcon = false;


Event Details Settings
TicketListClass = "tessera-show-tickets";
TicketListId = "";
AllSeatsInOne = false;
AllSeatsInOneMessage = "Choose your Table";
DisplayTicketTooltip = false;
TicketTooltipText = "";
DisplayLastCallText = true;
LastCallLimit = 5;
LastCallBannerDivClass = "tessera-last-call";
LastCallBannerText = "Last Call";
LastCallDivClass = "ticketStatus red";
LastCallTextFormat = "<em>Low Ticket Alert!</em>";
DisplayServiceFee = false;
ServiceFeeAndTaxMessage = "";
DisplayDoorPrice = true;
DoorPriceFormat = "($# DOOR)";
PasswordProtectedIconClass = "bi bi-lock";
SoldOutClass = "ticketStatus red";
SoldOutText = "Sold out";
AllSoldOutDivClass = "tessera-all-sold-out";
NotOnSaleClass = "skuStatus";
NotOnSaleText = "Not on sale";
NoTicketsText = "Tickets are not on sale yet.";
AddToCartButtonClass = "tessera-add-to-cart";
AddToCartContainerClass = 'col-sm-6';
AddToCartText = "ADD TO CART";
SelectSeatsText = "Select tickets";
SelectSeatsButtonClass = "tessera-select-seats-button";
QuantityControlCellClass = "tessera-quantity-control-td";
QuantityControlClass = "input-group tessera-quantity-control";
MinusDivClass = "input group-prepend tessera-quantity-control-minus";
TextInputContainerClass = "tessera-quantity-control-input-container";
TextInputClass = "tessera-quantity-control-input";
PlusDivClass = "tessera-quantity-control-plus";
HidePresaleCode = false;
PresaleCodeDivId = "purchase-code-input";
PresaleCodeFailureId = "purchase-code-failure";
PresaleCodeResultMessageId = "tessera-error-code";
PresaleCodeButtonClass = "apply-code";
PresaleCodeFailureMessage = "The code you entered is invalid.";
PresaleCodeSuccessMessage = "The code has been applied to your order.";
PresaleCodeContainerClass = "col-sm-6";
SkuDescriptionIconClass = "bi bi-info-circle-fill";
SkuDescriptionTooltipLocation = "bottom";
TicketTableSelector = "";
ImageSelector = "";
UseEmbeddedCodeAndAddButtons = true;
TicketingContainer = "tessera-ticketing";


Merch Card Settings
MerchIdAttributeName = "";
PriceSelector  = "";
ImageContainerSelector = "";


Merch Detail Settings
MerchTableSelector = "";
QuantityControlContainerSelector  = "";
ShowInfoContentSelector = "";
NoMerchMessageSelector  = "";
UseMerchCarousel = false;
MerchCarouselContainer = "";


Tessera UI Settings
AccountIconSettings()
CartIconSettings()


Account Icon Settings
UseAccountIcon = "",
AccountIconSelector = "",
AccountUrl = "",
AccountIconHtml = ""


Cart Icon Settings
UseCartIcon = "",
CartIconSelector = "",
CartIconHtml = ""

How can we help?