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

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

[tweetmeme source=”magentoua” only_single=false https://magentoua.wordpress.com/2010/05/25/magento-add-css%5D
Часто потрібно підключити сторонній 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.

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

Advertisements
Категорії:CSS, How to (як зробити?), Magento Позначки:, , ,
  1. Коментарів поки що немає.
  1. Грудень 6, 2010 о 09:52

Залишити відповідь

Заповніть поля нижче або авторизуйтесь клікнувши по іконці

Лого WordPress.com

Ви коментуєте, використовуючи свій обліковий запис WordPress.com. Log Out / Змінити )

Twitter picture

Ви коментуєте, використовуючи свій обліковий запис Twitter. Log Out / Змінити )

Facebook photo

Ви коментуєте, використовуючи свій обліковий запис Facebook. Log Out / Змінити )

Google+ photo

Ви коментуєте, використовуючи свій обліковий запис Google+. Log Out / Змінити )

З’єднання з %s

%d блогерам подобається це: