Jump to content
Sign in to follow this  
SergeyV

[Решено] Как вывести стили в отдельный файл для модуля?

Recommended Posts

Доброе утро! Помогите пожалуйста разобраться в данном вопросе.

У меня используется модуль "Рекомендуемые". Я знаю, что шаблон featured.tpl и есть еще контроллер featured.php. Стили для этого модуля, берутся из главного файла стилей stylesheet.css. Но я не нашел не в tpl файле не в php строки которая бы говорила модулю что его стили находятся в этом файле. в php файле есть только привязка к файлу шаблона. Подскажите пожалуйста, откуда модуль знает что его стили находятся в stylesheet.css ? И как мне вынести его стили в отдельный файл css. Спасибо большое за помощь!

Share this post


Link to post
Share on other sites

Отредактируйте тпл шаблона модуля, добавьте к первому диву класс featured чтобы вместо

<div class="box">

Получилось

<div class="box featured">

И после этого дописывайте стили для внутренних элементов

Например

div.featured .price {color: green}

Покрасит цены в этом блоке в зеленый цвет.

  • +1 1

Share this post


Link to post
Share on other sites

Спасибо за ответ Yoda

Но дело в том что стили все равно будут браться с файла stylesheet.css? Как мне сделать что бы для этого модуля стили были в файле например featured.css? Меня интересует куда что прописать что бы направить за стилями в нужный мне файл а не общий stylesheet. Я просмотрел все файлы этого модуля и tpl и php и не нашел там путь к stylesheet, откуда вообще модуль знает что там его стили лежат? Спасибо!

Share this post


Link to post
Share on other sites

в тпл хидера посмотрите :-) там подключаются все стили и скрипты

  • +1 1

Share this post


Link to post
Share on other sites

в header.tpl до </head>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/ВАША ТЕМА/ПАПКА ДЛЯ ВАШИХ СТИЛЕЙ/featured.css" />

8-)

  • +1 1

Share this post


Link to post
Share on other sites

Спасибо всем за ответы! Разобрался, получается мне нужно просто в файле featured.tpl прописать

<link rel="stylesheet" type="text/css" href="catalog/view/theme/ВАША ТЕМА/ПАПКА ДЛЯ ВАШИХ СТИЛЕЙ/featured.css" />

И для этого модуля стили будут браться с featured.css, несмотря на то, что в неадере прописан другой файл стилей? Спасибо!

Share this post


Link to post
Share on other sites

если стили будут уникальными и не дублироваться с основными названиями стилей, то да

зачем в featured.tpl писать?

так же добавьте в header.tpl

вот например образец, посмотрите сколько стилей подключено (все в хидере):

<head>
<title>Мой Магазин</title>
<base href="http://pandora-bestshop.ru/" />
<meta name="description" content="Мой Магазин" />
<link href="http://pandora-bestshop.ru/image/data/cart.png" rel="icon" />
<meta name="HandheldFriendly" content="True" /><meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/forest_fashion/stylesheet/stylesheet.css" />
<link href="catalog/view/theme/forest_fashion/stylesheet/cloud-zoom.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" media="screen and (min-width: 400px)" href="catalog/view/theme/forest_fashion/stylesheet/responsive.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/forest_fashion/stylesheet/slideshow.css" media="screen" />

  • +1 1

Share this post


Link to post
Share on other sites

Pascha, спасибо! Но подскажите пожалуйста, я все равно не понимаю. Как элементы (div и другие) которые будут в файле featured.tpl будут знать что их стили лежат в featured.css, если я не пропишу это в файле featured.tpl, а пропишу в header.tpl?

Share this post


Link to post
Share on other sites

Обьясняю: сайт состоит из терх основных частей:

1. шапка сайта

2. блок контента

3 футер (низ страницы)

в большинстве своем пути к стилям прописываются в шапке сайта, (между <head> и </head>)? в ОС этой шапкой и является файл header.tpl , через <link>

featured.tpl-является модулем, то есть частью контента сайта, в необходимых случаях стили прописываются и в нем, но в виде скрипта <script>.....</script> но с другими принципами построения кода, но представьте ваш код контента в котором прописаны стили этак строк на 1500 ))) ужс...

следует соблюдать элементарные принципы построения и кодировки сайтов, а стили- однозначно найдутся, не переживайте)))

все что от вас требуется- уникальность "имен" (div*ов) стилей, чтоб не возникло конфликтов, как я писал выше...

  • +1 1

Share this post


Link to post
Share on other sites

SergeyV если вы внимательно посмотрите файл tpl вашего модуля то увидите вот эту строку <?php echo $header; ?>,содержимое файла header.tpl подключается к модулю с помощью конструкции echo, языка php.Что мы подключим в header то и сработает. Писать <link rel="stylesheet" type="text/css" href="catalog/view/theme/ВАША ТЕМА/ПАПКА ДЛЯ ВАШИХ СТИЛЕЙ/featured.css" />  в самом tpl модуля категорический нельзя так как вы нарушите структуру HTML,<link> должен находится строго между служебными тегами <head> и </head>,можно только в случаи если вы используете условия и тд с помощью php. Может еще кому то пригодится мой ответ.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.