Hosted Package

Rendering and empty states

Handle empty collections and refresh Hosted Package attribute bindings.

Handle empty collections and refresh Hosted Package attribute bindings. First, complete the installation.

Empty states

Place a data-tiquo-empty element inside the collection wrapper and outside its template. Tiquo hides it when results exist and shows it when the collection is empty.

This works for data-tiquo-orders, data-tiquo-bookings, data-tiquo-services, data-tiquo-service-detail, data-tiquo-memberships, and data-tiquo-membership-plans.

</>Interactive example

Collection empty states

Inspect the empty-state placement for every supported collection and service-detail type.

Hover, tap, or focus an element to inspect its data attributes.

Orders

No orders yet

Bookings

No upcoming bookings

Services

No services available

Service detail

This service is unavailable

Memberships

No active membership

Membership plans

No other plans available

Keep each empty state inside its collection wrapper and outside the repeatable item template.

Wrap authenticated profile tabs in data-tiquo-show="logged-in" so signed-out visitors see the sign-in state instead of an empty customer-data message.

Refresh attribute bindings

Call Tiquo.render() to refresh supported attribute bindings, including reloading saved business policies or retrying a failed policy request. See Business policies for policy states and retry behaviour.

Use customer authentication to control which content signed-in and signed-out visitors see.

On this page