Как я могу узнать, какой файл .css используется для определенного шаблона?

magento.stackexchange https://magento.stackexchange.com/questions/10702

Вопрос

Как я могу узнать, какой файл стиля используется для определенного шаблона. Потому что для шаблонов выставления счетов/доставки, используется один файл CSS. Но когда я хочу изменить шаблон для страницы адреса клиента (когда в учетной записи клиента - изменение адреса), по -видимому, классы, которые у меня есть в том, что CSS не применяется. И я хочу знать, какой CSS используется, например, для записи в журнале пути к определенному файлу стиля, поэтому я знаю, где изменить мой дизайн.

Это было полезно?

Решение

Поскольку Фабиан уже говорил о макетных ручках, я подумал, что могу предложить другой потенциальный ответ. Практически в любом браузере в наши дни (мои скриншоты будут использовать Chrome), посмотрите на веб -инспектор.

Скажем, мы хотим дать этому текстовому поле красной границе. Глупо, я знаю. Я буду использовать веб -сайт Royal Academy Shop для этих изображений, но у вас тоже все будет хорошо.

RA banner

Что ж, если я щелкну на него правой кнопкой мыши и выберу «Осмотрите элемент», я заведу инспектора, посмотрев на эту коробку. Взгляните на правую сторону, под вкладкой Styles, вы увидите список всех правил CSS, а также строки и файлы, в которых они применяются. Правила, которые переопределены, пересекаются. Вы, вероятно, найдете там свое правило границы.

enter image description here

Просто ищите, где на самом деле определяется граница, и замените ее в этом файле.

enter image description here

Другие советы

Вы не знаете, какой файл 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 они включают.

И не забудьте проверить, объединены ли филеры или нет :)

Лицензировано под: CC-BY-SA с атрибуция
Не связан с magento.stackexchange
scroll top