[Помогите] Увеличение картинки в описании категории

Тема в разделе "OpenCart", создана пользователем Alexandr, 4 апр 2013.

  1. Alexandr

    Alexandr

    Регистрация:
    6 ноя 2012
    Сообщения:
    179
    Симпатии:
    52
    Как сделать так, чтобы в описании категории, если есть картинка, то она увеличивалась при нажатии на нее как в продукте товара?
     
  2. Florenco

    Florenco

    Регистрация:
    3 мар 2013
    Сообщения:
    220
    Симпатии:
    102
    Если вы имели в виду продукты, то так:

    catalog/controller/product/category.php

    после:
    if ($result['image']) {
    $image = $this->model_tool_image->resize($result['image'], $this->config->get('config_image_product_width'), $this->config->get('config_image_product_height'));
    } else {
    $image = false;
    }


    добавить:
    if ($result['image']) {
    $popup = $this->model_tool_image->resize($result['image'], $this->config->get('config_image_popup_width'), $this->config->get('config_image_popup_width'));
    } else {
    $popup = false;
    }


    после:
    'thumb' => $image,

    добавить:
    'popup' => $popup,


    catalog/view/theme/ТЕМА/template/product/category.tpl

    заменить:
    <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>

    на:
    <div class="image"><a href="<?php echo $product['popup']; ?>" class="colorbox" title="<?php echo $product['name']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
     
    spy нравится это.
  3. Alexandr

    Alexandr

    Регистрация:
    6 ноя 2012
    Сообщения:
    179
    Симпатии:
    52
  4. Florenco

    Florenco

    Регистрация:
    3 мар 2013
    Сообщения:
    220
    Симпатии:
    102
    Картинка вставленная в описание или та, которая миниатюрой вставляется?
     
  5. Alexandr

    Alexandr

    Регистрация:
    6 ноя 2012
    Сообщения:
    179
    Симпатии:
    52
    в описании картинка сжата просто, хотелось бы при клике на нее открывалась картинка размером 500х500.
     
  6. Florenco

    Florenco

    Регистрация:
    3 мар 2013
    Сообщения:
    220
    Симпатии:
    102
    Для этого нужно вызов colorbox из product.tpl перенести (скопировать и убрать) в footer.tpl, добавив его перед </body>
    А для картинки-ссылки добавить класс colorbox (class="colorbox")
     
  7. Alexandr

    Alexandr

    Регистрация:
    6 ноя 2012
    Сообщения:
    179
    Симпатии:
    52
    Сделал, но окно с картинка не открывается вообще, просто открывается окно, а в ней ajax-loader.
    и все
     
  8. Florenco

    Florenco

    Регистрация:
    3 мар 2013
    Сообщения:
    220
    Симпатии:
    102
    Если всё сделали как тут - http://wmasteru.ru/threads/Наработки-opencart.4037/#post-45310

    1. Нажимаете на вставку картинки - Выбор на сервере - убавляете до нужного размера - не закрывая окно нажимаете вкладку "Ссылка" - выбираете то изображение, которое будет открываться большим (размер не меняем) - Ок.

    2. Кликаем один раз на картинку в тексте - в редакторе нажимаем "Вставить/Редактировать ссылку" - в окне выбираем вкладку "Дополнительно" - в поле "Классы CSS" пишем "colorbox" - Ок.
     
  9. vasiliy

    vasiliy

    Регистрация:
    1 сен 2012
    Сообщения:
    62
    Симпатии:
    5
    Супер, подскажите пожалуйста еще как регулировать размер изображения в всплывающем окне??? Так как все работает но откривает именно в том размере в котором орыгинал фото,а хотелось бы как то задать нужный размер!
    Спасибо.