Magento 2 创建 Widget
2024-10-11 11:03:26
Widget是一个更好的工具,可以将内容插入或编辑到CMS页面块或页面中。
什么是小部件?
小部件是Magento 2配置中的强大功能。作为商店管理员,您可以利用小部件来改善生动界面下的店面。小部件允许显示静态信息或动态内容营销。我想说明一些Magento小部件的实现,例如:
- 动态产品数据
- 最近查看的产品的动态列表
- 促销横幅
- 交互式导航元素和动作块
- 插入内容页面的动态Flash元素
如何在Magento 2中创建小部件?
在Magento 2中创建小部件的概述
- 第1步:声明小部件
- 第2步:创建窗口小部件模板文件
- 第3步:创建小部件Block类
- 第4步:刷新缓存和帖子
第1步:声明小部件
自定义 HelloWorld 主题下 :创建etc/widget.xml
包含以下内容的文件
<?xml version="1.0" ?>
<widgets xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:helloworld:Magento_Widget:etc/widget.xsd">
<widget class="Mageplaza\HelloWorld\Block\Widget\Posts" id="mageplaza_helloworld_posts">
<label>Blog Posts</label>
<description>Posts</description>
<parameters>
<parameter name="posts" sort_order="10" visible="true" xsi:type="text">
<label>Custom Posts Label</label>
</parameter>
</parameters>
</widget>
</widgets>
第2步:创建窗口小部件模板文件
自定义 HelloWorld 主题下 :文件: view/frontend/templates/widget/posts.phtml
<?php if($block->getData('posts')): ?>
<h2 class='posts'><?php echo $block->getData('posts'); ?></h2>
<p>This is sample widget. Perform your code here.</p>
<?php endif; ?>
第3步:创建小部件Block类
自定义 HelloWorld 主题下 :创建块文件: Block/Widget/Posts.php
<?php
namespace Mageplaza\HelloWorld\Block\Widget; use Magento\Framework\View\Element\Template;
use Magento\Widget\Block\BlockInterface; class Posts extends Template implements BlockInterface { protected $_template = "widget/posts.phtml"; }
第4步:刷新缓存和帖子
- 你应该刷新Magento缓存,阅读本教程:Flush Magento缓存
- 发布帖子。
去 admin panel > Content > Pages > Home page > Edit
在Content
选项卡中,单击Insert Widget
图标
您将看到Blog posts
小部件列表
插入成功。
最新文章
- GridView 树形结构分组的功能
- c#JS调用
- React之Composition Vs inheritance 组合Vs继承
- 为什么C#中ref和out 关键字 ?
- 20160502-struts2入门--ognl表达式
- jquery正则表达式显示文本框输入范围 只能输入数字、小数、汉字、英文字母的方法
- TFS:TF30042 数据库已满 处理方法
- 微信小程序 picker 中range-key的坑
- 基于.net的分布式系统限流组件(限流算法:令牌算法和漏斗算法)
- 五道java小题,补更四道java小题
- 【整理】Java 11新特性总结
- .net 调用python 实例
- 阿里八八β阶段Scrum(3/5)
- java 大数据运算 BigInteger BigDecimal
- 【Apache】的运营之道
- MySQL: sql_safe_updates
- SQLAlchemy并发写入引发的思考
- UVA - 1197 (简单并查集计数)
- BZOJ1002: [FJOI2007]轮状病毒 (DP)
- Mac显示隐藏的文件夹
热门文章
- 超级强大的socket工具ss,替代netstat
- android 记一次富文本加载之路
- 使用GRPC远程服务调用
- [Android][Recovery] Recovery下找不到sdcard路径
- 一个表里有多个字段需要同时使用字典表进行关联显示,如何写sql查询语句
- MongoDB 常用的数据备份梳理汇总
- python3 str(字符串)
- 重置Visual Studio 2017的配置
- Ubuntu系统分配存储空间的建议以及给Ubuntu系统根目录扩容方法(从20GB追加100GB)
- PSQLException: FATAL: no pg_hba.conf entry for host ";127.0.0.1";, user ";ambari";, database ";ambari";, SSL off