mageplaza/magento-2-banner-slider-extension

此包已被弃用且不再维护。作者建议使用 mageplaza/module-banner-slider 包代替。

Magento 2 Banner Slider 扩展

安装: 6,913

依赖项: 0

建议者: 0

安全: 0

星级: 73

关注者: 14

分支: 69

开放问题: 44

类型:magento2-module

4.0.4 2023-05-31 04:49 UTC

This package is auto-updated.

Last update: 2023-06-21 10:44:23 UTC


README

Magento 2 的横幅滑动器 是一款辅助营销工具,允许店主在其电子商务网站上展示无限数量的引人注目的横幅滑动器。通过这种方式,该扩展有助于吸引客户的注意力并优化他们的体验,拥有一个用户友好的界面。

相应地,Magento 2 横幅滑动器模块将有助于提高客户保留率,并防止客户放弃网站。这实际上将提高网站的订阅者比率。

Latest Stable Version Total Downloads

重要说明: Github 上 Mageplaza 横幅滑动器扩展版本免费,作为 Mageplaza 对 Magento 社区的贡献。此包不包括技术支持。如果您需要此扩展的技术支持,您将不得不从 Mageplaza 购买许可证。 点击此处购买

1. 文档

2. 如何在 Magento 2 中安装横幅滑动器

✓ 通过 composer 安装(推荐)

在 Magento 2 根目录下运行以下命令

带社交证明(推荐)

composer require mageplaza/module-banner-slider avada/module-proofo
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy

不带社交证明

composer require mageplaza/module-banner-slider 
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy

✓ 从 Mageplaza 安装包

3. 常见问题解答

问题:我遇到了错误:Mageplaza_Core 已被定义

答案:在此处阅读解决方案 这里

问题:我能否将横幅设置在商店网站的任何位置?

答案:当然可以,您可以通过添加横幅滑动器小部件到任何 CMS 页面或 CMS 静态块中轻松配置它。

问题:横幅滑动器有动画效果吗?

答案:是的,横幅滑动器有 9 种可选的动画效果供显示。您可以在后端选择并灵活更改。

问题:此扩展支持任何可用的横幅模板吗?

答案:是的。我们支持 4 个可用的模板,您可以使用它们进行自定义。请设置高级类型并选择演示模板。更多信息请参阅 这里

问题:我可以创建横幅滑动器小部件吗?

是的,您可以通过导航到 内容 > 元素 > 小部件 创建小部件,然后设置类型为横幅滑动小部件和设计主题。更多信息请参见这里

4. 突出显示 Magento 2 横幅滑动功能

无限横幅和滑动

横幅滑动扩展程序帮助店主轻松上传无限横幅。此工具支持多种图像格式,如 .ipg、.ipeg、.gif 和 .png。横幅和滑动位置的灵活性甚至可以满足具有特殊营销策略的店主的需求。更令人惊讶的是,设计和横幅、滑动的外观多样性有助于店铺的专业表现,并帮助他们从预期客户那里获得典型的浏览量。

Imgur

可选动画效果以显示滑动

动画效果可以极大地改善滑块的外观,并使其对客户更具吸引力。Mageplaza 的横幅滑动模块支持9种可用的滑动效果,包括

  • 滑动
  • 渐隐
  • 旋转退出
  • 翻转退出
  • 滚动退出
  • 缩放退出
  • 从左滑动退出
  • 从右滑动退出
  • 光速退出

Imgur

轻松自定义滑块设计

店主可以快速设计横幅滑动,以满足其需求。除了展示效果外,此扩展还允许自定义滑块的多个功能,如

  • 宽度
  • 高度
  • 无限循环
  • 下一页/上一页按钮
  • 点导航
  • 懒加载图像
  • 自动播放

Imgur

高级模板编辑器

对于具有一定编码知识和技术技能的网站管理员来说,为滑块上传图像可以比以往任何时候都要快和简单。您可以在编辑器部分输入代码,因为该模块支持可以通过后端编辑器编辑的高级演示模板。

此外,此功能允许管理员通过在编辑器中嵌入链接来同时上传多个图像。

Imgur

灵活定位横幅滑动

