Ссылка на отзывы с переключением вкладки

[Ed71]

Здравствуйте. Подскажите, пожалуйста, как сделать ссылку на отзывы из категории товаров и поиска, чтобы при нажатии на нее открывалась вкладка отзывов в карте товара. Сайт: Для просмотра ссылки Войди или Зарегистрируйся.

Сделал в табах так, вставил в product_tab.tpl:

<a href="<?php echo $product['href']; ?>#tab-review"><?php echo $product['reviews']; ?></a>

В product.tpl вставил:

<script type="text/javascript">
$(function () {
var hash = $.trim( window.location.hash );
if (hash) $('#tabs a[href$="'+hash+'"]').trigger('click');
});
</script>

Все работает, выводится ссылка на отзывы с якорем "На основе отзывов". Но в категориях category.tpl, у меня внизу располагается скрипт owl карусели:

  <script type="text/javascript"><!--
function display(view) {
    if (view == 'list') {
        $('.product-grid').attr('class', 'product-list');
      
        $('.product-list > div').each(function(index, element) {
          
          
            html  = '<div class="left">';
          
            
            html += '<div class="owl-addimagecat owl-carousel">';
                     
            var image = $(element).find('.image').html();
            if (image != null) {
                html += '<div class="image">' + image + '</div>';
            }
          
                        var image2 = $(element).find('.image0').html();
            if (image2 != null) {
            html += ' <div class="image image0">' + image2 + '</div>';
          
            }
                        var image2 = $(element).find('.image1').html();
            if (image2 != null) {
            html += ' <div class="image image1">' + image2 + '</div>';
          
            }
                        var image2 = $(element).find('.image2').html();
            if (image2 != null) {
            html += ' <div class="image image2">' + image2 + '</div>';
          
            }
                        var image2 = $(element).find('.image3').html();
            if (image2 != null) {
            html += ' <div class="image image3">' + image2 + '</div>';
          
            }
                        var image2 = $(element).find('.image4').html();
            if (image2 != null) {
            html += ' <div class="image image4">' + image2 + '</div>';
          
            }
                        var image2 = $(element).find('.image5').html();
            if (image2 != null) {
            html += ' <div class="image image5">' + image2 + '</div>';
          
            }
                      
            html += '</div>';
           
          
            html += '</div>';
                      
            html += '<div class="centr">';

            html += ' <div class="name">' + $(element).find('.name').html() + '</div>';

            html += '  <div class="description">' + $(element).find('.description').html() + '</div>';
            var rating = $(element).find('.rating').html();
          
            if (rating != null) {
                html += '<div class="rating">' + rating + '</div>';
            }
            html += '</div>';
              
            html += '<div class="right">';
            var price = $(element).find('.price').html();
          
            if (price != null) {
                html += '<div class="price">' + price  + '</div>';
            }
            html += '  <div class="cart">' + $(element).find('.cart').html() + '</div>';
          
            html += ' <div class="hover_but">';

                        html += '</div>';
          
            html += '</div>';
                      
            $(element).html(html);
        });  
         $(".owl-addimagecat").owlCarousel({ navigation : true, pagination : false, singleItem : true });  
      
        $('.display').html('<span class="iconlist"></span> <a onclick="display(\'grid\');" class="icongrid"></a>');
      
        $.totalStorage('display', 'grid');
    } else {
        $('.product-list').attr('class', 'product-grid');
      
        $('.product-grid > div').each(function(index, element) {
            html = '';
          
            html += '<div class=img_but>';
          
            html += '<div class="owl-addimagecat owl-carousel">';
                     
            var image = $(element).find('.image').html();
            if (image != null) {
                html += '<div class="image">' + image + '</div>';
            }
          
                        var image2 = $(element).find('.image0').html();
            if (image2 != null) {
            html += ' <div class="image image0">' + image2 + '</div>';
          
            }
                        var image2 = $(element).find('.image1').html();
            if (image2 != null) {
            html += ' <div class="image image1">' + image2 + '</div>';
          
            }
                        var image2 = $(element).find('.image2').html();
            if (image2 != null) {
            html += ' <div class="image image2">' + image2 + '</div>';
          
            }
                        var image2 = $(element).find('.image3').html();
            if (image2 != null) {
            html += ' <div class="image image3">' + image2 + '</div>';
          
            }
                        var image2 = $(element).find('.image4').html();
            if (image2 != null) {
            html += ' <div class="image image4">' + image2 + '</div>';
          
            }
                        var image2 = $(element).find('.image5').html();
            if (image2 != null) {
            html += ' <div class="image image5">' + image2 + '</div>';
          
            }
                      
            html += '</div>';
                      
            html += ' <div class="hover_but">';

                        html += '</div>';
                      
            html += '</div>';
          
            html += '<div class="name">' + $(element).find('.name').html() + '</div>';
            html += '<div class="description">' + $(element).find('.description').html() + '</div>';
          
            var price = $(element).find('.price').html();
          
            if (price != null) {
                html += '<div class="price">' + price  + '</div>';
            }
                      
            var rating = $(element).find('.rating').html();
          
            if (rating != null) {
                html += '<div class="rating">' + rating + '</div>';
                                html += '<div class="cart">' + $(element).find('.cart').html() + '</div>';
            }
                  
            $(element).html(html);
        });  
         $(".owl-addimagecat").owlCarousel({ navigation : true, pagination : false, singleItem : true });      
        $('.display').html('<a onclick="display(\'list\');" class="iconlist"></a> <span class="icongrid"></span>');
      
        $.totalStorage('display', 'grid');
    }
}

view = $.totalStorage('display');

if (view) {
    display(view);
} else {
    display('grid');
}
//--></script>

И ссылка с якорем, просто-напросто не выводится. Если я убираю строку: var rating = $(element).find('.rating').html();, то ссылка отображается, но тогда пропадают изображения товаров. Подскажите, пожалуйста, как правильно сделать, чтобы и фотографии не пропадали, и ссылки на отзывы выводились. Заранее огромное спасибо.

 

[Ed71]

Решил проблему следующим образом:

 <div class="rating">
          <?php for ($i = 1; $i <= 5; $i++) { ?>
          <?php if ($product['rating'] < $i) { ?>
          <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
          <?php } else { ?>
          <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span>
          <?php } ?>
          <?php } ?>
<br><a href="<?php echo $product['href']; ?>#tab-review"><?php echo $product['reviews']; ?></a>
        </div>

Нужно было просто разместить ссылку на отзывы в div'e.

 

[gusewww]

Честно говоря никогда не понимал зачем разрабы вставляют инфу в табы, ведь людям проще скролить чем кликать на табы.
Чистое ИМХО.