Работа! Адаптивные картинки в тексте

Тема в разделе "Поиск исполнителей", создана пользователем Anton55, 7 фев 2020.

  1. Anton55

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

    Сообщения:
    41
    Симпатии:
    0
    Доброго времени суток. Периодически добавляю картинки в текст о товаре, однако картинки нормально видны только с компа.
    Нужно изменить шаблон так, что бы любая картинка добавленная в текст по умолчанию становилась адаптивной.
    Оплата 500р, перекинуть деньги могу на сбер или тинькоф. Оплата 50\50
     
  2. alex_a_k

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

    Сообщения:
    37
    Симпатии:
    0
    Какая версия и сборка OC?
     
  3. alex_a_k

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

    Сообщения:
    37
    Симпатии:
    0
    Добавьте в тэг img класс img-responsive.
    Т.е. должно получиться что-то типа.
    <img src="myimage.jpg" class="img-responsive">, должно сработать.
    Если все ок, то пишите в личку, сброшу номер карты.
    Согласен на 300 р. )))
     
  4. Anton55

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

    Сообщения:
    41
    Симпатии:
    0
    Извините, забыл указать. Version 3.0.3.1 (rs.1)
     
  5. Anton55

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

    Сообщения:
    41
    Симпатии:
    0
    Хорошо)) только скажите в каком файле это все менять?
     
  6. alex_a_k

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

    Сообщения:
    37
    Симпатии:
    0
    Не в файле.
    Просто в самом тексте, где вы добавляете картинки, после добавления нажмите в редакторе кнопку "показать код" и добавьте class="img-responsive" в нужные тэги <img>
     
  7. Anton55

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

    Сообщения:
    41
    Симпатии:
    0
    В том то и дело что нужно что бы это происходило само, а не что бы я руками это заново делал каждый раз
     
  8. alex_a_k

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

    Сообщения:
    37
    Симпатии:
    0
    Но это должно происходить в текстах, которые вы вводите руками?
    Cтатьи, описания товаров, категорий и т.д. и т.п.?

    Так не получится.
    Можно конечно поставить костыль через JQuery.
    В целом будет работать, но само по себе решение не очень красивое.
     
  9. alex_a_k

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

    Сообщения:
    37
    Симпатии:
    0
    Для начала попробуйте вручную поставить в каком-либо тексте, чтобы проверить работоспособность метода на ваше шаблоне.
     
  10. Anton55

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

    Сообщения:
    41
    Симпатии:
    0
    В ручную то проблем нет, все работает.
    Но помножить это на допустим 100 товаров и получится безумное количество времени.
    Может надо поменять код именно самого встроенного текстового редактора..
     
  11. mars1an

    mars1an Специалист

    Сообщения:
    629
    Симпатии:
    516
    Для новых изображений это делается в /admin/view/javascript/summernote/opencart.js
    найти
    PHP:
    $(element).summernote('insertImage', $(this).attr('href'));
    заменить на
    PHP:
    $(element).summernote('insertImage', $(this).attr('href'), function($image) {
      
    $image.css('width'$image.width());
      
    $image.attr('class''img-responsive');
    });
    Для уже заведённых, только запрос к БД или костыль со скриптом в карточке товара.
     
    Ravilr и Bkmz нравится это.