特定のテンプレートに使用される.cssファイルをどのように知ることができますか?
-
16-10-2019 - |
質問
特定のテンプレートに使用されているスタイリングファイルを知るにはどうすればよいですか。請求/配送チェックアウトテンプレートには、1つのCSSファイルが使用されているためです。しかし、顧客アドレスページのテンプレートを変更したい場合(顧客アカウントの場合 - アドレスを変更する場合)、そのCSSにあるクラスは適用されません。また、どのCSSが使用されているか、たとえば特定のスタイリングファイルへのパスをログに書き込むために使用されているので、デザインを変更する場所を知っています。
解決
ファビアンはすでにレイアウトハンドルについて話しているので、私は別の潜在的な答えを提供するかもしれないと思いました。最近のほぼすべてのブラウザ(私のスクリーンショットはChromeを使用します)で、Web Inspectorをご覧ください。
このテキストボックスに赤い境界線を与えたいとします。ばかげている、私は知っている。私はこれらの画像にロイヤルアカデミーショップのウェブサイトを使用しますが、あなたもうまくいくでしょう。
さて、それを右クリックして「要素を検査する」を選択した場合、そのボックスを見て、検査官を紹介します。右側の[スタイル]タブの下に、すべてのCSSルールのリストと、それらが適用される行とファイルが表示されます。オーバーライドされたルールは取り消されます。あなたはおそらくそこにあなたの国境のルールを見つけるでしょう。
Borderが実際に定義されている場所を探して、そのファイルに置き換えてください。
他のヒント
どのCSSファイルが使用されているかはわかりません。
レイアウトハンドルとレイアウトXMLファイル
Magentoは、レイアウト内のアクションをグループ化するいわゆる「レイアウトハンドル」で動作します。すべてのページにはそれらのいくつかが含まれています、ただ調べてください app/design/frontend/base/default/layout
, 、レイアウトハンドルを最初の子ノードにノード名として備えたXMLファイルがたくさんあります。
- デフォルト
- checkout_onepage_index
- checkout_onepage_review
- catalogsearch_term_popular
CSSや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>
表示しているページに応じて、さまざまなコントローラーとブロックがこれらのハンドルを追加し、最終的にはページの上に組み込まれています。
答え
したがって、質問に答えるには、どのレイアウトハンドルが含まれているか、どのCSSファイルを含めるかを確認する必要があります。
そして、フィルが合併しているかどうかを忘れずに確認しないでください:)