Search code examples
javascriptjqueryshopwareshopware6

How to change Mollie styles in Shopware 6?


I was wondering how can i change the default styles of Mollie Plugin in Shopware 6?

what i tried so far:

  1. using css to change credit-card components styles
  2. using jQuery and Javascript to overwriting CSS in JS files
  3. tried to change Plugin JS files directly but I need to build:storefront (and with next update it all will lost)

all things that I already tried didn't work. please if you have any idea i really appreciated.

I need to change this red color: Credit card box


Solution

  • The code is in an iframe, you cannot change it directly.

    But if you look at the src of the iframe, the Moolie server accepts parameters for the background color. This can theoretically be changed from Shopware 6 side by adapting the module. (see https://docs.mollie.com/components/styling)

    Anyways, the Mollie module does not seem to use the standard error color from the Theme. I would consider this a shortcoming / bug in the module and recommend you try to report it to the module vendor.

    Iframe