Каталог товаров в табе

Тема в разделе "Opencart", создана пользователем Ed71, 8 сен 2015.

Информация :
Внимание форумчане! При создании тем, или выкладывании какой-либо информации проверьте в какой ветке форума вы находитесь! Не путайте Opencart и Opencart2. При несоблюдении данного условия выносится соответствующее наказание! И потом не говорите что вас НЕ ПРЕДУПРЕЖДАЛИ! По возможности используйте обменники mail, yandex, google, dropbox, rghost Дабы избежать просьб перезалить и проблем с рекламой!
Модераторы: ZiX
  1. Ed71

    Ed71 Постоялец

    Регистр.:
    6 янв 2015
    Сообщения:
    99
    Симпатии:
    21
    Здравствуйте. Поставил себе на сайт модуль каталог товаров: http://stylishjewel.ru/ukrashenija-...bra/podveski-iz-serebra-s-kamnjami/p0962.html.
    По умолчанию, вывести его в карточке товара можно слева-справа-сверху-снизу. Решил попробовать запихать его в таб. Сделал таким образом:
    в product.tpl прописал
    Код:
      <div id="tabs" class="htabs"><a href="#tab-description"><?php echo $tab_description; ?></a>
        <?php if ($attribute_groups) { ?>
        <a href="#tab-attribute"><?php echo $tab_attribute; ?></a>
        <?php } ?>
        <?php if ($review_status) { ?>
        <a href="#tab-review"><?php echo $tab_review; ?></a>
        <?php } ?>
        <?php if ($products) { ?>
        <a href="#tab-related"><?php echo $tab_related; ?> (<?php echo count($products); ?>)</a>
        <?php } ?>
    <a class="selected" href="#tab-katalog" style="display: inline;">Каталог товаров</a>
      </div>
    в catalog.tpl прописал
    Код:
    <div id="tab-katalog" class="tab-content" style="display: block;">
    
    <div id="column-extra4">
    <div class="box">
    <div class="box-content">
    <div id="catalog" class="box-category">
        <ul>
           <?php foreach ($manufactureres as $manufacturer) { ?>
             <li class = "toplevel">
           
             <?php if ($manufacturer['manufacturer_id'] == $active_manufacturer) { ?>
              <a rel="<?php echo $manufacturer['manufacturer_id']; ?>" class="active"><span class="pl">-  </span><?php echo $manufacturer['name']; ?></a>
              <?php } else { ?>
              <a rel="<?php echo $manufacturer['manufacturer_id']; ?>"><span class="pl">+  </span><?php echo $manufacturer['name']; ?></a>
              <?php } ?>
                <?php if ($manufacturer['products']) { ?>      
                    <ul>
                  
                     <?php foreach ($manufacturer['products'] as $product) { ?>
                         <li<?php if (!$product['qty']){?> class="zeroqauntity"<?php } ?>>
                            <?php if ($product['product_id'] == $product_id) { ?>
                                <a href="<?php echo $product['href']; ?>" title="<?php echo $product['name']; ?>"class="active" rel="<?php echo $product['image']; ?>"><?php echo $product['name']; ?><?php if ($product['special']){?><span class="special">&nbsp;Акция!</span><?php } ?></a>
                                <?php } else { ?>
                                <a href="<?php echo $product['href']; ?>" title="<?php echo $product['name']; ?>" rel="<?php echo $product['image']; ?>"><?php echo $product['name']; ?><?php if ($product['special']){?><span class="special">&nbsp;Акция!</span><?php } ?></a>
                                <?php } ?>
                            </li>
                        <?php } ?>
                    </ul>
                <?php } ?>
            </li>
    
            <?php } ?>
     
         </ul></div>
    </div>
    </div>
    стили
    Код:
    #catalog > ul > li > a  {
        color: #104889;
        font-size:14px;
        position: relative;
    }
    
    #catalog > ul > li a.active  {
        color: #FF4500;
    }
    
    
    
    #catalog > ul > li > a > span.pl  {
        color: #8470FF; font-size:14px;
    }
    
    #catalog > ul > li > a > span.total  {
        color: grey; font-size: 12px; font-weight:normal; font-style:  italic;
    }
    
    #catalog > ul > li > a.active > span.pl  {
        color: #FF4500;
    }
    
    
    #catalog > ul > li  a:hover {
        color: #FF4500
    }
    
    #catalog > ul > li > a:hover > span.pl  {
        color: #FF4500
    }
    
    #catalog > ul > li + li {
        border-top: none;
    }
    
    #catalog > ul > li .special{
        color: red;
    }
    
    #catalog > ul > li .zeroqauntity > a{
        color: grey;
    }
    
    #catalog > ul > li ul > li > a.active {
        font-weight: normal;
    }
    
    .micropopup {
            position: absolute;
            margin-left: 185px;
            margin-top: -30px;
            z-index: 999;
            border: 1px solid #000;
            padding:3px;
            background:white;
            display: none;
    }
    
    .micropopup:after, .micropopup:before {
            right: 100%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
    }
    
    .micropopup:after {
            border-color: rgba(255,70,9, 0);
            border-right-color: #fff;
            border-width: 5px;
            top: 10px;
            margin-top: -5px;
    }
    
    .micropopup:before {
            border-color: rgba(255,70,9, 0);
            border-right-color: #000;
            border-width: 6px;
            top: 10px;
            margin-top: -6px;
    }
    
    #catalog > ul > li a:hover .micropopup  {
            display: block;
    }
    
    #catalog > ul > li ul > li > a img {
            float: left;
            margin: 0px 0px 0px 0px;
    }
    Таб с каталогом создался, но при этом в карточке товара исчез футер. Во вкладке каталог товара он есть, но что-то со стилями не то, съехало все. Подскажите, пожалуйста, как доработать по уму, чтобы отображалось все, как нужно. Заранее огромное спасибо.
     
    Последнее редактирование: 8 сен 2015
  2. eanknd

    eanknd Создатель

    Регистр.:
    4 апр 2014
    Сообщения:
    21
    Симпатии:
    10
    Попробуйте в catalog.tpl тот код, что Вы выложили заменить для начала на этот:
    Код:
    <div id="tab-katalog" class="tab-content" style="display: block;">
        <div id="column-extra4">
            <div class="box">
                <div class="box-content">
                    <div id="catalog" class="box-category">
                        <ul>
                            <?php foreach ($manufactureres as $manufacturer) { ?>
                            <li class = "toplevel">
                                <?php if ($manufacturer['manufacturer_id'] == $active_manufacturer) { ?>
                                <a rel="<?php echo $manufacturer['manufacturer_id']; ?>" class="active"><span class="pl">-  </span><?php echo $manufacturer['name']; ?></a>
                                <?php } else { ?>
                                <a rel="<?php echo $manufacturer['manufacturer_id']; ?>"><span class="pl">+  </span><?php echo $manufacturer['name']; ?></a>
                                <?php } ?>
                               
                                <?php if ($manufacturer['products']) { ?>     
                                <ul>
                                    <?php foreach ($manufacturer['products'] as $product) { ?>
                                    <li><?php if (!$product['qty']){?> class="zeroqauntity"<?php } ?>
                                        <?php if ($product['product_id'] == $product_id) { ?>
                                        <a href="<?php echo $product['href']; ?>" title="<?php echo $product['name']; ?>"class="active" rel="<?php echo $product['image']; ?>"><?php echo $product['name']; ?><?php if ($product['special']){?><span class="special">&nbsp;Акция!</span><?php } ?></a>
                                        <?php } else { ?>
                                        <a href="<?php echo $product['href']; ?>" title="<?php echo $product['name']; ?>" rel="<?php echo $product['image']; ?>"><?php echo $product['name']; ?><?php if ($product['special']){?><span class="special">&nbsp;Акция!</span><?php } ?></a>
                                        <?php } ?>
                                    </li>
                                    <?php } ?>
                                </ul>
                                <?php } ?>
                            </li>
                            <?php } ?>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
     
    Ed71 нравится это.
  3. Ed71

    Ed71 Постоялец

    Регистр.:
    6 янв 2015
    Сообщения:
    99
    Симпатии:
    21
    Спасибо огромное! Все работает. Еще такой вопрос, в списке товаров во вкладке присутствует товар с этой страницы, он помечается красным цветом, который получается ссылается сам на себя. Как-нибудь можно сделать, чтобы его или вообще не присутствовало в списке или же ссылка была неактивная, как это сделано в хлебных крошках
    Код:
    <div class="breadcrumb">
                <span xmlns:v="http://rdf.data-vocabulary.org/#">
                <?php $i=0; foreach ($breadcrumbs as $breadcrumb) { $i++; ?>
                <span typeof="v:Breadcrumb">
                <?php echo $breadcrumb['separator']; ?><?php if (count($breadcrumbs)!= $i) { ?><a href="<?php echo $breadcrumb['href']; ?>" rel="v:url" property="v:title" title="<?php echo $breadcrumb['text']; ?>" alt="<?php echo $breadcrumb['text']; ?>"><?php } else { ?><a rel="v:url" property="v:title" title="<?php echo $breadcrumb['text']; ?>" alt="<?php echo $breadcrumb['text']; ?>"><?php } ?><?php echo $breadcrumb['text']; ?></a>
                </span>
                <?php } ?>
                </span>
            </div>
     
  4. eanknd

    eanknd Создатель

    Регистр.:
    4 апр 2014
    Сообщения:
    21
    Симпатии:
    10
    Через условие установите, если товар не активен, то ссылка формируется, иначе - нет. Если привели в пример хлебные крошки, то вот Вам другой код, попробуйте посмотреть как реализовано здесь:
    Код:
    <ul class="breadcrumb">
        <?php foreach ($breadcrumbs as $i=>$breadcrumb) { ?>
        <li>
            <?php if($i+1<count($breadcrumbs)) { ?>
            <a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
            <?php } else { ?>
            <?php echo $breadcrumb['text']; ?>
            <?php } ?>
        </li>
        <?php } ?>
    </ul>
    Предполагаю, что нужно убрать в Вашем коде
    Код:
    <a href="<?php echo $product['href']; ?>" title="<?php echo $product['name']; ?>" rel="<?php echo $product['image']; ?>"><?php echo $product['name']; ?><?php if ($product['special']){?><span class="special">&nbsp;Акция!</span><?php } ?></a>
    и вставить
    Код:
    <?php echo $product['name']; ?><?php if ($product['special']){?><span class="special">&nbsp;Акция!</span><?php } ?>
     
    Ed71 нравится это.
  5. Ed71

    Ed71 Постоялец

    Регистр.:
    6 янв 2015
    Сообщения:
    99
    Симпатии:
    21
    Сейчас заменил код, но как-то все наоборот получилось. У всего списка теперь URL пропали, за исключением, товара этой страницы, того что отмечен красным цветом.

    Еще раз огромное спасибо, разобрался. Прописал следующим образом:

    <a title="<?php echo $product['name']; ?>"class="active" rel="<?php echo $product['image']; ?>"><?php echo $product['name']; ?><?php if ($product['special']){?><span class="special">&nbsp;Акция!</span><?php } ?></a>
    <?php } else { ?>
    <a href="<?php echo $product['href']; ?>" title="<?php echo $product['name']; ?>" rel="<?php echo $product['image']; ?>"><?php echo $product['name']; ?><?php if ($product['special']){?><span class="special">&nbsp;Акция!</span><?php } ?></a>
     
    Последнее редактирование: 8 сен 2015