Als «css» getaggte Fragen

Fragen zu CSS im Kontext von Magento


6
Magento 2 - Überschreiben von CSS ohne Verwendung! Wichtig überall
Ich arbeite gerade an einer Magento 2-Site für einen Kunden. Angenommen, die Marke meines Kunden ist boofarund das Thema, das ich erweitern / überschreiben möchte, ist das, das foobarich als übergeordnetes Thema festgelegt habefrontend/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> Dann frontend/Foobarthemes/boofar/web/css/source/_theme.lesshabe ich unter den CSS-Code geschrieben, den …

3
Magento 2: style-m.css vs style-l.css
Wie style-m.cssund style-l.cssDateien werden in Magento2 generiert? Theoretisch style-m.csssollte weniger Code und Stile nur für mobile Geräte vorhanden style-l.csssein, um schneller auf mobile Geräte geladen zu werden. Wie definieren Sie in weniger Dateien, ob ein Teil des Codes Teil von style-m.cssoder sein soll style-l.css? Die folgenden Links und der Quellcode …
10 magento2  layout  css 

2
Magento 1.9: Fügen Sie dem Kopf eine benutzerdefinierte CSS-Datei hinzu
Ich muss Magento eine benutzerdefinierte CSS-Datei hinzufügen, die dann auf der gesamten Website verwendet wird. Ich weiß, dass Sie dies zu einer local.xml- Datei hinzufügen müssen , aber das von mir hinzugefügte Stylesheet wird einfach nicht geladen. Kann jemand helfen? Folgendes habe ich meiner Datei local.xml hinzugefügt : <?xml version="1.0"> …
10 magento-1.9  css 

3
Überschreiben leerer Themenstile in Magento 2
Wie würden Sie die Navigationsstile für ein benutzerdefiniertes Thema überschreiben, wenn Sie von dem leeren Thema in Magento 2 erben? Ich habe eine theme.cssDatei in meinem app/design/frontend/<Vendor>/<theme>/web/cssOrdner, aber mir ist bekannt, dass Magento 2 WENIGER verwendet. Ich kann die Stile in meinem theme.cssStylesheet leicht überschreiben , möchte sie aber nicht …
10 magento2  overrides  css  less 

1
Wie füge ich blockspezifisches JS (und CSS) hinzu?
Ich habe buchstäblich Stunden damit verbracht, zu googeln, zu lesen, ect zu studieren, aber niemand (nicht einmal Alan Storm!) Hat mir das erklärt. Es scheint, dass das gesamte Internet daran interessiert ist, JS oder CSS zu einer bestimmten Seite von Magento 2 hinzuzufügen, aber ich suche nach dem Hinzufügen von …

2
Magento 2 - Wie kann ich eine benutzerdefinierte Vorlagendatei zu <head> hinzufügen?
In Magento 1.x kann ich die CSS-Dateien mithilfe des Hilfsprogramms wie im folgenden Code in den Kopf einfügen. &lt;reference name="head"&gt; &lt;action method="addCss"&gt;&lt;stylesheet helper="module/helperclass/helperfunction"/&gt;&lt;/action&gt; &lt;/reference&gt; Kann dies aber nicht auf Magento 2 tun. Also habe ich diesen Code &lt;link rel="stylesheet" type="text/css" media="all" href="&lt;?php echo $_helper-&gt;getCSSFile()?&gt;"&gt;jetzt in den Container "after.body.start" eingefügt. Weiß …
9 magento2  layout  css 

3
Magento 1.9.1.0 - PDF-Dateityp in Wysiwyg Editor hochladen und PDF-Symbol anzeigen
Ich habe ein benutzerdefiniertes Modul erstellt, mit dem der Benutzer den .PDFDateityp hochladen kann CMS &gt; Pages. Der verwendete Code ist unten: App / etc / modules &lt;?xml version="1.0"?&gt; &lt;config&gt; &lt;modules&gt; &lt;Pdf_WysiwygFiles&gt; &lt;active&gt;true&lt;/active&gt; &lt;codePool&gt;local&lt;/codePool&gt; &lt;/Pdf_WysiwygFiles&gt; &lt;/modules&gt; &lt;/config&gt; app / code / local / Pdf / WysiwygFiles / etc / config.xml …
9 magento-1.9  cms  css  pdf  wysiwyg 


4
Hinzufügen von CSS und JS zu <head> mithilfe eines Moduls layout.xml für Block
Zusammenfassung Ich möchte meiner gruppierten Produktansicht und meiner einfachen Produktansicht einen Block hinzufügen. Dieser Block enthält einige nützliche Tooltips für Schwebezustände. Ich verwende eine kleine Bibliothek mit einem JQuery-Plugin und einem CSS-Stylesheet. Ich möchte diese beiden Ressourcen nur auf diesen Seiten in das Magento aufnehmen. Anmerkungen Ich verwende ein benutzerdefiniertes …


3
Problem mit Daten-URIs und Zusammenführung von CSS-Dateien
Beim Zusammenführen von Magento-CSS-Dateien wird der Hostname für meine Daten-Uris vorgetäuscht, da RegEx in Mage_Core_Model_Design_Package( beforeMergeCss) nicht wie erwartet funktioniert. Der Hostname sollte relativen Bildpfaden vorangestellt werden, nicht jedoch Daten-URIs. $cssUrl = '/url\\(\\s*(?!data:)([^\\)\\s]+)\\s*\\)?/'; $contents = preg_replace_callback($cssUrl, array($this, '_cssMergerUrlCallback'), $contents); CSS-Code: background: #fafafa url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat; Ergebnis nach dem Zusammenführen: background: …
9 magento-1.8  css  bug  regex 

1
Magento2 CSS IE-Hacks
Möchten Sie in Magento2 CSS speziell für IE 8 mit hinzufügen &lt;css src="css/ie-8.css" /&gt; Im nativen Quellcode nirgendwo zu finden.
8 magento2  css 

1
Hinzufügen einer Kategorie der 3. Ebene zur Bildlauf-Dropdown-Liste
Ich habe eine lange Dropdown-Liste der Unterkategorie, die auch die Unterkategorie der dritten Ebene enthält. Ich habe mit CSS-Tricks Referenz hinzugefügt: https://css-tricks.com/long-dropdowns-solution/ Jetzt bin ich nicht in der Lage, Kategorie der dritten Ebene anzuzeigen ... es muss Seite der Unterkategorie anzeigen. gib mir die richtigen Richtlinien
8 magento-1.9  php  css  phtml 

3
So gestalten Sie Transaktions-E-Mails mit email-inline.css
Ich benutze Magento 1.9.1. Ich möchte meine Magento-Transaktions-E-Mails anpassen. Um dies zu tun, ich dupliziert email-inline.cssund email-non-inline.cssvon der Basis - Paket in mein individuelles Paket (in diesem Pfad: \ Haut \ Frontend \ mypackage \ default \ CSS). Ich habe die erforderlichen Änderungen vorgenommen und das aktualisierte CSS hochgeladen, aber …

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.