[Release] Improved Shopping List Card

[Mindreader]

Ja, das wird so unterstützt. Allerding nichts in der Karte im Dashboard, wo sie dann nach Lust und Laune die Kats verschieben kann, sondern per Konfiguration im Editor.

Sprich so wie Du die Reihenfolge dort anlegst, so wird sie auch angezeigt, sofern Du später die Sortierung nicht änderst, denn das kann man auch machen.

Also wenn Du die Kategorien so einstellst:

- name: Obst & Gemüse
- name: Fleisch
- name: Mopro & Wurst
- name: Haushaltswaren
- name: Getränke
- name: Katzen
- name: Für Später
- name: IKEA
- name: Gericht 1
- name: Gericht 2

dann ist das auch die Reihenfolge die Du siehst, sofern Du diese Option beim Merge Mode eingestellt hast.

[Bacardi]

Verstehe danke. Ich hatte es mir schon fast gedacht, weil ich bisher noch keine Dashboard Karte sah, die so eine flexibles Verschieben ermöglicht. Über Kategorien zu ändern ist wenigstens etwas aber nicht der WAF. Dennoch, danke für Deine Arbeit.

[Mindreader]

Naja so oft ändert sich der Aufbau im Supermarkt ja auch nicht. Einmal eingestellt, sollte es für die nächsten 5 Jahre passen
Ode rich habe nur nich verstanden, was genau nicht passt.

[Mindreader]

v2.2.0-BETA-8 released

Notification Functions implemented

This feature allows sending the shopping list or updates via notifications using configured notify entities in Home Assistant. Currently tested: Telegram, Email (via SMTP)

• The message button lets users send the current list via the configured notify entity.
• The notify entity must support HTML formatting for better readability.
• SMTP notifications are handled separately via the SMTP notify platform name (notify_entity_smtp), not as a notify entity.
• Notifications can be triggered automatically whenever items are added, edited, or removed.
• You can choose to send either just the changed item or the entire list with each notification.
• A delay timer can be configured to avoid notification flooding.

Button in the card:

General settings:

Notifications:

Parameter

Option	Type	Description
show_message_button	Boolean	Displays a message button in Shopping List mode to send the list via email, Telegram or similar.
notify_entity	String	The notify entity used when the message button is pressed. Must support HTML formatting. SMTP is not included here.
notify_on_change	Boolean	Enables automatic notification sending when an item is added, edited, or removed from the list.
notify_on_change_all	Boolean	Sends the entire list with each notification instead of just the changed item.
notify_on_change_time	Integer (sec)	Delays sending the notification by the specified number of seconds to avoid flooding notifications during rapid changes. Use 0 to disable the delay.
notify_entity_smtp	String	Name of the SMTP notify platform (from configuration.yaml) used for sending HTML email notifications (e.g., email_notification). Only the platform name, not the full entity like notify.email_notification.

[Mindreader]

v2.2.0 Release

The year is coming to an end, and this is the perfect time to release v2.2.0

There have been a lot of changes between v2.1.0 and v2.2.0 — too many to list them all in these release notes.

For full details, please read through the v2.2.0 BETA release notes:

Releases · Nisbo/ha-shopping-list-improved

---

Additional Features (not mentioned in the BETA notes)

Added Category Chips

Automatically generates chips based on items assigned to a category.
Each category is displayed as a collapsible chip, as long as the category contains at least one item.

Settings → Chips

---

Added Filter and Capitalize-First-Letter Option

Allows filtering of list items directly via the input field.
If enabled, the first letter entered in the input field is automatically capitalized.

Thanks to @creoludifico for these great ideas

[sven73]

Die Einkaufsliste ist ja der Hammer.

Ich lasse die Chips aus den Kategorien erstellen.
Ist es möglich, Einträge die manuell hinzugefügt und einer Kategorie hinzugefügt wurden automatisch und dauerhaft in das globale Textfile schreiben zu lassen?

Meine Frau und ich nutzen die gleiche Datenbasis (TXT File) in unterschiedlichen Dashboards.
So wäre es möglich, dass sie meine Änderung der Einkaufsliste direkt bei sich sieht.

Danke und Grüße,
Sven

[Mindreader]

Ich wüsste momentan nicht wie.

[mcbo]

Hallo,

ich finde die “Improved Shopping List Card” sehr schick.

Allerdings wird die Liste nicht automatisch aktualisiert (nur mit Seiten Reload), wenn ich von einem anderen Gerät einen Eintrag hinzufüge oder lösche.

Auf dem gleichen Dashboard, habe ich testweise die Standard Einkaufsliste mit gleichem Inhalt. Diese wird automatisch aktualisiert.

Kennt Ihr das Problem?

Kann man die automatische Aktualisierung einstellen?

Gruß

Marcel

[Mindreader]

Ich habe es gerade nochmal im Shoppinglist Mode mit v2.3.0-BETA-4 getestet, einmal Windows PC mit Firefox 147.0.4 (64-Bit) und einmal die HA App auf IOS. Funktioniert ohne Probleme. Das Ganze Remote aus verschiedenen Netzen.

