Questions tagged «css»

Magento中与CSS有关的问题

15
如何在客户端强制刷新CSS缓存？
假设我们更改了模块的许多功能（模板，布局，CSS），并将这些更改移至生产现场，但是许多客户已将CSS缓存在其浏览器中。所以这是一个问题。如何强制刷新客户端的CSS缓存并避免文件重命名（styles.css-> styles-v2.css）。有一种逻辑方法，但是在Magento中不起作用，因为它会检查文件是否存在（通过此方法对JS文件的工作方式），请参见下文： <action method="addCss"> <stylesheet>css/styles.css?1</stylesheet> </action> 有任何想法吗？
61 cache  magento-1  css 
16
Magento2：重新生成pub / static文件夹中的CSS文件
我已经安装了Magento 2并设置了开发人员模式，然后又安装了一个包含css和js文件的模块。该模块可以正常工作，并且从pub / static文件夹渲染css和js文件。现在，我已经在模块目录的css文件中更改了css并运行命令 php bin/magento setup:static-content:deploy 但Magento并未在pub / static CSS文件中进行新的更改，因此我得到的是旧的CSS文件内容。有谁知道如何在pub / static文件夹中重新生成整个CSS文件？
2
由于使用文件系统路径，无法加载Magento CSS和JavaScript
我无法使用Magento Connect安装模块，出现Connection Error try again later错误。按照模块开发人员的说明，我尝试使用以下方法修复文档根目录中的权限： find . -type f -exec chmod 644 {} \; find . -type d -exec chmod 755 {} \; chmod o+w var var/.htaccess app/etc chmod 550 mage chmod -R o+w media 它仍然无法正常工作，因此我最终手动安装了该模块。然后，我登录到管理后端，Magento尝试使用系统文件路径而不是如下URL来提供CSS文件： <link rel="stylesheet" type="text/css" href="/home/user/public_html/js/calendar/calendar-win2k-1.css" /> <link rel="stylesheet" type="text/css" href="/home/user/public_html/skin/adminhtml/default/default/reset.css" media="all" /> <link rel="stylesheet" …
6
Magento 2中的清除主题/ CSS缓存
在为Magento 2商店设置主题时，建议的清理缓存的方法是什么？ 我编辑.less文件，然后我现在做 rm -rf pub/static/frontend/* var/view_preprocessed/ var/*cache/* 但这似乎是蛮力方法。 php bin/magento cache:flush --all 似乎做不到。 有更好的吗？
16
拒绝应用样式“因为它的MIME类型（'text / html'）不是受支持的样式表MIME类型”
突然，我的Magento 2管理面板上没有加载CSS。前端工作正常。 错误详情： “拒绝应用来自' https://www.ornativa.com/pub/static/version1502029409/adminhtml/Magento/backend/en_US/css/styles-old ...'的样式，因为它的MIME类型（'text / html' ）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。” “未捕获到的SyntaxError：JSON中的意外令牌<位于JSON.parse（）位置0处的回调（（index）：68）在Object.execCb（require.js：1650）在Module.check（require.js：866）处Module。（require.js：1113）在require.js：132在require.js：1156在Module.emit（require.js：1155）在每个（require.js：57）在Module.check（require.js： 917）“
10
生产模式下合并的JS和CSS不起作用
我处于开发人员模式，一切都很棒，当我更改为生产模式时，CSS和JS的合并选项似乎被忽略了，它重新列出了所有css和js。 此外，产品页面仅以开发人员模式显示产品图片，更改为生产模式后它们会消失。 有想帮助我的想法吗？ 关键是，我正在这样做。 这是我依次执行的操作： bin/magento setup:upgrade bin/magento indexer:reindex bin/magento setup:static-content:deploy bin/magento setup:di:compile bin/magento deploy:mode:set production bin/magento setup:static-content:deploy 在开始之前，“合并”选项为“是”，并且我处于开发人员模式。
3
Magento将CSS和JS添加到页脚
我正在对Magento网站进行Yslow优化，并尝试将CS​​S和Js添加到网站的页脚中。 目前，我正在布局XML中使用头参考标记，并使用addJs和addCss动作来包含我的所有文件。我尝试将页眉引用替换为页脚，但是在尝试查看站点时出现错误。有没有办法做到这一点，local.xml 或者必须将其硬编码到页脚模板文件本身中？
15 layout  javascript  css 
2
合并CSS或JS时，会为每种页面类型生成一个新文件
我们有很多小的CSS和JS文件，启用合并似乎是一个不错的选择。 每个页面（主页，类别页面，产品详细信息页面）上都会使用许多CSS和JS文件。 每当我们看到在每个页面上再次加载了不同的合并文件时，即使包含的CSS也必须重叠。 我们如何避免这种情况并重用更多数据？
5
Magento2：修改CSS文件的最佳做法
我想修改css文件pub/static/frontend/Magento/luma/en_US/css/styles-l.css。 最初，此文件不存在于pub / static文件夹中，并且存在于 vendor/magento/theme-frontend-blank/web/css/styles-l.less (it's styles-l.less) 当我使用来分配静态内容时php bin/magento setup:static-content:deploy，会在pub / static中创建与之相关的2个文件。 1. pub/static/frontend/Magento/luma/en_US/css/styles-l.less 2. pub/static/frontend/Magento/luma/en_US/css/styles-l.css 我是一名支持开发人员，在开发模块时，我倾向于删除pub / static中存在的任何内容（.htaccess除外）。所以对我来说，直接修改似乎不是最好的选择pub/static/frontend/Magento/luma/en_US/css/styles-l.css。 在这种情况下，修改上述CSS文件的最佳做法是什么？ 1.我应该修改pub/static/frontend/Magento/luma/en_US/css/styles-l.less还是 2.我的理解是错误的，因为我可以删除pub/static（在开发过程中）所有内容，因此我应该修改pub/static/frontend/Magento/luma/en_US/css/styles-l.css而不是删除它。
4
在Magento 2中定位/排序CSS文件的正确方法是什么？
在Magento 2 DevDoc中，它说 要包含CSS文件，请在布局文件的<head>部分中添加<css src =“ <path> / <file>” media =“ print | <option>” />块。 但是，它没有说明如何影响CSS文件的顺序。如果我们以自定义主题的方式将CSS文件添加到具有父主题的自定义主题中，则结果是文件被添加到<head>部分的顶部，并且在其下面添加了许多其他CSS文件，这意味着它们的优先级是相当高的低，我们不能轻易地从父主题或扩展中覆盖规则。 Magento 1中存在类似的问题，并且有变通办法。有些比较干净，有些则少一些。 在Magento 2的<head>底部订购自定义主题的CSS文件的最佳方法是什么-如果可能，请遵守自定义主题的Magento 2布局准则。
14 magento2  layout  css  head 
1
Magento 2自定义主题布局XML和CSS不起作用
我创建了一个新主题，它运行良好，但是几天后，我意识到有些事情不起作用。 default_head_blocks.xml不再提取我包含的任何CSS文件（托管的和外部的） default.xml不会覆盖父项。 我不确定是什么原因造成的。我什至尝试删除/ var /文件夹以及/ pub / static / frontend /
13 layout  theme  css 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.