Перейти к содержанию
  • В связи с блокировкой банка QIWI оплата через сайт не возможна.
    Для оплаты и получения дополнений просьба писать в личные сообщения
    Admin*у
    После оплаты Вам так же будет доступно скачивание дополнений и обновлений на данном форуме

Прописывание размеров изображений для баннеров


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

Здравствуйте.

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

В контроллере banner.php есть

foreach ($results as $result) {
			if (is_file(DIR_IMAGE . $result['image'])) {
				$data['banners'][] = array(
					'title' => $result['title'],
					'link'  => $result['link'],
					'image' => $this->model_tool_image->resize($result['image'], $setting['width'], $setting['height'])
				);
			}
		}

 

Если я добавлю

'banner-width' => $setting['width'],
'banner-height' => $setting['height']

и подкорректирую вывод в twig

<img src="{{ banner['image'] }}" alt="{{ banner['title'] }}" height={{ banner['banner-height'] }} width={{ banner['banner-width'] }} class="img-responsive" />

это будет корректно?

 

Спасибо

 
Ссылка на комментарий

catalog/controller/extension/module/banner.php

перед
 

foreach ($results as $result) {

добавил
 

$data['images_dimensions'] = [
 'image_width' => $setting['width'],
 'image_height' => $setting['height']
];

А в файле catalog/view/theme/Ваш_Шаблон/template/extension/module/banner.twig 

Заменил вывод картинок
 

<img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" />

на

<picture>
 <source type="image/jpeg" srcset="{{ banner.image }}">
 <img src="{{ banner.image }}" alt="banner.title" title="banner.title" class="img-responsive" {{ images_dimensions ? 'width="' ~ images_dimensions.image_width ~ '" height="' ~ images_dimensions.image_height ~ '"' : '' }}  />
</picture>

В модуле SlidShow так же по аналогии всё делается.

Ссылка на комментарий

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

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

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...