Einbinden von SVG-Icons in neuem Theme

Falls Jemand auf das gleiche “Problem” stöst, hier einmal eine Lösung:

  1. “storefront/utilities/icon.html.twig” im eigenen Theme überladen:

    {% 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 == 'meinpack' %}
             {{ source('@MeinTheme/../app/storefront/dist/assets/icon/meinpack/'~ name ~'.svg', ignore_missing = false) }}
         {% else %}
             {{ source('@Storefront/../app/storefront/dist/assets/icon/'~ pack ~'/'~ name ~'.svg', ignore_missing = true) }}
         {% endif %}
    

    {% endblock %}

  2. Icons in dem entsprechenden Pfad anlegen:

z.B.: MeinThemePlugin/src/Resources/app/storefront/dist/assets/icon/meinpack/custom_icon.svg

  1. Icon mit “Packet”-Angabe einbinden:

    {% sw_icon ‘custom_icon’ style { ‘pack’: ‘meinpack’ } %}

 

6 „Gefällt mir“