E-commerce Cost Transparency Visualization

Ingo Steinke
2 min readMay 3, 2024

Sustainable businesses that pay fair prices to producers along the supply chain should show and prove that they do. Once customers are convinced that the price is not for the merchant’s own surplus, they might be willing to pay higher prices. They will eventually be obliged to do so, at least in Europe, when the EU Act on Supply Chain Due Diligence (Lieferkettengesetz) is ratified.

My Cost Transparency extension for Shopware adds an optional bar chart to indicate the fractions of a product price paid for the material, manufacturers, marketing, distribution, etc. This can be a first step for merchants to inform customers about their supply chains. It’s a simple data visualization using a classic bar chart diagram:

The free and open-source extension currently supports up to five cost factors. Captions and optional detailed descriptions that may contain HTML markup, like lists and links, are defined globally for each online shop. Colors can be customized using custom properties (CSS variables).

The cost transparency extension has been approved and released in the Shopware store: https://store.shopware.com/en/ingos57544164693f/cost-transparency.html

If you would like to contribute as a developer, feel free to submit a pull request. As a customer, you can open an issue to suggest additional features.

The cost transparency extension code is 100% open-source on GitHub:

--

--

Ingo Steinke

Sustainable Creative Web Developer in Germany. Helping to build a fast and friendly, accessible, ethical and ecological word wide web.