# Textbausteine im java script benutzen

**URL:** <https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758>\
**Category:** Shopware 6 (German)\
**Created:** [19. August 2025 um 10:51 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758 "2025-08-19T10:51:54Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [19. August 2025 um 10:51 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/1 "2025-08-19T10:51:55Z")

</div>

ich möchte gern textbausteine im java script benutzen aber die docu von shopware selbst ist ja nicht der oberknaller 😊 leider  
hab halt snippet datein an gelegt und werden auch im admin textbausteine angezeigt  
ps die beiträge im forum zu diesem thema hab mich auch nicht weiter gebracht  
hat noch jemand nen tip für mich 😊 😇

---

<div class="post-metadata">

**Author:** ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)\
**Post date:** [19. August 2025 um 10:54 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/2 "2025-08-19T10:54:11Z")

</div>

Du kannst im Javascript nicht direkt Textbausteine verwenden. Die sind immer vollständig kompiliert. Deswegen musst du sie in die Templates einbetten und als Optionen an das JS übergeben. Oder du setzt die Textbausteine in HTML Elemente und liest diese dann innerhalb des Javascripts.

```auto
<div data-snippet="{{ test|trans }}"></div>

```

Viele Grüße

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [19. August 2025 um 10:59 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/3 "2025-08-19T10:59:23Z")

</div>

gibt es dazu ein paar beispiele 😊  
danke

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [19. August 2025 um 11:03 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/4 "2025-08-19T11:03:35Z")

</div>

```
} else if (startCountdown.getHours() <= currentdate.getHours()) {
	// Werktag 24 Std
	showCountdown = ((startCountdown.getTime() - currentdate.getTime()) / 1000) + 1;
	$('.shippingcountdown-message').html('Der nächste Versand erfolgt am nächsten Werktag.');

} else {

	showCountdown = ((startCountdown.getTime() - currentdate.getTime()) / 1000) + 1;
	$('.shippingcountdown-message').html('Innerhalb der oben angegebenen Zeit bestellen, wird heute noch versendet.');
}

// FlipClock Output Data
clock = $('.shippingcountdown-clock').FlipClock(showCountdown, {
	clockFace: 'DailyCounter',
	countdown: true
});

```

den text teil : Innerhalb der oben angegebenen Zeit bestellen, wird heute noch versendet.  
per text baustein

---

<div class="post-metadata">

**Author:** ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)\
**Post date:** [19. August 2025 um 11:08 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/5 "2025-08-19T11:08:41Z")

</div>

Schau dir mal das FilterBooleanPlugin und das dazugehörige Template an. Das sollte ein gutes Beispiel sein.

Viele Grüße

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [19. August 2025 um 11:11 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/6 "2025-08-19T11:11:41Z")

</div>

> [@EikeBrandtWarneke](#):
>
> FilterBooleanPlugin

danke aber das plugin gibt es nicht zumindest finde ich es leider net

---

<div class="post-metadata">

**Author:** ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)\
**Post date:** [19. August 2025 um 11:13 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/7 "2025-08-19T11:13:12Z")

</div>

Schau in den Standard storefront Ordner von Shopware.

Viele Grüße

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [19. August 2025 um 11:15 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/8 "2025-08-19T11:15:12Z")

</div>

vielendank 🥰🥰🥰vielendank

hab es gefunden danke

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [20. August 2025 um 06:22 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/9 "2025-08-20T06:22:19Z")

</div>

Also irgendwie klappt da nichts halbe nacht damit verbracht

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [20. August 2025 um 06:57 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/10 "2025-08-20T06:57:02Z")

</div>

ist das thema so geheim 😉

---

<div class="post-metadata">

**Author:** ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)\
**Post date:** [20. August 2025 um 07:06 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/11 "2025-08-20T07:06:22Z")

</div>

Was “klappt” denn nicht?

