Shopware 6.4.20.0免费版首页添加横幅图片的方法求助

方法一：用自带CMS直接添加（最省事） #

Shopware 6免费版自带CMS功能，直接编辑首页模板就能搞定：

• 后台点击【内容 >> 购物体验】，找到默认的首页模板（一般叫Homepage），点击编辑按钮
• 左侧选择【区块】，找到横幅区块，拖拽到页面顶部或你想要的位置
• 点击刚添加的横幅区块，在右侧配置面板上传图片，设置跳转链接、alt文本等参数
• 保存模板，刷新前台首页就能看到效果

方法二：安装免费横幅插件 #

Shopware商店里有不少免费插件支持横幅管理：

• 后台进入【扩展 >> 商店】，搜索关键词"banner"，找到类似Free Banner Manager的免费插件，安装并激活
• 按照插件引导，设置仅在首页显示的横幅即可

方法三：修改模板代码（适合有基础的用户） #

如果需要更灵活的控制，可直接修改主题模板：

• 后台进入【内容 >> 主题】，找到当前使用的主题，点击【自定义 >> 编辑模板】
• 找到首页对应的模板文件storefront/page/home/index.html.twig
• 在<main>标签开头插入以下代码：

<div class="home-banner" style="width:100%; margin-bottom:20px;">
    <a href="/你的跳转链接">
        <img src="{{ asset('从媒体管理复制的图片URL') }}" alt="横幅描述" style="width:100%;" />
    </a>
</div>

• 替换代码中的跳转链接和图片URL为你自己的内容，保存模板后清空缓存，刷新前台即可生效

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