javascript - 如何在 Magento 中将 CSS 文件添加到 CUSTOM WIDGET？

Question

所以，我有 自定义小部件 对于 Magento (如产品幻灯片)。

并想添加自定义 CSS/Javascript 到我的小部件。

我不想每次都显示(加载)CSS/JS 文件。

我只想在 PAGE 包含自定义小部件时加载 JS/CSS。

谢谢。

Answer 1

这取决于您是否已将小部件添加为小部件实例(CMS -> 小部件)或已将其包含在页面、静态 block 或电子邮件的内容区域中，如下所示:{{widget type="blabla/carousel"}} .

如果您已将其作为小部件实例包含在内，则可以像这样添加 Assets :

protected function _prepareLayout() {
    if ($head = $this->getLayout()->getBlock('head')) { 
        $head->addCss('myfile.css');
    }
    return parent::_prepareLayout();
}

..在您实现 Mage_Widget_Block_Interface 的 block 中.

(见 http://www.magentocommerce.com/boards/viewthread/212110/)

AFAIK，当您将小部件内联作为模板指令包含时，不可能添加 Assets 。这仅仅是因为 HTML 头已经输出了它的 HTML:模板指令(例如 {{widget}} 或 {{var}} )在 block 的 _toHtml 阶段被注意到。在已经渲染的 block 上调用任何方法都不会产生任何效果。

另见 $processor->filter调用_toHtml Mage_Cms_Block_Page 中的方法

protected function _toHtml()
{
    /* @var $helper Mage_Cms_Helper_Data */
    $helper = Mage::helper('cms');
    $processor = $helper->getPageTemplateProcessor();
    $html = $processor->filter($this->getPage()->getContent());
    $html = $this->getMessagesBlock()->toHtml() . $html;
    return $html;
}