zhinenglong/module-banner-slider

Magento 2 广告横幅滑块扩展

安装: 4

依赖者: 0

建议者: 0

安全: 0

星标: 0

关注者: 0

分支: 70

类型:magento2-module

3.0.3 2023-04-09 09:28 UTC

This package is not auto-updated.

Last update: 2024-09-23 09:14:26 UTC


README

为 Magento 2 定制的横幅滑块是一种辅助营销工具,允许店主在他们的电子商务网站上展示无限吸引眼球的横幅滑块。通过这种方式,该扩展可以帮助吸引客户的注意并优化他们的体验,拥有友好的用户界面。

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

Latest Stable Version Total Downloads

重要说明:此版本的 Mageplaza 横幅滑块扩展在 Github 上是免费的,这是 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. 常见问题解答

Q:我收到错误:Mageplaza_Core 已经定义

A:阅读解决方案这里

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

A:绝对可以,您可以通过向任何 CMS 页面或 CMS 静态块添加横幅滑块小部件轻松配置它。

Q:横幅有运动动画效果吗?

A:是的,横幅滑块支持 9 种可选的动画效果。您可以在后端选择并灵活更改。

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

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

Q:我能创建横幅滑块小部件吗?

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

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,当客户点击横幅时将被重定向到该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 横幅滑块
  • 横幅滑块 mage 2
  • magento 2 滑块扩展
  • magento 2 横幅滑块扩展免费
  • magento 2 滑块模块
  • 滑块 for mage 2
  • magento 2 滑块扩展免费
  • magento 2 横幅模块
  • magento 2 滑块小部件
  • 如何在 mage 2 首页添加滑块
  • magento 2 首页滑块

其他免费扩展在 Github 上

在 Marketplace 获取更多 Mage 2 扩展