此扩展允许店主从网站上的多个可用位置选项中轻松设置滑块的位置。主要位置包括产品查看页面、产品列表页面、主页、页眉和页脚。此外,另一种定位横幅滑动的途径是手动创建小部件并将其添加到任何 CMS 页面或网站的 CMS 静态块。横幅滑动的战略位置在提高客户心中兴趣以及激发他们的购买行为方面发挥着不可或缺的作用。

Imgur

5. 更多功能

管理网格

在管理网格中轻松查看和编辑横幅。

横幅中的 URL

将 URL 附带到横幅,并在点击后导航到新标签页。

滑块可见性

启用滑块在特定商店视图和特定客户组中的可见性。

显示时间

设置显示滑块的时长。

多设备响应性

横幅滑块可以在多个接口上良好运行,例如手机、桌面、平板电脑以及任何其他屏幕尺寸。

统计报告

扩展程序将发布关于点击和曝光数据的报告,这代表了横幅滑块的可能性和有效性。

6. 横幅滑块全功能

为商店管理员

常规配置

  • 启用/禁用模块

横幅配置

  • 添加新的横幅
  • 识别横幅
  • 启用/禁用横幅
  • 可选的横幅类型:图片/高级(模板编辑器)
  • 将图片作为横幅插入
  • 通过模板编辑器编辑/添加横幅图片
  • 为横幅添加URL
  • 启用/禁用点击横幅后在新标签页中跳转
  • 在网格中管理/编辑所有横幅

滑块配置

  • 添加新的滑块
  • 启用/禁用滑块
  • 在可选位置列表中选择滑块位置或使用小工具
  • 设置滑块的可见性
  • 设置显示时长
  • 为特定滑块设置优先级
  • 为滑块选择横幅
  • 设置动画效果
  • 启用/禁用响应式、自动宽度、自动高度、无限循环、显示下一/前一按钮、显示点导航、懒加载图片、- 自动播放

为顾客

  • 更新有关产品和特别促销的最新信息
  • 有趣地体验商店网站
  • 在多设备上查看横幅滑块

7. Magento 2 横幅滑块用户指南

在本指南中,我将向您展示如何将横幅滑块插入到 Magento 2 商店主页。

7.1. 配置

登录到 Magento 管理员,导航到 商店 > 配置 > Mageplaza > 横幅滑块

Imgur

7.1.1. 常规

Imgur

启用:选择 以激活模块,选择 以禁用它。

7.1.2. 滑块设计配置

Imgur

  • 响应式:

    • 选择 以设置默认显示的横幅数量(1 个横幅)。

Imgur

  • 选择 以配置显示的横幅数量。您可以在 最大项数 字段中自定义 屏幕大小从数量

例如:设置 屏幕大小从 = 100,数量 = 3,前端将显示为

Imgur

  • 自动宽度:选择以启用自动宽度功能。

Imgur

注意:在元素上使用宽度样式以获取您想要的结果。如果与无限循环一起使用,请添加选项 'items' 大于 1。这完全取决于您内容的大小。

  • 自动高度:选择以启用自动高度功能。

Imgur

  • 无限循环:选择以在最后一张横幅后再次显示滑块。

Imgur

  • 显示下一页/上一页按钮:

    • 您可以选择以在前端显示下一页/上一页按钮,当客户想查看下一张横幅或再次查看之前的横幅时。
    • 当客户点击下一页/上一页按钮时,滑块将根据他们的意图移动横幅。

Imgur

  • 显示点导航:在此部分中选择以显示代表滑块页面编号的点。

Imgur

  • 懒加载图片:设置以在显示横幅时启用懒加载模式。

  • 自动播放:选择以设置横幅在滑块中自动向左移动,经过一段时间后。这个周期可以在自动播放超时中配置。在下一个显示字段

Imgur

  • 自动播放超时:设置横幅移动的时间。

7.2. 管理横幅

如何创建新横幅

管理员面板,导航到内容 > 横幅滑块 > 管理横幅,在右侧,点击添加新按钮。

Imgur

