Подкатегории картинками в категории для 2.3.0.2

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем Zhezkazganetcs, 17 окт 2016.

  1. Zhezkazganetcs

    Zhezkazganetcs Продвинутый пользователь

    Сообщения:
    819
    Симпатии:
    108
    не мое, но рабочее
    тестировалось на Version 2.3.0.2 (rs.3)
    Открываем файл /catalog/controller/product/category.php
    Здесь находим:
    Код:
    $data['categories'][] = array(
    и перед ним ставим следующее
    Код:
    if ($result['image']) {
    $caimage = $this->model_tool_image->resize($result['image'], 100, 100);
    }
    else {
    $caimage = $caimage = $this->model_tool_image->resize('no_image.png', 100, 100);
    }
    после
    Код:
    $data['categories'][] = array(
    меняем это
    Код:
    $data['categories'][] = array(
                        'name' => $result['name'] . ($this->config->get('config_product_count') ? ' (' . $this->model_catalog_product->getTotalProducts($filter_data) . ')' : ''),
                        'href' => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '_' . $result['category_id'] . $url)
                    );
    на это
    Код:
    $data['categories'][] = array(
    'name'  => $result['name'],
    'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '_' . $result['category_id'] . $url),
    'image'  => $caimage,
    'count'  => ($this->config->get('config_product_count') ?  $this->model_catalog_product->getTotalProducts($filter_data) : '')
    );
    Открываем файл /catalog/view/theme/default/template/product/category.tpl и находим следующий код (29-54 строки)
    Код:
     <?php if ($categories) { ?>
          <h3><?php echo $text_refine; ?></h3>
          <?php if (count($categories) <= 5) { ?>
          <div class="row">
            <div class="col-sm-3">
              <ul>
                <?php foreach ($categories as $category) { ?>
                <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
                <?php } ?>
              </ul>
            </div>
          </div>
          <?php } else { ?>
          <div class="row">
            <?php foreach (array_chunk($categories, ceil(count($categories) / 4)) as $categories) { ?>
            <div class="col-sm-3">
              <ul>
                <?php foreach ($categories as $category) { ?>
                <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
                <?php } ?>
              </ul>
            </div>
            <?php } ?>
          </div>
          <?php } ?>
          <?php } ?>
    на это
    Код:
          <?php if ($categories) { ?>
          <h3><?php echo $text_refine; ?></h3>
          <div class="row">
            <div class="subcats">
              <ul>
                <?php foreach ($categories as $category) { ?>
                <li class="col-sm-3">
                <a href="<?php echo $category['href']; ?>">
                <img src="<?php echo $category['image']; ?>" alt="<?php echo $category['name']; ?>" />
                <?php echo $category['name']; ?>
                </a>
                <?php if ($category['count']) { echo '<span class="count">'. $category['count'].'</span>';} ?>
                </li>
                <?php } ?>
              </ul>
            </div>
          </div>
          <?php } ?>
    добавляем стили
    Код:
    .subcats ul {padding: 0px;list-style-type:none;}
    .subcats li {margin-bottom: 20px;text-align: center;}
    .subcats li img {display: block;border-radius: 50px;margin: 0px auto 10px auto;border: 1px solid #ECECEC;}
    .subcats .count {position: absolute;top: 0px;left: 50%;background: #FF6A00;color: #fff;text-align: center;line-height: 30px;width: 30px;border-radius: 15px;margin-left: 32px;border: 1px solid #ECECEC;}
    сам размер картинок правится в
    Код:
    $caimage = $caimage = $this->model_tool_image->resize('no_image.png', 100, 100);
    т.е. вместо 100 - свое
    и мне круглые не нравятся, поэтому стили правьте сами
     

    Вложения:

    artaaroth, mosrodik, olganest и 3 другим нравится это.
  2. Ravilr

    Ravilr Специалист

    Сообщения:
    3.863
    Симпатии:
    1.059
    такое лучше писать в той теме, где это обсуждается. Иначе получится несколько почти одинаковых ответов на одно решение. Или хотя бы писать в названии темы, что то другое. Например указать версию и прописать что сбособ дизайнерский что ли.
     
  3. Zhezkazganetcs

    Zhezkazganetcs Продвинутый пользователь

    Сообщения:
    819
    Симпатии:
    108
    пусть админ примет решение
     
  4. olganest

    olganest Новичок

    Сообщения:
    1
    Симпатии:
    0
    Спасибо, но выходит ошибка Notice: Undefined variable: result in /home/s/smotrioa/ck48259-wordpress.tw1.ru/public_html/catalog/controller/product/category.php on line 150

    Изображение, загруженное к подкатегории не отображается, отображается стандартная картинка.
    Подскажите как исправить?
     
  5. Zhezkazganetcs

    Zhezkazganetcs Продвинутый пользователь

    Сообщения:
    819
    Симпатии:
    108
    к сожалению я не знаю как исправить
    но решение лично протестировал, прежде чем выкладывать
     
  6. lena1979

    lena1979 Новичок

    Сообщения:
    2
    Симпатии:
    0
    добрый день, все получилось, но после этого перестал работать фильтр товаров. Как-то можно исправить?
     
  7. Vlad

    Vlad Эксперт

    Сообщения:
    4.129
    Симпатии:
    999
    видимо попортили шаблон, т.е оставили не закрытые теги.
    Или фильтр как то привязан к шаблону списка товаров в определенному блоку, а вы этот блок переделали...
     
  8. lena1979

    lena1979 Новичок

    Сообщения:
    2
    Симпатии:
    0
    ocstore 2.3 фильтр и родной и сверху поставленный, кнопка фильтр перестает реагировать?
     
  9. Vlad

    Vlad Эксперт

    Сообщения:
    4.129
    Симпатии:
    999
    не должно было повлиять.
     
  10. cyx

    cyx Новичок

    Сообщения:
    6
    Симпатии:
    0
    а как организовать "иконки" для категорий в меню
    [​IMG]
     
  11. Ален

    Ален Эксперт

    Сообщения:
    2.056
    Симпатии:
    640
  12. viktorzherlitsin

    viktorzherlitsin Новичок

    Сообщения:
    1
    Симпатии:
    1
    помогите, в ношу изменения в это фаил ничего не меняется stylesheet.css что делаю не так.?
    вставляю вот это
    .subcats ul {padding: 0px;list-style-type:none;}
    .subcats li {margin-bottom: 20px;text-align: center;}
    .subcats li img {display: block;border-radius: 50px;margin: 0px auto 10px auto;border: 1px solid #ECECEC;}
    .subcats .count {position: absolute;top: 0px;left: 50%;background: #FF6A00;color: #fff;text-align: center;line-height: 30px;width: 30px;border-radius: 15px;margin-left: 32px;border: 1px solid #ECECEC;}
    А так все работает все получилось
     
    Тимур-вектор нравится это.
  13. Vlad

    Vlad Эксперт

    Сообщения:
    4.129
    Симпатии:
    999
    Тема по умолчанию? КЕш браузера чистили нажатием ctrl+f5
     
  14. Тимур-вектор

    Тимур-вектор Новичок

    Сообщения:
    5
    Симпатии:
    0
    У меня та же проблема(((
     
  15. Тимур-вектор

    Тимур-вектор Новичок

    Сообщения:
    5
    Симпатии:
    0
    Все эти стили почему то срабатывают только в мобильной версии...
     
  16. karpov

    karpov Продвинутый пользователь

    Сообщения:
    1.518
    Симпатии:
    241
    Быть такого не может.
     
  17. Тимур-вектор

    Тимур-вектор Новичок

    Сообщения:
    5
    Симпатии:
    0
    Думаете я шучу?Смотрите сами: http://skladu.net/index.php?route=product/category&path=25 перетяните окно до мобильной версии и сами увидите...
     

    Вложения:

  18. karpov

    karpov Продвинутый пользователь

    Сообщения:
    1.518
    Симпатии:
    241
    Конечно )) Решение указано для темы по умолчанию. На остальных темах может быть все что угодно...
    Да и стили вы воткнули прямо в @media (max-width: 768px) {
    и что вы желаете, если сами захотели так :)
     
  19. Тимур-вектор

    Тимур-вектор Новичок

    Сообщения:
    5
    Симпатии:
    0
    Вы поймите... Здесь спец Вы и Вам подобные... Такие как я, имея навыки как у Вас не искали бы подобную инфу и решения... Поэтому ищем помощи... Если Вам не трудно, объясните пожалуйста чайнику куда я что не правильно сделал? Ведь парень выше тоже писал что у него не получилось... Я все делал как у Вас написано... шаблон стандартный самый который идет в опенкарте...
     
  20. Тимур-вектор

    Тимур-вектор Новичок

    Сообщения:
    5
    Симпатии:
    0
    Я уже разобрался почему так было... я в самый конец файла засунул классы и он почему то подтягивался к @media (max-width: 768px)... Убрал повыше и все норм