使用 PrestaShop 1.7.3.2 创建子主题

Question

您好，我正在尝试基于现有主题创建子主题。我设法注册了子主题并继承了父主题的 dom 结构、样式和脚本。

我遇到的问题是，如果我在 child-theme/assets/css 中创建一个 custom.css，它会注册，我也看不到该文件在前端的任何更改。然后我修改了配置 yaml 文件以包含：

assets: use_parent_assets: true css: all: - id: product-extra-style path: assets/css/somestyle.css media: all priority: 100000 前端仍然没有发生任何事情。但它完全破坏了后端！后端每个页面上的错误 500。一旦我从 css: on down 中删除所有内容，后端就会恢复活力。

关于正在发生的事情以及如何解决这个问题有什么想法吗？

非常感谢！

-S

更新：

我已通过更改 yaml 文件中的一些内容来修复未在前端显示的样式...我将文件名更改为 custom.css 并将优先级更改为 1000

assets: use_parent_assets: true css: all: - id: product-extra-style path: assets/css/custom.css media: all priority: 1000 但是后端问题仍然存在。这里有一个更彻底的解释：

一旦我添加了 css: 和 yaml 文件的下面部分，将其保存并返回到后端，一切正常。我可以毫无问题地导航到任何页面。但是，如果我访问主题选择页面并单击我的子主题的“选择此主题”按钮，则会破坏整个后端。不知道发生了什么以及为什么会发生这种情况，即使我的子主题已经被选中并再次点击“选择这个主题”按钮，它仍然会中断。有点怪。

我真的很感激任何关于这个问题的见解。

谢谢，

-S

Answer 1

可能有点晚了，但如果对某人有帮助的话。

首先，在管理中的性能部分（高级设置 > 性能）确保您启用了调试模式以查看错误。

在 Prestashop 1.7 中添加自定义 CSS 文件：

1. 在您的主题的 assets/css 文件夹中创建一个 custom.css 文件。

2. 编辑位于主题配置文件夹中的 theme.yml 文件

在你的 theme.yml 文件中，不要忘记缩进路径、媒体和优先级，以便它与 id 对齐，这就是导致你的错误的原因：

assets: use_parent_assets: true css: all: - id: product-extra-style path: assets/css/custom.css media: all priority: 1000

• 在管理的性能部分启用缓存

在我的情况下，刷新后，从这一点开始效果很好，但经过研究，有些人不得不：

• 删除位于 app/cache/dev/themes/theme_name 中的 shop1.json 文件 ：https://github.com/PrestaShop/StarterTheme/issues/181

• 在管理中的 Performances 的 CCC 部分中开启 Smart cache for CSS，并手动清除 theme/theme_name/assets/cache/ 中的缓存：https://www.prestashop.com/forums/topic/610331-prestashop-1711-how-to-simply-change-background-in-classic-theme-custom-css/ 和 https://www.prestashop.com/forums/topic/595125-editing-of-the-theme-classic/