HTML 到 nopCommerce 主题

Posted 2023-02-22

【中文标题】HTML 到 nopCommerce 主题

【英文标题】：HTML to nopCommerce theme

【发布时间】：2012-08-29 07:17:45

【问题描述】：

我是 nopCommerce 的新手，并试图在其上制作 html 主题我用谷歌搜索了很多东西，但无法找到创建自定义主题 nopCommerce 的正确方法，任何人都可以帮忙，

提前致谢

【参考方案1】：

除了设计师指南之外，还有一些很好的文章描述了为什么以及如何使用 nopCommerce 主题：

Why nopCommerce Theme?

How to create nopCommerce themes

【参考方案2】：

将~/Views 中的所有文件复制到您的主题：~/Themes/YourTheme/Views

然后只需修改其中的任何.cshtml 文件。

希望对你有帮助！

【讨论】：

没有。您不需要复制所有文件。只需复制您要更改的文件。如果您不需要更改任何内容，则无需复制任何内容。

【参考方案3】：

这里有点帮助：Overview (Designer's Guide)

【参考方案4】：

最简单的方法：

将~/Themes/DarkOrange 的文件夹复制到~/Themes/YOUR_THEME。修改theme.config中的对应项。

如果您需要更改任何视图，请从~/Views/SUB_FOLDER/FILE_NAME.cshtml 复制该视图并将其粘贴到~/Themes/YOUR_THEME/SUB_FOLDER/FILE_NAME.cshtml 下。

例如，如果您想更改~/Views/Shared/_ColumnsOne.cshtml 中的代码，请复制该文件并将其粘贴到~/Themes/YOUR_THEME/Shared/_ColumnsOne.cshtml 下。

如果你不需要改变任何视图，那么修改~/Themes/YOUR_THEME/Content/styles.css就足够了。 （还要确保更新 ~/Themes/YOUR_THEME/Views/Shared/Head.cshtml 以指向您的 CSS）

经验法则： nopCommerce 将在您的主题中寻找特定视图。如果它找不到视图，那么它会退回到~/Views 的原始视图。否则，您的主题视图会覆盖原始视图。

【讨论】：

请访问pronopcommerce.com/… 获取有关创建 nopCommerce 主题的完整指南。 :D