14 replies

[Twig] Is there a way to clean up this dynamic string?

I'm trying to build a dynamic class string:

{% set classes = 'custom-image ' ~ alignment ?? '' ~ ' ' ~ decoration ?? ''  %}

<div class="{{ classes|trim }}">
  {% include "_components/image.twig" with { image: image.asset } %}
</div>

{% set classes = 'custom-image ' ~ alignment ?? '' ~ ' ' ~ decoration ?? ''  %}

<div class="{{ classes|trim }}">
  {% include "_components/image.twig" with { image: image.asset } %}
</div>

This works, but it's kind of messy. I'd also like to eventually be able to have 'alignment' be something like

alignment-<alignment>

alignment-<alignment>

rather than the value. So for example, if

alignment = left

alignment = left

, right now it just adds

left

left

to the class list because it's easiest. But I'd like it to add

alignment-left

alignment-left

to the class list instead.

I know how I can do this but not without making it messy. And even this current iteration, it's not perfect because if

alignment

alignment

is null, then it'll add 2 spaces instead of just one.

KP-C

Kevin Powell - Community•2y ago•

14 replies

vince

[Twig] Is there a way to clean up this dynamic string?

I'm trying to build a dynamic class string:

{% set classes = 'custom-image ' ~ alignment ?? '' ~ ' ' ~ decoration ?? ''  %}

<div class="{{ classes|trim }}">
  {% include "_components/image.twig" with { image: image.asset } %}
</div>

{% set classes = 'custom-image ' ~ alignment ?? '' ~ ' ' ~ decoration ?? ''  %}

<div class="{{ classes|trim }}">
  {% include "_components/image.twig" with { image: image.asset } %}
</div>

This works, but it's kind of messy. I'd also like to eventually be able to have 'alignment' be something like

alignment-<alignment>

alignment-<alignment>

rather than the value. So for example, if

alignment = left

alignment = left

, right now it just adds

left

left

to the class list because it's easiest. But I'd like it to add

alignment-left

alignment-left

to the class list instead.

I know how I can do this but not without making it messy. And even this current iteration, it's not perfect because if

alignment

alignment

is null, then it'll add 2 spaces instead of just one.

[Twig] Is there a way to clean up this dynamic string?

Similar Threads

[Twig] Is there a way to clean up this dynamic string?

Similar Threads

Similar Threads

Similar Threads