Как я могу узнать, какой файл .css используется для определенного шаблона?
-
16-10-2019 - |
Вопрос
Как я могу узнать, какой файл стиля используется для определенного шаблона. Потому что для шаблонов выставления счетов/доставки, используется один файл CSS. Но когда я хочу изменить шаблон для страницы адреса клиента (когда в учетной записи клиента - изменение адреса), по -видимому, классы, которые у меня есть в том, что CSS не применяется. И я хочу знать, какой CSS используется, например, для записи в журнале пути к определенному файлу стиля, поэтому я знаю, где изменить мой дизайн.
Решение
Поскольку Фабиан уже говорил о макетных ручках, я подумал, что могу предложить другой потенциальный ответ. Практически в любом браузере в наши дни (мои скриншоты будут использовать Chrome), посмотрите на веб -инспектор.
Скажем, мы хотим дать этому текстовому поле красной границе. Глупо, я знаю. Я буду использовать веб -сайт Royal Academy Shop для этих изображений, но у вас тоже все будет хорошо.
Что ж, если я щелкну на него правой кнопкой мыши и выберу «Осмотрите элемент», я заведу инспектора, посмотрев на эту коробку. Взгляните на правую сторону, под вкладкой Styles, вы увидите список всех правил CSS, а также строки и файлы, в которых они применяются. Правила, которые переопределены, пересекаются. Вы, вероятно, найдете там свое правило границы.
Просто ищите, где на самом деле определяется граница, и замените ее в этом файле.
Другие советы
Вы не знаете, какой файл CSS используется.
Ручки макета и макет XML -файлы
Magento работает с так называемыми «ручками макета», какие групповые действия в макете. Каждая страница включает в себя несколько из них, просто посмотрите на app/design/frontend/base/default/layout
, Есть много файлов XML с ручками макета в качестве имен узлов в узлах первых дочерних:
- дефолт
- CACKOUT_ONEPAGE_INDEX
- CACKOUT_ONEPAGE_REVIEW
- catalogsearch_term_popular
и т. д.
<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>
В зависимости от страницы, которую вы просматриваете, различные контроллеры и блоки добавляют эти ручки, и, в конце концов, на них построена страница.
Отвечать
Поэтому, чтобы ответить на ваш вопрос, вы должны проверить, какие ручки для макета включены и какие файлы CSS они включают.
И не забудьте проверить, объединены ли филеры или нет :)