如何修改Shopware 6页面构建器的默认元素边距？

方案1：主题内修改元素默认配置 #

直接在当前使用的主题里调整CMS元素的默认配置：

• 进入主题目录下的src/Resources/app/storefront/src/module/sw-cms/elements，找到对应元素的配置文件（比如容器元素对应container/container.config.js）
• 找到margin相关的配置项，把default值从'20px'改成'0'，示例代码片段：

{
    name: 'margin',
    type: 'string',
    default: '0', // 替换原默认值'20px'
    // 其他原有配置保留
}

• 回到主题根目录运行npm run build编译资源，然后清除Shopware后台缓存即可。

方案2：用插件全局统一修改 #

如果要让所有CMS元素默认边距都是0，写个简单插件就行：

1. 在插件里创建src/Subscriber/CmsElementConfigSubscriber.php文件，代码如下：

<?php

namespace YourPluginNamespace\Subscriber;

use Shopware\Core\Content\Cms\Event\CmsElementConfigLoadEvent;
use Symfony\Component\EventDispatcher\EventSubscriberInterface;

class CmsElementConfigSubscriber implements EventSubscriberInterface
{
    public static function getSubscribedEvents(): array
    {
        return [
            CmsElementConfigLoadEvent::class => 'onCmsElementConfigLoad',
        ];
    }

    public function onCmsElementConfigLoad(CmsElementConfigLoadEvent $event): void
    {
        $config = $event->getConfig();
        
        foreach ($config as &$field) {
            if ($field['name'] === 'margin') {
                $field['default'] = '0';
            }
        }
        
        $event->setConfig($config);
    }
}

2. 在插件的src/Resources/config/services.xml里注册订阅器：

<service id="YourPluginNamespace\Subscriber\CmsElementConfigSubscriber">
    <tag name="kernel.event_subscriber"/>
</service>

3. 安装激活插件，清除后台缓存后，新添加的CMS元素默认边距就是0了。

方案3：CSS强制覆盖（不推荐，会覆盖手动设置） #

如果只是临时需求，不想改配置，也可以在主题CSS里强制设置：

.cms-element {
    margin: 0 !important;
}

把这段代码加到主题的src/Resources/app/storefront/src/scss/base.scss里，编译主题后生效。但要注意，这种方式会把所有元素的边距都改成0，包括你手动调整过的，所以不建议长期用。

内容的提问来源于stack exchange，提问作者Jesper Ingels