Skip to content

SVG active content validation - #491

Open
gentiprenaj wants to merge 2 commits into
developfrom
fix-svg-file-validation-for-shopware-store
Open

SVG active content validation#491
gentiprenaj wants to merge 2 commits into
developfrom
fix-svg-file-validation-for-shopware-store

Conversation

@gentiprenaj

Copy link
Copy Markdown
Contributor

Shopware tightened what it allows inside SVG icons, so I need our payment logos exported a specific way from now on. Nothing wrong with the art itself; the platform just rejects certain things inside the file.

New svg rules for Shopware6 :

  • No embedded images. Don't place or paste a PNG/JPEG into the artboard and export — that "embeds a picture inside the SVG," which gets rejected. The icon needs to be real vector shapes, not a photo wrapped in an SVG. (This is what tripped up Alipay, Carte Bancaire, TWINT and SNS.)
  • No filter effects. Drop shadows, blurs, and the opacity-mask/"color-matrix" filters that Illustrator/Figma auto-add on export get rejected. Please expand/flatten effects into plain shapes before exporting. (This tripped up nn and Carte Bleue.)
  • Gradients are totally fine — as long as they're actual vector gradients, not a gradient flattened into an embedded image.
  • Export "clean/minified" SVG (or run it through SVGO). That strips leftover editor junk like baseProfile / enable-background, which Shopware also disallows.

Rule of thumb: if you open the exported .svg in a text editor, it should contain only vector stuff (path, rect, circle, linearGradient, etc.) — no < image>, no < filter>, no <script>.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant