Textbausteine im java script benutzen

Shopware 6 (German)
1

ich möchte gern textbausteine im java script benutzen aber die docu von shopware selbst ist ja nicht der oberknaller :blush: 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 :blush: :innocent:

2

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.

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

Viele Grüße

3

gibt es dazu ein paar beispiele :blush:
danke

4 
} 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

5

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

Viele Grüße

6

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

7

Schau in den Standard storefront Ordner von Shopware.

Viele Grüße

1 „Gefällt mir“
8

vielendank :smiling_face_with_three_hearts::smiling_face_with_three_hearts::smiling_face_with_three_hearts:vielendank

hab es gefunden danke

9

Also irgendwie klappt da nichts halbe nacht damit verbracht

10

ist das thema so geheim :wink:

11

Was “klappt” denn nicht?

Viele Grüße

12

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

filter-base.plugin

13

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

14
15

das sagt mir aber nichts

16

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

Viele Grüße

17

{% block component_filter_boolean %}
{% set filterBooleanOptions = {
name: name,
displayName: displayName,
snippets: {
disabledFilterText: ‚listing.disabledFilterTooltip‘|trans|sw_sanitize,
altText: altText,
altTextActive: altTextActive
}
} %}

{% 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 %}

18

entweder bin ich zu doof und finde es nicht im template :blush:

19

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

Viele Grüße

20

leider nicht

warum muss das so umständlich sein :blush: