通过
搜索
搜索zvirko / module-animate-title
此模块在添加产品到购物车时对标签标题进行动画处理
1.0.3
2024-05-25 16:43 UTC
Requires
- magento/framework: *
This package is auto-updated.
Last update: 2024-09-25 17:30:57 UTC
README
此模块通过添加动态标题标签更改功能来增强 Magento 2 网站的用户体验，当产品被添加到购物车时。它使用 jQuery 和 Magento_Catalog 的内置功能来实现这一点。
此模块为用户提供了一种微妙但引人入胜的交互，提供反馈表明他们添加产品到购物车的操作已完成。
这适用于 PDP 和 PLP。
模块的工作原理
-
它监听具有类
".action.tocart.primary"的元素上的点击事件，通常代表产品页面上的“添加到购物车”按钮。 -
点击时，它通过找到最近的具有类
".product-item-details"的元素并定位其中的产品名称来检索正在添加的产品名称。 -
然后它为文档创建一个新的标题标签，表明产品已被添加到购物车。
-
脚本通过不断更改文档标题来创建动态动画效果，以显示新标题文本的滚动效果。
-
5秒后，动画停止，文档标题恢复到原始值。
animated-title.webm
此模块引入了在 Magento 2 中对标题标签进行动画的功能。动画可以通过管理面板进行配置，允许管理员启用或禁用它并自定义标题标签中显示的文本。
您还可以从管理页面更改动画持续时间。默认值为5秒。请随意更改：
Screencast.from.2024-03-01.15-38-10.webm
安装
composer require zvirko/module-animate-title
bin/magento module:enable Zvirko_AnimationTitleTab
bin/magento setup:upgrade