13.11.2025 | Peter Gerken

Twig debugging via IDE Breakpoint in PHPStorm with Drupal

Issue:

While developing a frontend theme you want to debug in a similar fashion as you would do with PHP code in your IDE, including the option to stop code interpretation at certain lines.

Solution:

To enable twig debugging without writing {{ drupal_breakpoint() }} or {{ twig_debug }} into the templates, you can define the Twig cache directory in PHPStorm to tell it, where the compiled templates get written to.

This way, you can then use the "normal" PHP-Debugging feature in Twig-Files by simply adding a breakpoint (red dot) to the twig line where something is executed.

Zurück zur DevBit-Übersicht

Weitere DevBits

13.11.2025 | Lothar Ferreira Neumann

Use ternary statements in Twig

ternary-example.html.twig

{# Checks if a URL exists and passes it to the component. Otherwise, sets it to false. Works with primitive data types. #}
{% set link = url ? { url: url } : false %}

{# Checks if the media object is not empty and passes it to the component. Otherwise, sets it to false. Suitable for complex data types like objects. #}
{% set media = media is not empty ? { media: media } : false %}

html

twig

ternary operators

23.04.2026 | Lothar Ferreira Neumann

Add custom text to gin_login with Form Decorator

We will use the form_decorator module to alter the output of the gin_login module to look something like this:

An example what the result looks like when using gin_login_text.

This DevBit provides a step-by-step tutorial how to get there.

twig

php

yml / yaml

guides

Gin Login