Wenn da was nicht aktualisiert wird, dann passt was mit der WS (Websocket) Verbindung nicht. Generell scheinen Update sja zu kommen, da die originale ToDo aktualisiert.

Ist bei Dir irgendwas besonders im Netzwerk/Setup ? So dass ich einen Anhaltspunkt habe, wo ich ansetzen kann ?

• Was für ein System ?
• Welcher Browser ?
• Ggf Adblocker (oder ähnliche Addons) aktiviert ?
• Welche Version der Karte nutzt Du ?
• Welcher Mode ? Shopping oder ToDo ?
• Hast Du HA sicherheitshalber mal neu gestartet ? Sollte sich eigentlich nicht auf eine Karte auswirken, aber versuchen kann man es ja mal.

[mcbo]

Hallo Mindreader,

ich glaube ich habe das Problem lokalisieren können.

Hier aber erst einmal meine Antwort auf Deine Fragen:

• 1. Was für ein System ?
  2. Welcher Browser ?
  3. Ggf Adblocker (oder ähnliche Addons) aktiviert ?
  4. Welche Version der Karte nutzt Du ?
  5. Welcher Mode ? Shopping oder ToDo ?
  6. Hast Du HA sicherheitshalber mal neu gestartet ? Sollte sich eigentlich nicht auf eine Karte auswirken, aber versuchen kann man es ja mal.

1. Mein HA läuft als Container auf einer Proxmox Farm und hat genug Dampf.
2. Browser habe ich unter Windows Edge und Firefox sowie unter iOS Safari getestet.
3. ist deaktiviert
4. Version 2.1.0
5. Shopping Mode
6. ja, mehrmals neu gestartet

Das Problem liegt scheinbar hier:

Ich habe die Bring Integration installiert, damit meine Einkäufe auch in der App zur Verfügung stehen.

Bring - bringt eine eigene Shopping Liste mit.

Diese schein aber nicht richtig mit “Improved Shopping List Card“ zu funktionieren.

Stelle ich die Entität um, auf die Standard Shopping List, funktioniert die Aktualisierung problemlos.

Hast Du eine Idee, wie ich die Bring App mit einbinden kann?

Gruß

Marcel

[Mindreader]

Keine Ahnung, ich kenne weder Bring noch die Integreation davon und vermute auch dass Bring dann ein eigenes Format mitbringt, welches auch nicht komatibel ist … in beide Richtungen.

[cester]

Ich habe schon vor einiger Zeit geschrieben, dass ich die Einkaufsliste toll finde, obwohl ich noch nicht einkaufen war.

Jetzt habe ich mit meiner Frau einige Erfahrungen sammeln können. Live ist es bei uns leider nicht. Man muss manuell aktualisieren. Zb durch wechseln von Ansichten. Aber das ist nicht mein Anliegen

Wir arbeiten gerne mit den Gerichten Funktion. Wenn wir aber für eine ganze Woche einkaufen, müssen wir irgendwann überlegen, welche Gerichte wir eigentlich kochen wollten

Wäre es irgendwie möglich die Gerichte zu speichern? Vielleicht durch eine weitere ToDo Liste? Und wenn wir das Gericht gekocht haben, können wir es wegklicken.

[Mindreader]

ha-shopping-list-improved v2.3.0

New Features

Suggestions / Autocomplete

• Added item suggestions while typing in the input field
• Suggestions support:
  • Diacritic-insensitive search (cafe → Café)
  • Multi-word matching
  • Keyboard navigation
• Suggestions can be enabled or disabled in the settings

Advanced Customization

• Added support for custom CSS directly in the card configuration
• Added category font color configuration support

Dish Ingredient Selection

• When adding a dish, ingredients can now be individually selected or deselected before adding them to the shopping list

New Configuration Options

Added several new configuration options:

• Disable automatic item sorting
• Filter chips while typing in the input field
• Hide item count for fully completed categories
• Show completed items while searching
• Hide the “Clear completed” button
• Show action buttons at the top
• Disable delete confirmation popup

---

Improvements

• Improved QR code scanner handling
• Improved chips refresh handling for larger lists
• Prevent duplicate local chips when category chips already exist
• Improved todo mode next due date handling

---

Bug Fixes

• Fixed an issue where completed items would not reappear after re-adding chips when using acknowledged: hide
• Fixed chips refresh issues after adding items on large lists
• Migrated from deprecated ha-textfield to ha-input for Home Assistant 2026.5 compatibility

For details / screenshots please read the release page:

Releases · Nisbo/ha-shopping-list-improved

[Mindreader]

Update Notes

v3.0.0

Compatibility