7.2.1. 横幅信息

  • 名称:为横幅设置名称。此名称将帮助管理员识别横幅。
  • 状态:设置启用以激活横幅。
  • 类型:选择横幅的类型
    • 类型 = 图片:在以下显示字段

      • 上传图片:单击加号符号上传横幅图片。
      • 横幅标题:插入横幅标题,它将在前端显示。
      • URL:设置目标页面的URL,当客户点击横幅时,将被重定向到该页面。
    • 类型 = 高级:您可以在其中设置横幅的图片。可以同时上传多个横幅。将显示演示模板字段,您可以选择以下模板

演示模板 1

Imgur

演示模板 2

Imgur

演示模板 3

Imgur

演示模板 4

Imgur

演示模板 5

Imgur

注意:

  • 单击加载模板按钮以显示模板的图片。

  • 设置显示/隐藏编辑器:显示代码或模板的图片。

  • 插入图片:为横幅插入图片(可以同时添加多个图片)。如果您将显示/隐藏编辑器更改为代码格式,则可能更可行且可防止问题。

  • 点击后打开新标签页:

    • 选择,当客户点击其中一个横幅时,他们将被重定向到新标签页。
    • 选择,它将自动重新加载页面,客户将被导航到目标页面,但仍然在之前的标签页中。
  • 滑块:选择横幅将显示的滑块。

7.3. 管理滑块

如何创建新滑块

管理员面板中,导航到内容 > 横幅滑块 > 管理滑块,在右侧,点击添加新按钮。

Imgur

7.3.1. 一般

滑块信息

  • 名称:本节中的滑块名称仅可在后端看到。它有助于在众多滑块中识别滑块。

Imgur

  • 状态:设置启用以激活滑块。这允许管理员轻松简洁地查看横幅。
  • 位置:设置显示滑块的前端位置。

Imgur

  • 店铺视图:选择滑块将显示的店铺视图。对于未选择的店铺视图,滑块将不会显示。
  • 客户群体:定义可以查看滑块的客户群体。
  • 开始日期:设置开始显示滑块的日期。
  • 结束日期:设置禁用滑块的日期。
  • 优先级:
    • 为滑块插入优先级等级。
    • 优先级排名越高,该滑块的显示优先级越高。例如,如果优先级设置为1,则该滑块将首先显示。

代码片段

对于每个滑块,可以使用小部件来设置显示位置。

7.3.2. 横幅

本节存储有关创建的横幅的信息,例如ID、图片、名称、状态、类型、位置。您可以在此选择合适的横幅显示在滑块上。

Imgur

7.3.3. 设计

Imgur

  • 动画效果:设置显示滑块的动画效果

Imgur

  • 无效果

Imgur

  • 淡出

Imgur

  • 旋转出

Imgur

  • 翻转出

Imgur

  • 滚动出

Imgur

  • 缩放出

Imgur

  • 向左滑动出

Imgur

  • 向右滑动出

Imgur

  • 光速出

Imgur

  • 手动设计:从以下选择设计数据

    • 设置使用配置:以下字段将被隐藏,数据将来自配置
    • 设置以显示自定义设计。设计功能与滑块设计配置相同,您可以参考上面介绍的说明。

7.4. 小部件

除了已提供的位置外,您可以将横幅滑块显示在网站上的任何位置。要创建小部件,您可以按照以下步骤操作

  • 步骤 1:在管理面板中,导航到内容 > 元素 > 小部件,选择添加小部件

  • 步骤 2:在设置部分,设置

    • 类型 = 横幅滑块小部件
    • 设计主题 = Magento Luma

单击继续按钮进入下一步。

Imgur

  • 步骤 3:在店面属性中插入所需信息。

Insert the required information

  • 步骤 4:选择显示滑块的位置。

Imgur

  • 步骤 5:选择您想要显示的滑块。

Imgur

  • 步骤 6:单击保存按钮以保存配置,然后检查前端上的效果。

人们还搜索

  • magento 2 滑块
  • mageplaza 横幅滑块
  • 横幅滑块 magento 2
  • magento 2 滑块扩展
  • magento 2 横幅滑块扩展免费
  • magento 2 滑块模块
  • 滑块 for magento 2
  • magento 2 滑块扩展免费
  • magento 2 横幅模块
  • magento 2 滑块小部件
  • 如何在 magento 2 首页添加滑块
  • magento 2 首页滑块

其他免费的 Github 扩展

获取更多 Marketplace 上的 Magento 2 扩展