Viele Grüße

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [20. August 2025 um 08:15 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/12 "2025-08-20T08:15:16Z")

</div>

hab mehrer varianten probiert  
{{ „dmx4all.flipclock.submaintext“|trans|raw }}  
{{ „produkt.produktName.pflegeHinweise“ | trans }}  
alert({{twig\_variable|json\_encode}});

[https://craftsnippets.com/articles/using-javascript-in-twig-templates-with-craft-cms](https://craftsnippets.com/articles/using-javascript-in-twig-templates-with-craft-cms)

filter-base.plugin

---

<div class="post-metadata">

**Author:** ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)\
**Post date:** [20. August 2025 um 08:20 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/13 "2025-08-20T08:20:27Z")

</div>

Ich habe dir ein Beispiel genannt, wo es exakt so umgesetzt wurde, wie du es dir vorstellst. Schau dir das Beispiel an, statt irgendwelchen Anleitungen von Craft CMS zu folgen.

Viele Grüße

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [20. August 2025 um 08:22 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/14 "2025-08-20T08:22:36Z")

</div>

> <https://github.com/shopware/shopware/blob/trunk/src/Storefront/Resources/app/storefront/src/plugin/listing/filter-boolean.plugin.js>

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [20. August 2025 um 08:23 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/15 "2025-08-20T08:23:15Z")

</div>

das sagt mir aber nichts

---

<div class="post-metadata">

**Author:** ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)\
**Post date:** [20. August 2025 um 08:25 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/16 "2025-08-20T08:25:30Z")

</div>

Wie bereits geschrieben: schau dir das dazugehörige Template an.

Viele Grüße

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [20. August 2025 um 08:32 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/17 "2025-08-20T08:32:03Z")

</div>

{% block component\_filter\_boolean %}  
{% set filterBooleanOptions = {  
name: name,  
displayName: displayName,  
snippets: {  
disabledFilterText: ‚listing.disabledFilterTooltip‘|trans|sw\_sanitize,  
altText: altText,  
altTextActive: altTextActive  
}  
} %}

```auto
{% block component_filter_boolean_panel_item %}
    <div class="filter-boolean filter-panel-item"
         role="listitem"
         data-filter-boolean="true"
         data-filter-boolean-options="{{ filterBooleanOptions|json_encode }}">
        {% block component_filter_boolean_container %}
            <div class="form-check">
                {% block component_filter_boolean_checkbox %}
                    <input type="checkbox"
                           class="filter-boolean-input form-check-input"
                           id="{{ name }}"
                           name="{{ name }}">
                {% endblock %}

                {% block component_filter_boolean_label %}
                    <label for="{{ name }}" class="filter-boolean-label custom-control-label">
                        {% block component_filter_boolean_display_name %}
                            {% if altText %}
                                <span class="filter-boolean-alt-text visually-hidden">{{ altText }}</span>
                                <span aria-hidden="true">{{ displayName }}</span>
                            {% else %}
                                {{ displayName }}
                            {% endif %}
                        {% endblock %}
                    </label>
                {% endblock %}
            </div>
        {% endblock %}
    </div>
{% endblock %}

```

{% endblock %}

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [20. August 2025 um 08:35 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/18 "2025-08-20T08:35:10Z")

</div>

entweder bin ich zu doof und finde es nicht im template 😊

---

<div class="post-metadata">

**Author:** ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)\
**Post date:** [20. August 2025 um 08:58 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/19 "2025-08-20T08:58:45Z")

</div>

Genau, hier werden Textbausteine an das Javascript Plugin übergeben. Du wirst mit Sicherheit selber herausfinden wie.

Viele Grüße

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [20. August 2025 um 10:33 UTC](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758/20 "2025-08-20T10:33:50Z")

</div>

leider nicht

warum muss das so umständlich sein 😊

[Nächste Seite](https://forum.shopware.com/t/textbausteine-im-java-script-benutzen/107758.md?page=2)