Site logotype

srcset minishop2 для ПК и телефона

Иногда необходимо на телефоне и на компьютере (а так же на retina-дисплеях) выводить разные фотографии, или с разным размером, как рекомендует, например google pagespeed. Для этого нужно в Источнике файлов minishop2 добавить типы image и image_mobile и далее можно вызвать следующий код:





Проблема с переносом строк column-count в CSS

Бывает вы хотите чтобы список выводился в несколько колонок. Для этого обычно используется ul li со стилем column-count: 3;

Но появляется проблема, что последняя строчка становится первой во втором столбике либо наоборот

ЕСТЬ РЕШЕНИЕ! Добавьте к стилям li следующее

break-inside: avoid-column;



GD image problem php 8

Если у вас где-то, например в bitrix'e в компоненте phpthumb не работает GD в PHP 8, то вам нужно в файлах дополнения заменить строки примерно так:

- if (is_resource($image)) {
+ if (is_resource($image) || $image instanceof \GdImage) {

Lazyload в Modx для всех изображений

Для того чтобы все изображения на сайте загружались «лениво» можно написать следующий плагин


<?php
switch($modx->event->name) {
	case 'OnWebPagePrerender':
		$output = &$modx->resource->_output;
		$output = str_replace('<img ', '<img loading="lazy" ', $output);
		break;
}

И поставить его на событие OnWebPagePrerender