Come faccio a sapere quale file css viene utilizzato per un certo modello?
-
16-10-2019 - |
Domanda
Come posso conoscere quale file styling viene utilizzato per un certo modello. Perché per i modelli di cassa di fatturazione / spedizione, c'è un file CSS utilizzato. Ma quando voglio modificare il modello per la pagina indirizzo del cliente (quando nel conto del cliente - modificare l'indirizzo), a quanto pare che ho in quel css non applicare le classi. E voglio sapere quale CSS è utilizzato, ad esempio, di scrivere nel registro il percorso del file di stile certo, quindi so dove modificare il mio disegno.
Soluzione
Da Fabian già parlato di maniglie di layout, ho pensato che avrei potuto dare una risposta potenziale diverso. In quasi tutti i browser in questi giorni (i miei screenshot saranno utilizzare Chrome), dare un'occhiata al l'ispettore web.
diciamo che vogliamo dare a questa casella di testo un bordo rosso. Sciocco, lo so. Sarò con il sito della Royal Academy Shop per queste immagini, ma la tua farà bene anche.
Bene, se mi fate clic destro su di esso e selezionare "Inspect Element", porterò il commissario, guardando quella scatola. Date un'occhiata a destra, sotto la scheda stili, vedrete un elenco di tutte le regole CSS, così come le linee ei file in cui sono applicate. Regole che vengono sovrascritti sono incrociate fuori. Probabilmente troverete la vostra regola di confine in là.
Basta cercare in cui confine è effettivamente definita, e sostituirlo in quel file.
Altri suggerimenti
Non si sa quale file CSS viene utilizzato.
Layout maniglie e file XML di layout
Magento lavora con i cosiddetti 'manici di layout' che azioni di gruppo nel layout. Ogni pagina include alcuni di loro, basta dare un'occhiata in app/design/frontend/base/default/layout
, ci sono un sacco di file XML con i manici di layout come nomi dei nodi nei primi nodi secondari:
- default
- checkout_onepage_index
- checkout_onepage_review
- catalogsearch_term_popular
ecc. Tali azioni di gruppo maniglie, come l'aggiunta di file CSS e JS:
<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>
A seconda della pagina che si sta visualizzando, il diverso controller e blocchi di aggiungere queste maniglie e alla fine, la pagina è costruita su di loro.
Risposta ??h1>
Quindi, per rispondere alla tua domanda che controlla, che si occupa di layout sono incluse e quali file css essi includono.
E non dimenticate di verificare se le fils vengono uniti o no:)