多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# 首页配置 ***** ## 1,切换首页的page https://docs.magento.com/user-guide/cms/page-home-new.html ***** ## 2, 首页幻灯片 选择一个幻灯片插件,推荐 : [#1 Magento 2 Banner Slider extension FREE - PWA, GraphQL, API – Mageplaza](https://www.mageplaza.com/magento-2-banner-slider-extension/) 另一个插件: [Magestore/Bannerslider-Magento2: Banner Slider Extension on Magento 2 - best way to capture the eyes of visitors! (github.com)](https://github.com/Magestore/Bannerslider-Magento2) ![](https://img.kancloud.cn/37/f3/37f3a0f845c532c17ae880582746e6bd_2192x1272.png) 更新版:[https://gitee.com/zouhongzhao/m2-plug-zou-bannerslider](https://gitee.com/zouhongzhao/m2-plug-zou-bannerslider) ***** ***** ## 4, 自定义导航 ->mega menu UB Mega Menu Extension for Magento2 是不错的选项: ![](https://img.kancloud.cn/6a/e7/6ae7d2587819d5d6cb9700f13b5b7142_1195x478.png) [UB Mega Menu | UberTheme | UberTheme](https://www.ubertheme.com/magento-extensions-2-x/ub-mega-menu/) ***** ***** ## 5, 首页自定义板块。 参考《Magento的前端页面开发方法》 参考流程: [Freego - Magento 2 Theme | Documentation (solwininfotech.com)](https://www.solwininfotech.com/documents/magento2/freego/#pages_configuration) ***** ***** ## 6, 首页评论review展示, 可以直接利用管理后台新增静态block注入page内容来简单实现。 ***** ***** ## 7, 替换区块编辑器[page builder] 后台配置 ***** ***** ## 8,商品列表模块 * **首页自定义商品列表模块,自定义 product grid widget 、product slideshow** ![](images/screenshot_1637506725164.png) **1,直接在Block板块编辑器** 引用相关widgets 则可 ![ ](https://img.kancloud.cn/d2/72/d2726251fd41fea3886bf4220d130957_566x535.png) Insert widget, 配置widget作为展示模块: widget带有block,block带有数据 ![](https://img.kancloud.cn/fc/1f/fc1fa9ca741502dbbfe12d391f4b10e2_578x399.png) ***** **2, 配置widgets样式?** 方法:a, 直接代码修改原widget样式。 b,新增 widgets样式【catalog/etc/widget.xml】 ***** ***** ## 9,subscription 首页订阅 magento自带完整的newsletter订阅,分群,发送邮件,transaction, 邮件设计 等各种邮件功能. popup newsletter 参考:https://www.mageplaza.com/magento-2-newsletter-popup/ ***** ***** ## 10,promo bar功能: 优惠信息自定义页头显示, ![](https://img.kancloud.cn/a8/4a/a84a303a2162eb8530383264b49bbf2f_874x196.png) a,这个功能需要安装插件才能实现更好的效果,后台可以配置。 插件地址: https://redchamps.com/sticky-notification-bar-magento-2-extension.html?utm\_source=redchamps&utm\_medium=landofcoder\_review&utm\_campaign=promotion\_bar ![](https://img.kancloud.cn/fc/2a/fc2ad41d8f28ed8d0a67161bf8e965e8_694x224.png) b,也可以直接在模板增加代码则可以。 ## 11,页脚自定义 引入自定义footer html: ![](https://img.kancloud.cn/94/e0/94e05ed42829c0f53c5375f05b63b6e5_2344x554.png) 参考:https://www.kancloud.cn/zouhongzhao/magento2-in-action/647791