<div class="h" style="width:12px;height:12px;background-color:{echo SOrders::$statuses_color[$o->getStatus()]}">&nbsp;</div>
                <div class="pList" style="position:fixed;z-index:9999;background-color:#fff;border:1px solid silver;padding:3px;display:none;margin-top:-15px;">
                    {echo SOrders::$statuses[$o->getStatus()]}<br/>
                    {foreach $o->getSOrderProductss() as $p}
                        {$productUrl = '#'}
                        {$productModel = $p->getSProducts()}
                        {if $productModel}
                            {$productUrl = '/shop/product/'.$productModel->getUrl()}
                            <a target="_blank" href="{$productUrl}">{echo $p->getProductName()}</a>
                        {else:}
                            {echo $p->getProductName()}
                        {/if}

                        {echo $p->getVariantName()}
                        {echo $p->getQuantity()} шт. × {echo $p->getPrice(true)} {$CS}
                        <br/>
                    {/foreach}
                </div>


{literal}
<script type="text/javascript">
        $$(".h").each(function(el) {
             el.addEvents({
                'mouseenter': function(e) {
                    el.getNext().setStyle("display","block");
                }
                //'mouseleave': function(e) {
                //   $$(".pList").setStyle("display", "none");
                //}
            });
        });

        $$(".pList").each(function(el) {
             el.addEvents({
                'mouseleave': function(e) {
                    el.setStyle("display", "none");
                }
            });
        });
</script>
{/literal}