e-conomix/mageplaza-magento-2-banner-slider-extension

Magento 2 横幅轮播扩展

安装量: 11,688

依赖者: 0

建议者: 0

安全性: 0

星星: 0

关注者: 5

分支: 70

类型:magento2-module

2.0.3 2019-05-13 02:25 UTC

This package is auto-updated.

Last update: 2024-09-20 14:55:45 UTC


README

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

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

Latest Stable Version Total Downloads

1. 文档

2. 如何安装

✓ 通过 composer 安装(推荐)

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

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. 突出功能

无限横幅和轮播

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

Imgur

可选的轮播动画效果

动画效果可以显著改善轮播的外观,并使其对客户更具吸引力。Mageplaza 的横幅轮播模块支持包括以下 9 种轮播效果在内的可用的轮播效果:

  • 轮播
  • 淡出
  • 旋转退出
  • 翻转退出
  • 滚动退出
  • 缩放退出
  • 从左侧滑出
  • 从右侧滑出
  • 光速退出

Imgur

轻松自定义轮播的设计

店主可以快速根据需求设计横幅滑动器。除了展示效果外,该扩展还允许自定义滑动器的各种功能,例如

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

Imgur

高级模板编辑器

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

此外,此功能允许管理员通过将链接嵌入编辑器来同时上传多张图片。

Imgur

灵活定位横幅滑动器

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

Imgur

5. 更多功能

管理网格

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

横幅中的URL

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

滑动器可见性

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

显示时间

设置滑动器显示的时间量。

多设备响应式

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

统计报告

扩展将发布关于点击和展示数据的报告,这代表着横幅滑动器的可能性和有效性。

6. 横幅滑动器的全部功能

对于商店管理员

常规配置

  • 启用/禁用模块

横幅配置

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

滑动器配置

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

对于客户

  • 获取有关产品和促销活动的最新信息
  • 有趣地体验商店网站
  • 在多设备上查看横幅滑动器

7. 用户指南

在本指南中,我将向您展示如何将横幅滑动器插入到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 横幅滑块
  • 横幅滑块 mage 2
  • magento 2 滑块扩展
  • magento 2 横幅滑块扩展免费版
  • magento 2 滑块模块
  • 滑块 for mage 2
  • magento 2 滑块扩展免费版
  • magento 2 横幅模块
  • magento 2 滑块小工具
  • 如何在 mage 2 主页添加滑块
  • magento 2 主页滑块

GitHub 上的其他免费扩展