У меня есть статический блок (идентификатор 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 здесь
phtml
? Если да, то как вызвать файлphtml
из статического блока? (Добавьте это как свой ответ.) - person Himanshu Jansari   schedule 04.09.2013