Thermostat Card & Lovelace Customize template

Good morning all, short question can I add the values to the standard thermostat: ECO,COMFORT etc. in the frontend ?

Welcome, boxi!

You can use nested stack cards, 1 vertical that includes rhe climate card, and 1 horizontal with buttons for your preset modes. With the buttons you call the service climate.set_preset_mode .

Hey pedolsky,

thanks for you quick response, but how i can do that ? sorry i’m completly newbie in this tool.

Do you have a example for me ?

All available services can be called from Developer Tools —> Services (for us: Entwicklerwerkzeuge —> Reiter „Dienste“). It’s enough to type climate in the field.
Same procedure within the button card:

Hi,

i aggree with you but, i can’t change this card means i have only this one in Thermostat Card

Yes, therefore I said use bertical and horizontal stack.

you mean just under ?
That’s right, I could have thought of it myself.
Thank you

one more question:

how i can try 2 tap actions i one ?

type: vertical-stack
cards:
  - type: horizontal-stack
    cards:
      - type: thermostat
        entity: climate.heizung_schlafzimmer
  - type: horizontal-stack
    cards:
      - type: button
        name: ECO
        tap_action:
          action: call-service
          service: climate.set_preset_mode
          service_data:
            preset_mode: eco
          target:
            entity_id: climate.heizung_schlafzimmer
        show_name: true
        show_icon: true
        show_state: true

+

        tap_action:
          action: call-service
          service: climate.set_hvac_mode
          service_data:
            mode: auto
          target:
            entity_id: climate.heizung_schlafzimmer
        show_name: true
        show_icon: true
        show_state: true

There’s an unofficial way, so no warranty that it will work with future releases (example service.light_…):


tap_action:
  action: nothing
  multi_calls: |
    [[[
      hass.callService(
        "light",
        "turn_on",
        { entity_id: "light.kugellampe_kurz", brightness: 200 }
      );
      hass.callService(
        "light",
        "turn_off",
        { entity_id: "light.kugellampe_lang" }
      );
    ]]]