如何在我的 NopCommerce 网站主页中使用垂直滑块？

Posted 2023-05-07

【中文标题】如何在我的 NopCommerce 网站主页中使用垂直滑块？

【英文标题】：How can I use vertical slider in my NopCommerce site home page?

【发布时间】：2017-02-14 19:29:27

【问题描述】：

我正在为我的网站使用 nopcommerce，并希望在主页上使用垂直全宽幻灯片。 Nivo 滑块没有提供任何使用垂直幻灯片的选项。 Jssor 滑块有一个使用垂直幻灯片的选项，但我不知道该怎么做。

请向我推荐一些可用的插件，或者我如何使用 nopcpmmerce 3.80 代码在我的安装中使用 jssor 滑块。我将不胜感激任何快速帮助。提前致谢。

【问题讨论】：

感谢您的快速回复@Div。是否还有任何免费插件或一些资源？

感谢@Div，但这不能解决我的问题。我需要类似的东西：jssor.com/demos/vertical-slider.slider。但我所拥有的是只有过渡效果的水平幻灯片。

哇！但我认为这需要大量的 nopcommrce 开发知识，而且我现在还很陌生。

让我们continue this discussion in chat。

感谢@Div 的建议......我通过编辑我的 Nivo 滑块插件使用 Jssor 滑块 jquery 代替了 nivo。我现在可以在主页上看到一个垂直滑块，但它给出了一个水平滚动条，并且图像没有扩展到全宽，而是在右侧给出了白色空白区域。滚动条也在右侧和滑块下方制作带有空白的页面。请参阅附图以供参考。有什么帮助吗？

【参考方案1】：

正如我们所讨论的，您可以使用QuickFlexSlider Widget，它提供了许多很酷的功能并且还包括您的要求。

或者您可以将nivoslider plugin 更改为垂直效果，请参阅this。我在jquery.nivo.slider.js 中找到了相同的代码。所以你可以替换js文件中的代码。

这需要大量的 nopcommrce 开发知识我 想想，到目前为止，我还是个新手。

NopCommerce 在how to develop a plugin 上有很好的文档。

【讨论】：

谢谢@Div。我使用了这些效果，但这并没有解决我的目的。因为我的主页需要纯垂直幻灯片，而不仅仅是图像过渡效果。不过感谢您的帮助。稍后我会花时间构建一个插件，但目前我想要一个快速修复。