Добавьте ‹style› и ‹script› в статический блок Magento.

У меня есть статический блок (идентификатор mega_menu)

У него есть такой код:

<ul class="dropdown-menu" role="menu">
     <li data-submenu-id="submenu-patas">
         <div id="submenu-patas" class="popover">
            <h3 class="popover-title">Patas</h3>
            <div class="popover-content"><img src="img/patas.png"></div>
         </div>
     </li>
     <li data-submenu-id="submenu-snub-nosed">
         <div id="submenu-snub-nosed" class="popover">
            <h3 class="popover-title">Golden Snub-Nosed</h3>
            <div class="popover-content"><img src="img/snub-nosed.png"></div>
         </div>
     </li>
</ul>

В обычном html-файле (откуда я взял этот код) есть несколько стилей и такие ссылки:

<link href="css/bootstrap.css" rel="stylesheet">  --<--Reference
<style>
  body {
    padding-top: 60px;
  }
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">  --<--Reference
<style>
    .navbar .popover {
        width: 400px;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        overflow: hidden;
    }
</style>

А также некоторые скрипты и ссылки на них, например:

<script src="../jquery.menu-aim.js" type="text/javascript"></script> --<Reference
<script src="js/bootstrap.min.js" type="text/javascript"></script> --<--Reference
<script>
    var $menu = $(".dropdown-menu");
    .
    .
    .
    $(document).click(function() {
        // Simply hide the submenu on any click. Again, this is just a hacked
        // together menu/submenu structure to show the use of jQuery-menu-aim.
        $(".popover").css("display", "none");
        $("a.maintainHover").removeClass("maintainHover");
    });
</script>

Итак, мой вопрос:

Могу ли я добавить эти стили и скрипты прямо в статический блок?
Если нет, как я могу добавить эти стили и скрипт с работой для определенного статического блока (например, mega_menu здесь)?

PS: Нуб Magento здесь


person Himanshu Jansari    schedule 04.09.2013    source источник
comment
создайте новый файл phtml и вызовите файл phtml из статического блока.   -  person Keyur Shah    schedule 04.09.2013
comment
@Keyur - Вы имеете в виду, что я могу добавить эти стили и скрипты в файл phtml? Если да, то как вызвать файл phtml из статического блока? (Добавьте это как свой ответ.)   -  person Himanshu Jansari    schedule 04.09.2013


Ответы (1)


вызвать файл phtml из статического блока

{{block type="core/template" template="page/html/YOUR_FILE_NAME.phtml"}}

и напишите свой код в YOUR_FILE_NAME.phtml

person Keyur Shah    schedule 04.09.2013
comment
Можем ли мы написать каждый код в файле phtml таким же, как html? (т.е. html, css и javascript в одном файле) - person Himanshu Jansari; 04.09.2013
comment
+1 Еще одно сомнение: есть ли какой-то конкретный путь, где я храню этот файл phtml? - person Himanshu Jansari; 04.09.2013
comment
нет, вы можете хранить свой phtml в любой папке, но в папке app›design›frontend›THEME_NAME›template - person Keyur Shah; 04.09.2013
comment
app/design/frontend/‹название пакета›/‹название темы›/ путь к вашему phtml ex app/design/frontend/base/default/page/html/xx.phtml - person Sandeep; 04.09.2013
comment
Как мне получить доступ к файлу CSS из скина/внешнего интерфейса/‹Мой пакет›/‹Мой шаблон›/css/ из этого файла phtml? - person K.I; 22.08.2016