• Updated the To-do interval unit selector to work with the current Home Assistant ha-select implementation.
• Replaced the old mwc-list-item based select setup with the current ha-select.options API.
• Added handling for the selected event so the selected interval unit is stored correctly.
• Fixed the interval unit display so the card shows translated labels such as “Hours”, “Days”, and “Months” instead of raw values like H, D, or M.
• Added improved live update handling for generic Home Assistant todo.* entities, including changes that do not reliably trigger the old shopping-list update event.

New Features

• Added optional item description support for To-do entities that support descriptions.
• Added description fields to the add and edit dialogs.
• 
• Added display of item descriptions below the item name.
• 
• Added show_descriptions configuration option.
• Added manual drag-and-drop sorting within categories.
• 
• Added sort_mode configuration option with alpha, manual, and none.
• Added a sort mode selector to the visual card editor.
• Added a debug mode option to the visual card editor.
• Added an optional “Add all” chip for category chips.
• Added show_category_add_all configuration option.
• When enabled, expanded category chips show an “All” chip that opens a selection dialog.
• The selection dialog preselects all category items and allows individual items to be unchecked before adding.
• 

UI Fixes

• Fixed vertical alignment between the interval number input and the interval unit selector in the To-do edit/add popup.
• Fixed malformed QR scanner icon markup.
• Added the card version number to the Admin Options popup title, for example:
  Admin Options - v2.4.0-BETA-1.
• Added proper alignment for item descriptions so they appear below the item name while keeping checkboxes and action buttons aligned.
• Added drag handles for manual sorting when sort_mode: manual is enabled.
• Improved category and dish selection dialogs for large item lists by limiting popup height and making the item list scrollable.

Lifecycle / Cleanup

• Improved resize listener handling by storing resize handlers and removing them again when the card is disconnected.
• Added/outlined cleanup for delayed update timers to avoid callbacks running after the card was removed from the dashboard.
• Added cleanup for the refresh debounce timer when the card is disconnected.

Configuration / Debugging

• Changed debug mode behavior so debug logging is disabled by default.
• Debug output is now enabled only when debug_mode: true is explicitly configured.
• Added editor labels and helper texts for show_descriptions, sort_mode, and debug_mode.
• Kept sort_items as a legacy compatibility option while replacing it in the editor with sort_mode.

Synchronization / Refresh Handling

• Added debounced refresh handling for Home Assistant WebSocket events.
• Added refresh handling for matching todo service calls such as add_item, update_item, remove_item, and remove_completed_items.
• Ignored todo.get_items events to prevent refresh loops.
• Limited service-call based refreshes to the configured card entity when Home Assistant provides an entity_id.
• Prevented live refreshes from interrupting active drag-and-drop sorting.
• Queued pending refreshes during dragging and executed them after sorting is finished.

Translation / Text Cleanup

• Removed duplicate translation keys where later entries silently overwrote earlier ones.
• Cleaned up To-do due-date labels and remove-confirmation labels.
• Added translations for the new description display option.
• Added translations for the new sort mode options.
• Added translations for the new debug mode editor option.

[Mindreader]

v3.1.0

New Features

• Added due-date based filtering for To-do lists.
• Added sort_mode: due to sort To-do items by due date.
• Added an optional To-do filter menu with show_todo_filter_menu.
• Added dishes_confirm_add to optionally skip the dish selection dialog.

To-do Filtering

The new todo_filter option defines the default filter for a To-do card.

Available values:

• all
  Shows all items.

• today
  Shows all items due today. For items with a due time, both already expired and still upcoming items from today are included.

• overdue
  Shows only items that are already overdue. Date-only items due today are not included.

• overdue_include_today
  Shows overdue items and date-only items due today. This is useful for “things that should be done by today” views.

• upcoming
  Shows only future items. Date-only items are included starting from tomorrow; date-time items are included when their due time is still in the future.

• dated
  Shows all items with a due date or due date/time.

• undated
  Shows all items without a due date.

To-do Filter Menu

When show_todo_filter_menu: true is enabled, the card shows a filter button in the button row.

The menu allows users to:

• Switch the active To-do filter directly from the card.
• Temporarily change the filter without changing YAML.
• Remember the selected filter per To-do list in the browser.
• Reset the saved browser filter and return to the YAML/default todo_filter.

todo_filter remains the default value configured in YAML.

Due-Date Sorting

sort_mode: due sorts To-do items by due date.

Sorting behavior:

• Overdue items appear first.
• Future due items are sorted by date/time.
• Items without a due date are shown last.
• Items with the same due date are sorted alphabetically.

Dishes

Added dishes_confirm_add.

Default behavior remains unchanged:

dishes_confirm_add: true

Clicking a dish opens the selection dialog.

To add all dish items immediately without confirmation:

dishes_confirm_add: false

Visual Editor

Added visual editor options for:

• sort_mode: due
• todo_filter
• show_todo_filter_menu
• dishes_confirm_add

Compatibility

• Existing sort_mode values continue to work unchanged.
• Existing dish behavior remains unchanged by default.
• Existing To-do cards remain visually unchanged unless show_todo_filter_menu: true is enabled.