{"id":3348,"date":"2026-06-09T14:19:33","date_gmt":"2026-06-09T12:19:33","guid":{"rendered":"https:\/\/premsoft.de\/?p=3348"},"modified":"2026-07-27T14:20:25","modified_gmt":"2026-07-27T12:20:25","slug":"shopware-united-features-our-custom-javascript-css-manager","status":"publish","type":"post","link":"https:\/\/premsoft.de\/en\/shopware-united-features-our-custom-javascript-css-manager\/","title":{"rendered":"Shopware United features our Custom JavaScript\/CSS Manager"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Shopware United is the independent, non-profit community organisation behind the Shopware ecosystem \u2013 it connects developers, agencies, merchants and technology partners worldwide and is deliberately not part of Shopware AG. When a community body like that takes a closer look at an extension, it means more to us at PremSoft than a nice mention \u2013 it&#8217;s independent confirmation that we&#8217;re solving a real, everyday problem for merchants. And that&#8217;s exactly what just happened:&nbsp;<a href=\"https:\/\/www.shopwareunited.com\/2026\/06\/08\/custom-javascript-css-manager-small-changes-no-console\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shopware United has featured our&nbsp;<em>Custom JavaScript\/CSS Manager<\/em><\/a>&nbsp;\u2013 under the fitting title \u201esmall changes, no console&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We&#8217;re glad to use their article as a starting point to explain, in our own words, what the extension is really about and why it has quietly become a background helper in so many shops.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/premsoft.de\/en\/shopware-united-features-our-custom-javascript-css-manager\/#The_core_problem_theme_files_are_off-limits\" >The core problem: theme files are off-limits<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/premsoft.de\/en\/shopware-united-features-our-custom-javascript-css-manager\/#How_it_works\" >How it works<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/premsoft.de\/en\/shopware-united-features-our-custom-javascript-css-manager\/#Why_it_makes_a_difference_day_to_day\" >Why it makes a difference day to day<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/premsoft.de\/en\/shopware-united-features-our-custom-javascript-css-manager\/#A_word_about_PremSoft\" >A word about PremSoft<\/a><\/li><\/ul><\/nav><\/div>\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_core_problem_theme_files_are_off-limits\"><\/span>The core problem: theme files are off-limits<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Almost every shop eventually needs a small adjustment: a tracking snippet, a chat widget, a CSS fix for a button that doesn&#8217;t sit quite right on mobile. The traditional route runs through custom themes or plugins \u2013 and through direct access to server and theme files. That&#8217;s not only technically demanding, it&#8217;s risky. As our founder Sven Mittreiter puts it in the Shopware United interview: theme files should never be edited directly. Otherwise, the next update simply wipes out your manual changes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Custom JavaScript\/CSS Manager flips that logic around. Your code no longer lives in fragile theme files, but in clean, dedicated containers managed by the extension \u2013 and therefore survives updates and theme changes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_it_works\"><\/span>How it works<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After installation, a new menu entry for Custom CSS\/JS appears in the Shopware admin. From there, the workflow is deliberately straightforward:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Create a container:<\/strong>\u00a0a separate, named container for each task \u2013 so everything stays organised, even with many snippets.<\/li>\n\n\n\n<li><strong>Choose a sales channel:<\/strong>\u00a0assign each container to one or more sales channels \u2013 ideal for multi-shop setups.<\/li>\n\n\n\n<li><strong>Add your code:<\/strong>\u00a0in the built-in editor with syntax highlighting for JavaScript and SCSS \u2013 including access to inherited SCSS variables and mixins from themes and plugins.<\/li>\n\n\n\n<li><strong>Compile with one click:<\/strong>\u00a0the code is injected directly into the theme compilation instead of triggering additional resource requests. The result is visible in the storefront right away.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Why_it_makes_a_difference_day_to_day\"><\/span>Why it makes a difference day to day<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The biggest advantage is update resilience: because customizations live in containers rather than theme files, they aren&#8217;t lost during Shopware upgrades. Independence matters just as much. Shopware United describes a case from the food industry where even the smallest CSS change had to go through the managing agency \u2013 sometimes taking two weeks. One merchant sums it up in the quoted testimonials: the extension \u201esolves the problem when SSH access isn&#8217;t available with your host.&#8221; Others value having all customizations consolidated in one place \u2013 one client even loaded a 5,000-line CSS file without a hitch.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The typical use cases are varied accordingly: styling adjustments to themes and plugins, JavaScript integrations such as tracking or chat solutions, and quick fixes without waiting on developer or agency capacity.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"A_word_about_PremSoft\"><\/span>A word about PremSoft<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">We&#8217;ve been building software for more than 20 years and have been part of the ecosystem since Shopware 4. In 2024, we received Shopware&#8217;s Best Support Rating at the Premium Extension Partner Day \u2013 a standard we deliberately hold ourselves to: feedback from real shops flows directly into our development. That&#8217;s why our roadmap includes an import\/export function for backups and reuse across multiple shops, as well as a versioning system with rollback capability.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Custom JavaScript\/CSS Manager is compatible with Shopware 6.1 through 6.7 and is available in the Shopware Store with a free trial month. For a detailed, independent look at the extension, read the&nbsp;<a href=\"https:\/\/www.shopwareunited.com\/2026\/06\/08\/custom-javascript-css-manager-small-changes-no-console\/\" target=\"_blank\" rel=\"noreferrer noopener\">article by Shopware United<\/a>&nbsp;\u2013 and thank you, at this point, for the attention and the fair assessment.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Shopware United is the independent, non-profit community organisation behind the Shopware ecosystem \u2013 it connects developers, agencies, merchants and technology partners worldwide and is deliberately not part of Shopware AG. When a community body like that takes a closer look at an extension, it means more to us at PremSoft than a nice mention \u2013 [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[79],"tags":[],"class_list":["post-3348","post","type-post","status-publish","format-standard","hentry","category-general"],"_links":{"self":[{"href":"https:\/\/premsoft.de\/en\/wp-json\/wp\/v2\/posts\/3348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/premsoft.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/premsoft.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/premsoft.de\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/premsoft.de\/en\/wp-json\/wp\/v2\/comments?post=3348"}],"version-history":[{"count":1,"href":"https:\/\/premsoft.de\/en\/wp-json\/wp\/v2\/posts\/3348\/revisions"}],"predecessor-version":[{"id":3349,"href":"https:\/\/premsoft.de\/en\/wp-json\/wp\/v2\/posts\/3348\/revisions\/3349"}],"wp:attachment":[{"href":"https:\/\/premsoft.de\/en\/wp-json\/wp\/v2\/media?parent=3348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/premsoft.de\/en\/wp-json\/wp\/v2\/categories?post=3348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/premsoft.de\/en\/wp-json\/wp\/v2\/tags?post=3348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}