public function render(Varien_Object $row) { $html = array(); $entityId = $row->getData('entity_id'); $images = array(); $visibleItems = $row->getAllVisibleItems(); if (is_array($visibleItems)) { foreach ($visibleItems as $orderItem) { $product = $orderItem->getProduct(); if ($product && $product->getThumbnail() !== NULL && $product->getThumbnail() != 'no_selection') { $images[] = "<img src='" . $product->getThumbnailUrl() . "'/>"; } } } if (count($images) > 0) { $visibleSlided = 3; $widthImg = 75; $paddingImg = 2; $scrollerWidth = 40; $showCarousel = count($images) > $visibleSlided; $html[] = ' <div class="carousel" id="carousel_' . $entityId . '" style="' . ($showCarousel ? 'width: ' . (($widthImg + $paddingImg) * $visibleSlided + $scrollerWidth) . 'px;' : '') . '"> ' . ($showCarousel ? ' <a href="javascript:" class="carousel-control prev" rel="prev"><</a> <a href="javascript:" class="carousel-control next" rel="next">></a> ' : '') . ' <div class="am_middle" style="width: ' . ($showCarousel ? $visibleSlided * ($widthImg + $paddingImg) : '') . 'px;"> <div class="am_inner" style="width: ' . count($images) * ($widthImg + $paddingImg) . 'px;"> ' . implode('', $images) . ' </div> </div> </div> ' . ($showCarousel ? ' <script> new Carousel( $(\'carousel_' . $entityId . '\').down(\'.am_middle\'), $(\'carousel_' . $entityId . '\').down(\'.am_inner\').select(\'img\'), $(\'carousel_' . $entityId . '\').select(\'a\'), { duration: 0.7, visibleSlides: ' . $visibleSlided . ' }); </script> ' : '') . ' '; } return implode("<br/>", $html); }