mageplaza/module-banner-slider

Magento 2 横幅轮播扩展

安装次数: 380,161

依赖项: 3

建议者: 0

安全: 0

星标: 75

关注者: 15

分支: 70

公开问题: 45

类型:magento2-module

4.0.4 2023-05-31 04:49 UTC

This package is auto-updated.

Last update: 2024-09-21 13:10:52 UTC


README

Magento 2 横幅轮播插件 是一种辅助营销工具,允许店主在他们的电子商务网站上展示无限吸引眼球的横幅轮播。通过这种方式,该插件有助于吸引客户的注意力,并优化他们的体验,界面友好。

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

Latest Stable Version Total Downloads

重要提示: Github 上的 Mageplaza 横幅轮播扩展版本免费提供给 Magento 社区,作为 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:请在此处阅读解决方案 Here

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,当客户点击横幅时,将被重定向到该页面。
    • 类型 = 高级:您可以在此处设置横幅的图片。可以同时上传多个横幅。将出现演示模板字段,您可以选择以下模板

演示模板 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扩展

在市场获取更多Magento 2 扩展