asp.net-mvc - 在用户网站中向 nopcommerce 产品详细信息添加标签条，就像在管理站点中的产品详细信息中一样

Question

我想通过一个示例了解如何在 nopcommerce 用户网站的产品详细信息页面中添加一个标签条作为管理网站中的一个，因为我想更改产品的视图并且我想将它作为一个插件来实现！我想对了吗？

Answer 1

NopCommerce 部分

使用插件添加内容 NopCommerce 使用 WidgetZones 放置在默认主题中，例如

@Html.Widget("productdetails_before_collateral")

一旦确定了要放置小部件的小部件区域，就必须实现接口IWidgetPlugin并且必须定义要在其中呈现小部件的区域列表

public IList<string> GetWidgetZones()
{
    return new List<string>() { "productdetails_before_collateral" };
}

您可以查看 NivoSlider 或 GoogleAnalytics 小部件的来源，了解它们是如何做到的。

Telerik 部分

在您的视图中引用它

@using Telerik.Web.Mvc.UI;

然后只需使用助手

@Html.Telerik().TabStrip().Name("myplugin-tabstrip").Items(x =>
{
    x.Add().Text(T("localized-tab-1").Text).Content("Foo bar").Selected(true);
    x.Add().Text(T("localized-tab-2").Text).Content("Foo bar 2");
})

注意：如果您想放置不同的内容而不是现有内容或添加到没有小部件区域的地方，恐怕您必须更改主题中的 ProductTemplate 视图。