Wie kann man das bestehende Icon System mit eigenen SVGs erweitern?

Unter bestehenden Icon System meine Ich:

https://component-library.shopware.com/components/sw-icon/

und dann als Verwedung:

sw-icon name=„mein-custom-icon“

In deinem Theme/Plugin einfach eigene css-Regeln definieren.

is zwar schon eine weile her, aber man kann in custom/plugins/DeinTheme/src/Resources/app/storefront/dist/assets/icon/ einen Ordner erstellen " deinIconPaket"

und dann per folgendem Code das Icon im SW6-Style einfügen

{% sw_icon 'svg-filename' style {'pack' : 'deinIconPaket'} %}

 

1 Like

Wenn ich das Storefront Template noch extende dann gehts:

platform/src/Storefront/Resources/views/storefront/utilities/icon.html.twig

 

{% sw_extends '@Storefront/storefront/utilities/icon.html.twig' %}

{% block utilities_icon %}
    {% set styles = [size, color, rotation, flip, class] %}

    {% if pack is not defined %}
        {% set pack = 'default' %}
    {% endif %}

    
        {% if pack == 'DEINTHEME' %}
            {{ source('@DeinTheme/../app/storefront/dist/assets/icon/DEINTHEME/'~ name ~'.svg', ignore_missing = false) }}
        {% else %}
            {{ source('@Storefront/../app/storefront/dist/assets/icon/'~ pack ~'/'~ name ~'.svg', ignore_missing = true) }}
        {% endif %}
    
{% endblock %}

uhh yes… my bad…^

sorry das hatte ich irgendwann nebenbei gemacht. ja das extenden ist notwendig