diff --git a/src/pretix/presale/views/widget.py b/src/pretix/presale/views/widget.py
index c173e2c35d..dd56586df4 100644
--- a/src/pretix/presale/views/widget.py
+++ b/src/pretix/presale/views/widget.py
@@ -310,7 +310,7 @@ class WidgetAPIProductList(EventListMixin, View):
 
     def _get_availability(self, ev, event):
         availability = {}
-        if ev.presale_is_running and event.settings.event_list_availability and ev.best_availability_state is not None:
+        if ev.presale_is_running and event.settings.event_list_availability:
             if ev.best_availability_state == Quota.AVAILABILITY_OK:
                 availability['color'] = 'green'
                 availability['text'] = gettext('Book now')
@@ -330,6 +330,10 @@ class WidgetAPIProductList(EventListMixin, View):
                 else:
                     availability['text'] = gettext('Fully booked')
                 availability['reason'] = 'full'
+            else:  # unknown / no product
+                availability['color'] = 'none'
+                availability['text'] = ''
+                availability['reason'] = 'unknown'
         elif ev.presale_is_running:
             availability['color'] = 'green'
             availability['text'] = gettext('Book now')
diff --git a/src/pretix/static/pretixpresale/js/widget/widget.js b/src/pretix/static/pretixpresale/js/widget/widget.js
index 15ea0237ca..a5f8f8f0c8 100644
--- a/src/pretix/static/pretixpresale/js/widget/widget.js
+++ b/src/pretix/static/pretixpresale/js/widget/widget.js
@@ -929,7 +929,7 @@ Vue.component('pretix-widget-event-calendar-event', {
         + '{{ event.name }}'
         + '</strong>'
         + '<div class="pretix-widget-event-calendar-event-date" v-if="!event.continued && event.time">{{ event.time }}</div>'
-        + '<div class="pretix-widget-event-calendar-event-availability" v-if="!event.continued">{{ event.availability.text }}</div>'
+        + '<div class="pretix-widget-event-calendar-event-availability" v-if="!event.continued && event.availability.text">{{ event.availability.text }}</div>'
         + '</a>'),
     props: {
         event: Object
diff --git a/src/pretix/static/pretixpresale/scss/widget.scss b/src/pretix/static/pretixpresale/scss/widget.scss
index 903e89d5d2..2b76c79697 100644
--- a/src/pretix/static/pretixpresale/scss/widget.scss
+++ b/src/pretix/static/pretixpresale/scss/widget.scss
@@ -438,7 +438,8 @@
   .pretix-widget-event-availability-orange.pretix-widget-event-calendar-event {
     background-color: $brand-warning;
   }
-  .pretix-widget-event-availability-none .pretix-widget-event-list-entry-availability span {
+  .pretix-widget-event-availability-none .pretix-widget-event-list-entry-availability span,
+  .pretix-widget-event-availability-none.pretix-widget-event-calendar-event {
     background-color: $brand-primary;
   }
   .pretix-widget-event-availability-green .pretix-widget-event-list-entry-availability span,