Перейти к публикации
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

Адаптивные изображения в описании товара


 Поделиться

Рекомендованные сообщения

10 минут назад, Marianna сказал:

если уже куча статей. бррр

Весь топик о добавлении класса в статьи , которые добавлены руками.

Ваш вопрос именно об этом
 

4 часа назад, Marianna сказал:

надо как-то придумать чтобы в ckeditor автоматом класс лепился при добавлении изображения.

То есть явно речь не о неком импорте статьей.

Так о каком "брррр" речь?

То есть создать саму статью , это не проблема, перейти в режим исходного кода ( тут же) и добавить класс уже проблема...

Ну тогда не знаю, что и сказать.

Ссылка на комментарий
Поделиться на других сайтах

  • 1 месяц спустя...
В 10.10.2019 в 16:28, Tom сказал:

Так этот инструмент называется  - руки.

Подскажите пожалуйста почему у меня не открываются картинки в описании товара когда прайс загружаю через АОП? 

Ссылка - https://stomatop.com.ua/stomatologicheskoe-oborudovanie/rentgen-oborudovanie-planmeca/panoramnyj-rentgen-planmeca-proone-tsifrovoj

На месте пропуска должны быть фото!

Ссылка на комментарий
Поделиться на других сайтах


  • 4 месяца спустя...

Для Ckeditor 4.x:

Добавить в конец файла admin/view/javascript/ckeditor/ckeditor.js

CKEDITOR.on('instanceReady', function(evt) {
    evt.editor.dataProcessor.htmlFilter.addRules({
        elements: {
            img: function(el) {
                // Add class
                el.addClass('img-responsive');
            }
        }
    });
});

Добавляет ко всем изображениям в редакторе class 'img-responsive'

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах


  • 2 года спустя...

1 потрібно визначити де буде відображатися текст з картинками

2 знайти це місце в шаблоні визначити який клас є в цьому блоці або створити свій (нариклад <div class="text-block">тут виводиться ваш текст  </div> )

3. В css добавляємо 

.text-block img {width: 100%! important; height: auto;}

Вирішить проблему в 80% випадків, але нічого надійнішого ніж ручне добавляння класу img-responsive для картинок і видалення вказаних розмірів з скопійованого тексту немає і жоден скрипт не допоможе.

 

П.с. важливо знати що за шаблон і чи підключений стандартний бутсрап, можуть бути варіанти

Ссылка на комментарий
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.