Woher kann ich wissen, welche .css -Datei für eine bestimmte Vorlage verwendet wird?

Question

Wie kann ich erfahren, welche Stylingdatei für eine bestimmte Vorlage verwendet wird? Denn für die Abrechnungs-/Versandkasse -Vorlagen wird eine CSS -Datei verwendet. Wenn ich jedoch die Vorlage für die Kundenadressenseite ändern möchte (wenn sie im Kundenkonto - Änderung der Adresse), gelten anscheinend die Klassen, die ich in dieser CSS habe, nicht. Und ich möchte wissen, welches CSS verwendet wird, zum Beispiel, um den Pfad in die bestimmte Styling -Datei zu schreiben, damit ich weiß, wo ich mein Design ändern kann.

Answer 1

Da Fabian bereits über Layout -Handles gesprochen hat, dachte ich, ich könnte eine andere potenzielle Antwort geben. In fast jedem Browser heutzutage (meine Screenshots werden Chrome verwenden) schauen Sie sich den Webinspektor an.

Sagen Sie, wir möchten diesem Textfeld einen roten Rand geben. Dumm, ich weiß. Ich werde die Website der Royal Academy Shop für diese Bilder verwenden, aber Ihre wird auch gut funktionieren.

Wenn ich mit der rechten Maustaste darauf klicke und "Element inspizieren" aus wähle, werde ich den Inspektor ansprechen und mir das Feld ansehen. Schauen Sie sich die rechte Seite unter der Registerkarte Stile an, und sehen Sie eine Liste aller CSS -Regeln sowie die Zeilen und Dateien, in denen sie angewendet werden. Regeln, die außer Kraft gesetzt werden, werden überschritten. Sie werden wahrscheinlich Ihre Grenzregel dort finden.

Suchen Sie einfach, wo der Grenze tatsächlich definiert ist, und ersetzen Sie sie in dieser Datei.

Answer 2

Sie wissen nicht, welche CSS -Datei verwendet wird.

Layout -Handles und Layout -XML -Dateien

Magento arbeitet mit sogenannten "Layout-Handles", die Aktionen im Layout gruppieren. Jede Seite enthält einige von ihnen, schauen Sie sich einfach an app/design/frontend/base/default/layout, Es gibt viele XML -Dateien mit den Layout -Handles als Knotennamen in den ersten untergeordneten Knoten:

• Ursprünglich
• checkout_onepage_index
• checkout_onepage_review
• Catalogsearch_term_popular

usw. Diese gruppieren Gruppenaktionen wie das Hinzufügen von CSS- und JS -Dateien:

<catalogsearch_advanced_index translate="label">
    <reference name="head">
        <action method="addItem"><type>js_css</type><name>calendar/calendar-win2k-1.css</name><params/><!--<if/><condition>can_load_calendar_js</condition>--></action>
        <action method="addItem"><type>js</type><name>calendar/calendar.js</name><!--<params/><if/><condition>can_load_calendar_js</condition>--></action>
        <action method="addItem"><type>js</type><name>calendar/calendar-setup.js</name><!--<params/><if/><condition>can_load_calendar_js</condition>--></action>
    </reference>
</catalogsearch_advanced_index>

Abhängig von der Seite, die Sie anzeigen, fügen die verschiedenen Controller und Blöcke diese Griffe hinzu, und am Ende ist die Seite darauf aufgebaut.

Antworten

Um Ihre Frage zu beantworten, müssen Sie also überprüfen, welche Layout -Griffe enthalten sind und welche CSS -Dateien sie enthalten.

Und vergessen Sie nicht zu überprüfen, ob die Fils zusammengeführt werden oder nicht :)