Домівка > CSS, How to (як зробити?), Magento > Як підключити css файл в Magento?

Як підключити css файл в Magento?


Часто потрібно підключити сторонній css файл в Magento. Наприклад, якщо ви хочете підключити Shadowbox чи Lightbox, або просто потрібно винести частину css в окремий файл. Хотілось би уточнити і вкотре нагадати, що якщо у вас є можливість об’єднати css файли то краще так і зробіть, чим менше файлів ти менше запитів до сервера.

Перш за все вам потрібен сам css файл. Припустимо наш файл має назву external.css. Помістіть його в папку тієї теми з якою ви працюєте: skin/frontend/vash_package/vasha_tema/css. Усе, тепер потрібно його грамотно підключити.

Для цього йдемо в папку app/design/fronted/vash_package/vasha_tema/layout/ та підключимо його у файлі page.xml за допомогою методу addCss. В блоці <block name="head" ... > прописуємо наступне:

<block type="page/html_head" name="head" as="head">
	<action method="addCss"><stylesheet>css/external.css</stylesheet></action>
</block>

Оце і все, файл підключений і готовий виконувати свої функції.


Сподобалася стаття? Підпишись на RSS або на e-mail розсилку. А ще приєднуйся до нас у Твітері @magentoua.

Вам також буде цікаво прочитати:

Напишіть відгук

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Змінити )

Twitter picture

You are commenting using your Twitter account. Log Out / Змінити )

Facebook photo

You are commenting using your Facebook account. Log Out / Змінити )

Connecting to %s

Follow

Get every new post delivered to your Inbox.