Magento css

9

安装Magento 2默认模板后无法加载CSS和JS OS: Windows 10 Xampp Control panel V3.2.2 PHP version: 5.6.28 Server: Apache/2.4.23 (Win32) phpmyadmin Version information: 4.5.1

11 magento2 javascript css

3

Magento 2：style-m.css与style-l.css

如何style-m.css和style-l.css文件Magento2产生？从理论上讲style-m.css，与style-l.css为了更快地在移动设备上加载相比，应该为移动设备使用更少的代码和样式。如果部分代码应该是style-m.css或的一部分，如何在较少的文件中定义style-l.css？以下链接和源代码并没有帮助我理解它。资源： http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/css-preprocess.html Magento2：修改CSS文件的最佳做法 http://inchoo.net/magento-2/css-preprocessing-in-magento-2/

10 magento2 layout css

6

Magento 2-覆盖CSS而不在任何地方使用！important

我目前正在为客户在Magento 2网站上工作。假设我的客户的品牌是boofar，而我尝试扩展/覆盖foobar的主题是使用设置为父主题frontend/Foobarthemes/boofar/theme.xml <theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd"> <title>Boofar</title> <parent>Foobarthemes/foobar1</parent> <media> <preview_image>media/preview.jpg</preview_image> </media> 然后在下面frontend/Foobarthemes/boofar/web/css/source/_theme.less编写了要覆盖的CSS代码。我也尝试过使用_extend.less。 .magicmenu { .home { display: none !important; } .nav-desktop .level0 .level-top > span { font-size: 12px; font-weight: normal; text-transformation: none; } } 我被迫在!important这里工作。字体和文本都不能在上述代码中使用。我是否不正确理解Magento 2前端工作流程？

10 magento2 theme css frontend less-css

2

Magento 1.9：将自定义CSS文件添加到头部

我需要将自定义CSS文件添加到Magento，然后在整个网站范围内使用。我知道您必须将此添加到local.xml文件中，但是，我添加的样式表并未加载。有人可以帮忙吗？这是我添加到local.xml文件中的内容： <?xml version="1.0"> <layout> <default> <reference name="head"> <action method="addCss”><type>skin_css</type><file>css/javcustom.css</file></action> </reference> </default> </layout> 我知道这里有很多主题，但是我已经尝试了所有主题，但我无法使其正常工作...

10 magento-1.9 css

3

覆盖Magento 2中的空白主题样式

从Magento 2中的空白主题继承时，您将如何覆盖自定义主题的导航样式？我的theme.css文件app/design/frontend/<Vendor>/<theme>/web/css夹中有一个文件，但是我知道Magento 2使用LESS。我可以轻松地覆盖样式theme.css表中的样式，但是我不想一直使用!important。另外，我使用的是Bootstrap 3，我假设空白主题的样式将覆盖Bootstrap中匹配的所有样式指令。解决此问题的最佳方法是什么？

10 magento2 overrides css less

1

如何添加特定于块的JS（和CSS）-_right_方式？

