Comment puis-je savoir quel fichier Css est utilisé pour un certain modèle?

Question

Comment puis-je savoir quel fichier style est utilisé pour un certain modèle. Parce que pour les modèles de caisse facturation / expédition, il y a un fichier css utilisé. Mais quand je veux modifier le modèle pour la page d'adresse du client (quand dans le compte client - modification de l'adresse), apparemment les classes que j'ai dans ce css ne sont pas applicables. Et je veux savoir qui est utilisé css, par exemple pour écrire dans le journal le chemin vers le fichier certain style, donc je sais où modifier ma conception.

Answer 1

Depuis Fabian déjà parlé de poignées de mise en page, je pensais que je pourrais offrir une autre réponse potentielle. Dans presque tous les jours (navigateur ces mes captures d'écran utiliser Chrome), jetez un oeil à l'inspecteur Web.

Disons que nous voulons donner à cette zone de texte une bordure rouge. Idiot, je sais. Je vais utiliser le site Web de Royal Academy Boutique pour ces images, mais le vôtre ferai bien aussi.

Eh bien, si je clique droit dessus et sélectionnez « Inspecter l'élément », je vais mettre en place l'inspecteur, regardant cette boîte. Jetez un oeil à la droite, sous l'onglet styles, vous verrez une liste de toutes les règles CSS, ainsi que les lignes et les fichiers dans lesquels ils sont appliqués. Les règles qui sont surchargées sont barrés. Vous trouverez probablement votre règle de frontière là-dedans.

Il suffit de chercher où la frontière est effectivement définie, et de le remplacer dans ce fichier.

Answer 2

Vous ne savez pas quel fichier CSS est utilisé.

poignées mise en page et mise en page des fichiers xml

Magento fonctionne avec soi-disant « poignées de mise en page » qui les actions de groupe dans la mise en page. Chaque page comprend quelques-unes d'entre elles, ont juste un regard sur app/design/frontend/base/default/layout, il y a beaucoup de fichiers xml avec les poignées de mise en page que les noms de noeuds dans les premiers nœuds enfants:

• default
• checkout_onepage_index
• checkout_onepage_review
• catalogsearch_term_popular

etc. Ces actions de groupe poignées, comme l'ajout de fichiers css et 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>

En fonction de la page affichée, les différents blocs de commande et ajouter ces poignées et à la fin, la page est construite sur eux.

Réponse

Pour répondre à votre question, vous devez vérifier que les poignées de mise en page sont inclus et quels fichiers ils sont css.

Et ne pas oublier de vérifier si les fils sont fusionnés ou non:)