как добавить картинки подкатегорий в категории

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем Figulman, 1 авг 2015.

  1. Derill

    Derill Новичок

    Сообщения:
    16
    Симпатии:
    0
    Здравствуйте, помогите пожалуйста!!!
    Не получается вывести картинки категорий в меню!
    Все делаю как написано, но к сожалению не получается.
    Возможно все дело в версии, у меня ocStore-2.3.0.2.3
    очень прошу помочь!!

    Заранее спасибо!
     
  2. karpov

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

    Сообщения:
    1.518
    Симпатии:
    241
    Конечно в версии.. если ошибки видите. Если внимательно почитаете тему, то сразу видно, что обсуждают. Для разных версий, разный код. Вот тема под 2.3 http://forum.opencart-russia.ru/threads/podkategorii-kartinkami-v-kategorii-dlja-2-3-0-2.3919/
     
  3. ferdinant132

    ferdinant132 Новичок

    Сообщения:
    3
    Симпатии:
    0
    Помогите пожалуйста. Съезжают картинки! Дело то ли в классе col-sm-2 то ли в центрировании элементов. Так и не разобрался, каждый раз разный результат получается.

    Использую модификатор для вывода изображений подкатегорий. Вот код:

    <modification>
    <name>Подкатегории с картинками</name>
    <version>1.0</version>
    <code>Subcategory-Images</code>
    <author>opencart2x.ru</author>
    <link></link>

    <file path="catalog/controller/product/category.php">
    <operation>
    <search index="0"><![CDATA[
    $data['categories'][] = array(
    ]]></search>
    <add position="replace" offset="3"><![CDATA[
    if ($result['image']) {
    $image = $this->model_tool_image->resize($result['image'], 170, 170);
    } else {
    $image = $this->model_tool_image->resize('placeholder.png', 170, 170);
    }

    $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),
    'thumb' => $image
    );
    ]]></add>
    </operation>
    </file>

    <file path="catalog/view/theme/*/template/product/category.tpl">
    <operation>
    <search index="0"><![CDATA[
    <?php if ($categories) { ?>
    ]]></search>
    <add position="replace" offset="25"><![CDATA[
    <?php if ($categories) { ?>




    <div class="col-sm-12">


    <div style="text-align: center;">

    <div class="row">
    <?php foreach ($categories as $category) { ?>

    <div class="col-sm-2 col-xs-6" style="vertical-align:middle; display:table-cell; width:200px; text-align:center;">
    <div><a href="<?php echo $category['href']; ?>"><img src="<?php echo $category['thumb']; ?>" alt="<?php echo $category['name']; ?>" /></a></div>
    <div style="vertical-align:middle; display:table-cell; width:170px; text-align:center; "><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></div>
    </div>

    <?php } ?>
    </div>
    </div>
    </div>






    <?php } ?>
    ]]></add>
    </operation>
    </file>

    </modification>





    [​IMG]



    p.s. если сократить длину имен то все становится норм. Как исправить?
     
    Последнее редактирование: 6 сен 2018
  4. ferdinant132

    ferdinant132 Новичок

    Сообщения:
    3
    Симпатии:
    0

    p.s. p.s. вопрос решился жестким указанием ширины и высоты.
     
  5. SiteMix

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

    Сообщения:
    1.013
    Симпатии:
    174
    Достаточно было высоты. А если задана и ширина, то нужно задать её для разных экранов.
    И неплохо бы проверить как отображается на разных экранах. Например, там.
     
  6. DiMoss

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

    Сообщения:
    862
    Симпатии:
    236
    Достаточно определить высоту для того элемента, который сбивает сетку (так как увеличивает общую высоту элемента сетки), то есть для наименования. Такой эффект вы получаете из-за того, что у элементов сетки есть стиль float: left.

    Для безопасности вам необходимо принудительно перемещать ряд элементов на следующий ряд.

    Добиться этого можно стилем clear: left / clear: right
    Снимок экрана от 2018-09-06 11-55-02.png
     
    Последнее редактирование: 6 сен 2018
  7. ferdinant132

    ferdinant132 Новичок

    Сообщения:
    3
    Симпатии:
    0
    Всем большое спасибо!
     
  8. Juzosif

    Juzosif Активный пользователь

    Сообщения:
    262
    Симпатии:
    20
    Можешь поделиться?
    А то один сайт с Codeigniter переношу на Opencart 2.3 у них на старом сайте на категориях по 2 и более картинки.
     
  9. DiMoss

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

    Сообщения:
    862
    Симпатии:
    236
    Модификатора у себя не нашел. Многие я удалил! Видимо он был один из них.
    Вспомнил, что когда то создавал тему - http://forum.opencart-russia.ru/threads/banner-dlja-kategorii.2757/

    В целом создание дополнительных картинок для категорий дело простое!
     
  10. OlegZ

    OlegZ Пользователь

    Сообщения:
    52
    Симпатии:
    1
    Подскажите, пожалуйста. Воспользовался вашими советами из данной темы, все замечательно работает, но картинка выводится размером 80х80. Использую для вставки тег {{ category.image }}. Не подскажете как увеличить изображение?
     
  11. DiMoss

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

    Сообщения:
    862
    Симпатии:
    236
    Размер изображения меняется в настройках в админ-панели.
     
  12. OlegZ

    OlegZ Пользователь

    Сообщения:
    52
    Симпатии:
    1
    DiMoss, спасибо вам большое, но где в настройках? Все перелопатил, но нигде упоминания об этом не нашел.
     
  13. DiMoss

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

    Сообщения:
    862
    Симпатии:
    236
    Модули >>>> Тип расширения - Темы >>>> Настройки темы
     
    Помоги плиз и OlegZ нравится это.
  14. OlegZ

    OlegZ Пользователь

    Сообщения:
    52
    Симпатии:
    1
    DiMoss, еще раз спасибо, теперь въехал.
     
  15. Ravilr

    Ravilr Специалист

    Сообщения:
    3.864
    Симпатии:
    1.059
    на первой странице есть ответ. Нужно внимательно посмотреть и подумать. А на деле, зависит от сайта, темы, модификаторов итд.
     
  16. OldIndianaMen

    OldIndianaMen Новичок

    Сообщения:
    11
    Симпатии:
    0
    Подскажите, а как вывести описание. Заранее благодарен.
     
  17. Ravilr

    Ravilr Специалист

    Сообщения:
    3.864
    Симпатии:
    1.059
    все так же, только в таком духе
    PHP:
    'description' => html_entity_decode($result['description'], ENT_QUOTES'UTF-8');
     
  18. OldIndianaMen

    OldIndianaMen Новичок

    Сообщения:
    11
    Симпатии:
    0
    Спасибо, все ОК.