所以我花了几个小时在谷歌上搜索，阅读，学习等等，但是没有人（甚至没有艾伦·斯托姆！）都向我说明了这一点。似乎整个互联网都对将JS或CSS添加到Magento 2 的特定页面感兴趣，但是我正在寻找的是将JS / CSS添加到特定的块。简而言之，这是我的问题：将JS（以及CSS）添加到特定块的最佳方法是什么，以便如果该块存在于页面（*）上，则将加载JS / CSS，如果该块不存在，则没有CSS / JS？？ *这意味着任何块都可以通过layout.xml在页面/模板上，在我的模块的自定义页面上，通过块/页面的toHtml方法或最重要的是嵌入在所见即所得中的块来设置/产品说明/ CMS阻止/ CMS页面。我已经读了很多Alan的精彩文章（再次对这个人表示敬意！），更不用说其他有关此方面的文章了，但是我感到每个人都想添加到页面，特定页面，而不是任何地方使用块。我觉得我对各种技术很熟悉，但是我可能会在这里遗漏一些东西，所以我希望获得社区的共识，或者为所有前端开发人员提供一个路标，以期向全栈开发人员寻求帮助。类似的问题，并思考我的选择。以前，在Magento 1中，我将查看块构造器，获取布局，获取头引用并在那里调用addJs / addCss，或者如果可能的话，使用layout.xml中的方法。这意味着将JS “添加”到块构造函数的资源列表中（在主题级别输出头块之前）。但这似乎不可能。我已经阅读了有关添加JS / CSS的方法（这不是一个简单的“我怎么做？”，这是更简洁的“什么是正确的/ mag2方式？”），并且对这些方法很熟悉技术： /view/[area]/layout/[default/page_id].xml技术，使用<head></head>根元素将Head块添加到我的模块中，并添加到head.additional中，其中包含有关是否加载了我的块的某种逻辑使用\ Asset \ GroupedCollection和\ Asset \ Repository对象从页面/模板的构造者中注入（虽然这似乎没有与块结合），但是潜在地是加载顺序？使用RequireJS并将requireJS配置应用到我的模块我错过了什么吗？有人认为正确的方法是使用RequireJS库，以及x-magento-init属性或仅require("my_module", function(){ ... })使用内联脚本中带有语法的脚本。但这对我来说似乎很笨拙？我将不得不设置脚本来加载脚本，被迫至少内联一些我的JS，但是似乎最直接的方式是说“这是我的块，现在需要我一些JS”，方法是将其弹出到我的phtml中。但是，我真的很希望能够通过PHP做到这一点，作为一个后端/堆栈程序员，我理想地希望将JS封装起来，并且（理想情况下）允许我的前端团队根据需要编写它。简而言之，要照顾好加载（后端开发到前端开发“如果需要，可将phtml放到主题中，在主题中覆盖，同样是js文件，从属的libs和这里的块的css”）。这表明__construct对资产系统具有注入依赖关系的方法。但是我无法使它正常工作，这似乎在Alan Storms的快速文章中得到了证实：Magento Quickies：Magento 2：以编程方式添加前端资产文件注意标志“因此，创建带有前端资产的模块的想法不在了。” ...真可惜:( 谢谢你们花时间阅读和考虑。我期待着您的回音！ PS>显然，这是StackExchange，所以我将答案标记为我要实现的最佳课程（阻止特定的资源加载），但是我将尽一切努力在所有内容的底部列出参考要么增加讨论范围，要么提出可靠的解决方案！

9 magento2 blocks javascript css

2

Magento 2-如何将自定义模板文件添加到<head>？

在magento 1.x中，我可以使用如下代码的帮助器将css文件添加到头部。 <reference name="head"> <action method="addCss"><stylesheet helper="module/helperclass/helperfunction"/></action> </reference> 但是无法在Magento 2上执行此操作。所以现在，我将此代码添加<link rel="stylesheet" type="text/css" media="all" href="<?php echo $_helper->getCSSFile()?>">到“ after.body.start”容器中。有人知道如何向其中添加自定义模板文件<head>吗？

9 magento2 layout css

3

Magento 1.9.1.0-在Wysiwyg编辑器中上传PDF文件类型并显示PDF图标

我制作了一个自定义模块，允许用户上传中的.PDF文件类型CMS > Pages。使用的代码如下：应用程序/ etc /模块 <?xml version="1.0"?> <config> <modules> <Pdf_WysiwygFiles> <active>true</active> <codePool>local</codePool> </Pdf_WysiwygFiles> </modules> </config> app / code / local / Pdf / WysiwygFiles / etc / config.xml <?xml version="1.0" encoding="UTF-8"?> <config> <modules> <Pdf_WysiwygFiles> <version>1.0.0</version> </Pdf_WysiwygFiles> </modules> <adminhtml> <cms> <browser> <extensions> <allowed> <jpg>1</jpg> <jpeg>1</jpeg> <png>1</png> <gif>1</gif> <pdf>1</pdf> </allowed> </extensions> …

9 magento-1.9 cms css pdf wysiwyg

2

如何在管理网格中增加日期字段的宽度

截止日期时如何增加管理网格中日期字段的宽度。请看下图

9 adminhtml css grid

4

使用模块layout.xml用于块将CSS和JS添加到<head>

概要我想在我的分组产品视图和简单产品视图中添加一个块。该块将提供一些关于悬停状态的很好的工具提示，我使用的是一个带有一个jquery插件和一个css样式表的小型库。我希望仅在这些页面上将这两个资源包括在magento中。笔记我正在运行一个自定义主题；缓存被禁用 ; 和我的文件在/js目录内；迄今… 尽管如此，我知道一种方法是layout.xml在模块中使用，起初这没有用，所以我认为也许我需要在内部进行额外的配置config.xml以告知Magento我的布局要求-这也没有用。通过没有工作，我的意思是，不装我的资产。请在下面找到附件。 app / code / local / Vendor / Rating / etc / layout.xml <?xml version="1.0"?> <layout> <default> <reference name="head"> <action method="addJs"> <script>vendor/qtip/jquery.qtip.min.js</script> </action> <action method="addCss"> <stylesheet>vendor/qtip/jquery.qtip.min.css</stylesheet> </action> </reference> </default> </layout> 应用程序/代码/本地/供应商/评级/etc/config.xml <?xml version="1.0"?> <config> ... <frontend> <layout> …

9 module layout magento-1.8 css javascript

4

Magento2 CSS因MIME类型不匹配而被阻止（X-Content-Type-Options：nosniff）

我正在使用xampp在Windows 10中使用Magento 2。我已经安装了magento2，它运行完美。之后，我使用迁移工具从magento1迁移了数据。现在，由于MIME类型不匹配（X-Content-Type-Options：nosniff），“（CSS路径）”中的资源被阻止了，我遇到了错误。已经尝试通过缓存和索引刷新多次部署静态内容。URL重写已打开。有人可以帮我吗？谢谢

9 magento2 css

3

数据URI和CSS文件合并问题

Magento CSS文件合并将主机名假装成我的data-uris，因为Mage_Core_Model_Design_Package（beforeMergeCss）中的RegEx 无法正常工作。它应该在主机名之前添加相对的图像路径，但不能在数据URI之前。 $cssUrl = '/url\$\\s*(?!data:)([^\$\\s]+)\\s*\\)?/'; $contents = preg_replace_callback($cssUrl, array($this, '_cssMergerUrlCallback'), $contents); CSS代码： background: #fafafa url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat; 合并后的结果： background: #fafafa url("http://shop12.dev/skin/frontend/shop/default/styles/data:image/svg+xml;base64")PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat; 如何避免这种情况？我找不到如何纠正所用RegEx的合奏的方法。（对我来说，使用GIF并不是真正的解决方案）

9 magento-1.8 css bug regex

1

Magento2 CSS IE黑客

在Magento2中，要添加CSS，专门用于IE 8，使用 <css src="css/ie-8.css" /> 在本地源代码中找不到任何地方。

8 magento2 css

1

如何将第三级类别添加到滚动下拉列表

我有很长的子类别下拉列表，其中还包括第三级子类别。我添加了使用CSS技巧的参考：https : //css-tricks.com/long-dropdowns-solution/ 现在，我无法显示第三级类别...它必须显示子类别的一面。给我适当的指导

8 magento-1.9 php css phtml

3

如何使用email-inline.css设置交易电子邮件的样式

我正在使用Magento 1.9.1。我想自定义我的Magento交易电子邮件。要做到这一点，我复制email-inline.css并email-non-inline.css从基础包到我的定制包（这个路径：\皮肤\前端\ mypackage中\ DEFAULT \ CSS）。我进行了必要的更改，然后上传了更新的CSS，但是电子邮件的发送方式与以前相同，就好像系统不知道我的自定义CSS一样。我需要做什么？

8 magento-1.9 email email-templates css transactional-mail

Questions tagged «css»