php - 在 magento cms>page 上添加自定义样式

Question

我如何将自定义样式添加到 magento 中的特定页面，例如：

我想知道我们如何在页面编辑器中添加样式标签

Answer 1

您可以为 cms 页面添加自定义样式表。只需在您的 cms 页面打开设计选项卡和布局更新 xml 字段中执行此操作，只需添加此代码

<reference name="head">
<action method="addCss">
    <stylesheet>css/your.css</stylesheet>
</action>
</reference>

希望对你有帮助

Answer 2

所以遇到了同样的问题，我需要它来允许客户根据内容的编辑通过媒体查询调整一些值。

只需在样式的开头和结尾放置空注释，TinyMCE 就不会添加它自己的。

例如：

<style type="text/css" scoped><!-- -->
   p{color:red;}
<!-- --></style>

这至少对 Magento v1.9.1 有效

Answer 3

由于直接添加 <style> 标记不起作用，您可以改用 javascript。如果你的主题使用的是 jQuery，你可以这样做（连接样式标签，这样编辑器就不会将其标记为注释）：

jQuery('body').append('<sty'+'le>'+'#header{margin:10px 0 0 0;}#morestylehere{display:inline}'+'</sty'+'le>')

确保它包含在 <script> 标记中。

Answer 4

单击显示/隐藏编辑器，您将能够直接编辑 HTML 源代码，以便在style那里添加标签

Answer 5

@Max 不幸的是，tinyMCE 会将style标签转换为 html 注释。在每次修改 CMS 页面后，您应该注意将 html 注释替换回style标签 - 这不是很好的方法。
所以，我的建议是使用特定的 CMS 页面类名称，它被添加到body标签中。您可以转到您的 CMS 页面，并查看该页面的源代码以找到此类名称。