PrestaShop 1.6.x. 如何管理“媒体视差”模块

有时在设置之后 slider 还有横幅，你可能会看到一些图像与现场演示相比仍然缺失. 在本教程中，我们将向您展示如何使这些图像在我们的新工具的帮助下出现 Media parallax module，以及如何管理它 module.

PrestaShop 1.6.x. 如何管理“媒体视差”模块

Media parallax is a special module 哪一个可以加 background 图像或视频到一些模块(主题配置器，TM HTML Content module、主页、博客等.)在您的网站上添加 parallax (移动)效果，这是现代网站不可分割的一部分.

遵循以下步骤:

1. 登录到管理面板并导航到 Modules -> Modules section.

2. Look for the “Media parallax module” and press the Configure 按钮，访问其设置:

   

3. In the Settings 部分，您可以启用和设置 smooth scroll 用于Google Chrome浏览器 browser:

   

4. 为了添加一个新的块，执行以下操作:

   1. Press the Add Container 的下一节中出现的按钮 module.

   2. In the Selector 字段选择的名称 HTML selector 从可用选择器列表中.

   3. Parallax type 选项提供了一个选择图像或视频的机会 background 所选容器的.

      Note: 您只能分配一个 parallax to a single selector.

   4. 上传必要的 media 文件从您的计算机的帮助下 Browse button.

      Note: 如果您想从模板中上传默认图像，可以在 ”主题模块\ manual_install \ themeXXXX \ \ tmmediaparallax” 模板包的文件夹. 文件的名称与 selector name.

   5. 如果要替换现有的映像, 确保您的新图像具有与原始图像相同的尺寸 responsiveness.

   6. Click Save 为了保存创建的块:

      

5. 您只能逐个编辑、保存或删除块.

6. To 更改文本 on the parallax banner，你应该检查一下 selector 对于图像，通常它对应于 module used for it. 例如，如果 selector is # tmhtmlcontent_home, you need to:

   1. Navigate to Modules -> Modules -> TM HTML Content -> Configure.

   2. Select Hook “Home” -> Edit 然后改变文本 html tags

      .

   3. Save the changes:

      

7. 在网站上查看你的更新 frontend:

   

我们希望本教程对您有所帮助. 请随时查看下面的详细视频教程:

PrestaShop 1.6.x. 如何管理“媒体视差”模块