content/about/contents+en.lr

@@ -15,7 +15,7 @@ section:
 #### flow_services_cards ####
 card_title: Consulting
 ----
-card_image: images/icon_gears_bubble.svg
+card_image: icon_gears_bubble.svg
 ----
 card_text: Benefit from the broad IT know-how, the exchange of experience and the networking of our members and experts in the cooperative. The WTF cooperative is your competent contact.
 ----
@@ -23,7 +23,7 @@ image_credits: Thinking by Juan Pablo Bravo from <a href="https://thenounproject
 #### flow_services_cards ####
 card_title: Development
 ----
-card_image: images/icon_processor.svg
+card_image: icon_processor.svg
 ----
 card_text: We realise your projects - whether web application, mobile app or hardware-related programming. We can also advise you on suitable business development programmes if required.
 ----
@@ -31,7 +31,7 @@ image_credits: circuit by Shocho from <a href="https://thenounproject.com/browse
 #### flow_services_cards ####
 card_title: Operations
 ----
-card_image: images/icon_connected_servers.svg
+card_image: icon_connected_servers.svg
 ----
 card_text: After the project, we do not leave you out in the cold with the result, but offer you services for the operation of the completed project and the administration of the infrastructure beyond the project.
 ----

content/about/contents.lr

@@ -15,7 +15,7 @@ section:
 #### flow_services_cards ####
 card_title: Beratung
 ----
-card_image: images/icon_gears_bubble.svg
+card_image: icon_gears_bubble.svg
 ----
 card_text: Profitieren Sie vom breit aufgestellten IT-Know-how, vom Erfahrungsaustausch und der Vernetzung unserer Mitglieder, Expertinnen und Experten in der Genossenschaft. Die WTF Kooperative ist Ihr kompetenter Ansprechpartner.
 ----
@@ -23,7 +23,7 @@ image_credits: Thinking by Juan Pablo Bravo from <a href="https://thenounproject
 #### flow_services_cards ####
 card_title: Entwicklung
 ----
-card_image: images/icon_processor.svg
+card_image: icon_processor.svg
 ----
 card_text: Wir realisieren Ihre Projekte – egal ob Web-Applikation, mobile App oder hardwarenahe Programmierung. Auch können wir Sie bei Bedarf hinsichtlich passender Wirtschaftsförderprogramme beraten.
 ----
@@ -31,7 +31,7 @@ image_credits: circuit by Shocho from <a href="https://thenounproject.com/browse
 #### flow_services_cards ####
 card_title: Betrieb
 ----
-card_image: images/icon_connected_servers.svg
+card_image: icon_connected_servers.svg
 ----
 card_text: Nach dem Projekt lassen wir Sie nicht mit dem Ergebnis im Regen stehen, sondern bieten Ihnen auch über das Projekt hinaus Services für den Betrieb des abgeschlossenen Projekts und die Administration der Infrastruktur.
 ----

flowblocks/flow_services_cards.ini

@@ -10,8 +10,9 @@ width = 1/2
 
 [fields.card_image]
 label = Card Icon
-description = Icon Pfad zB. images/circle_icon_fist.svg
-type = string
+description = Lade ein Bild hoch und wähle es hier aus
+type = select
+source = record.attachments.images
 width = 1/2
 
 [fields.card_text]

templates/macros/services_cards.html

@@ -1,7 +1,8 @@
 {% macro render_services_card(card, index) %}
+{% set card_image = card.record.attachments.images.get(card.card_image) %}
             <div class="services_card {% if index%2 %}-odd{% else %}-even{% endif %}">
               <div class="services_card__image_box">
-                <img src="/{{ card.card_image }}" alt="" aria-hidden="true">
+                <img src="{{ card_image|url }}" alt="" aria-hidden="true">
               </div>
               <div class="services_card__text_box">
                 <h2>{{ card.card_title }}</h2>