Вопрос по фото в статьях

[Soong]

Добрый день!

Подскажите как фото сделать адаптивными? 

[AUSS]

img {

max-width: 100%;

}

[AlexDW]

в режиме исходного кода добавить им class="image-responsive"

class="img-responsive"

[Agatha65]

10 hours ago, AlexDW said:

в режиме исходного кода добавить им class="image-responsive"

 

class="img-responsive"

[specialforce22]

12 часов назад, AlexDW сказал:

в режиме исходного кода добавить им class="image-responsive"

 

1 час назад, Agatha65 сказал:

 

class="img-responsive"

 

Если говорить о таких статьях , то озвученный вариант мне дал не полную растяжку фото, что называется, справа было еще два пальца молоко, тогда пришлось выкручиваться старым дедовским способом 

style="width: 100%; height: auto;"

 

Но что-то я стал переживать, что мой способ не правильный, так сказать.

Что думаете?

[Tom]

<script type="text/javascript">
    $(document).ready(function() {
        $("img").addClass("img-responsive");
});
</script>

Можно добавить  удаление style

<script type="text/javascript">
    $(document).ready(function() {
        $("img").addClass("img-responsive");
		$("img").attr("style","");
});
</script>

скрипт соответственно добавить в файл information.tpl в самый конец.

Змінено 6 лютого 2020 користувачем Tom

[AlexDW]

46 минут назад, specialforce22 сказал:

Если говорить о таких статьях , то озвученный вариант мне дал не полную растяжку фото, что называется, справа было еще два пальца молоко, тогда пришлось выкручиваться старым дедовским способом 

style="width: 100%; height: auto;"

 

Но что-то я стал переживать, что мой способ не правильный, так сказать.

Что думаете?

 

просто ТС изначально не уточнил этот момент

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

 

вариант с class="img-responsive" - штатное решение движка и прекрасно работает, уменьшая изображение если оно не вписывается в размер экрана

если же вписывается или меньше - оно показывается в текущем масштабе и не растягивается

 

style="width: 100%; height: auto;" - будет масштабировать по размеру области

и если размер изображения меньше области - растягивать до ее размера, что не совсем хорошо и приводит к логичной потере качества

[AlexDW]

можно сделать методом @Tom

но это зацепит все изображения страницы, не только статьи

 

только для самой статьи можно так:

в файле catalog\controller\information\information.php

после строки

$data['description'] = html_entity_decode($information_info['description'], ENT_QUOTES, 'UTF-8');

добавить

$data['description'] = str_replace("<img", "<img class='img-responsive'", $data['description']);

и обновить кеш модификаторов для верности

 

PS: если статья где-то используется для подтверждения - еще и про метод agree() не забыть

[Tom]

5 минут назад, AlexDW сказал:

но это зацепит все изображения страницы, не только статьи

Это действительно так. Можно добавить класс который использует описание, а так как в шаблонах оно у всех разное, то и общее для всех предложить не могу.

 

Как то так

 $(".класс_описания img").addClass("img-responsive");
 $(".класс_описания img").attr("style","");

[Soong]

Всем спасибо за ответы)

Все работает, простейший метод
class="img-responsive"

Змінено 7 лютого 2020 користувачем Soong

[yurok79]

В 06.02.2020 в 10:50, AlexDW сказал:

только для самой статьи можно так:

в файле catalog\controller\information\information.php

после строки

$data['description'] = html_entity_decode($information_info['description'], ENT_QUOTES, 'UTF-8');

добавить

$data['description'] = str_replace("<img", "<img class='img-responsive'", $data['description']);

 

Здравствуйте, а подскажите что у куда прописать не для стандартных информационных статей, а для модуля "Блоги" ОС3

Змінено 1 листопада 2020 користувачем yurok79

[sundecorElena]

ДОбрый день. Помогите. с недавнего времени нет возможности добавить фото товара. при нажатии на карандаш, становиться все серым. Что это может быть? 

[AlexDW]

1 час назад, sundecorElena сказал:

при нажатии на карандаш, становиться все серым. Что это может быть?

если приглядеться - видна ошибка под логотипом

вероятно до этого изображение слишком большого размера загрузили, проверяйте и удаляйте

[sundecorElena]

В 05.11.2020 в 20:42, AlexDW сказал:

если приглядеться - видна ошибка под логотипом

вероятно до этого изображение слишком большого размера загрузили, проверяйте и удаляйте

благодарю. оказывается мой обьем закончился, пришлось доплачивать за новый пакет и все сразу стало норм.

[Prooksius]

хорошо бы еще выяснить, почему переполнилось, бывает такое, что какие-то там файлы создаются, но не хватает прав для того чтобы их удалить или перезаписать. Не часто, но случается. И ваш аккаунт пухнет, как на дрожжах.

 

Также опенкарт глюкавит, если загружать очень большую картинку. Переполнение памяти.
Как-то видел сайт на битриксе, там хозяин умудрился назагружать немерянную кучу *.bmp по 20-30мб и битрикс достойно справлялся - делал миниатюры и показывал. А вот опенкарт что-то лагает тут.

Змінено 8 грудня 2020 користувачем Prooksius