Блог Чуденкова Алексея

DAX: Используем SWITCH, если данные содержат искомое значение

Wed, 06 Jul 2022 15:15:40 +0300

Создаем столбец и с помощью свитча заполняем таблицу данными, в которых есть искомые значения.

Type = 
IF([CPU] = "", "", (
SWITCH (
TRUE (),
ISERROR(FIND("ES",[Название])) <> TRUE (), "ES",
ISERROR(FIND("QS", [Название])) <> TRUE (), "QS"
, "Release")
))

Избавляемся от проблем в PageSpeed Insights

Thu, 09 Sep 2021 15:10:03 +0300

Для этого нам поможет простой скрипт, который будет отдавать роботу PageSpeed Insights пустые результаты, вместо реальных. Вот стоит у вас счётчик Метрики или Аналитикс, из-за которых занижаются показатели. Влиять на код счётчика вы не можете. Что делать?

<? if(strpos($_SERVER['HTTP_USER_AGENT'],'Chrome-Lighthouse')):?>
<? else: ?>
// your code here 
<? endif; ?>

Водяной знак 1С-Битрикс

Mon, 22 Jun 2020 17:26:25 +0300

Задача: добавить watermark на товары импортируемые из 1С.
Откроем result_modifier.php в catalog.element, catalog.sections и добавим функцию:

$arWatermark = Array(
	array(
		"name" => "watermark", 
		"position" => "center", 
		"size" => "real", 
		"type" => "image", 
		"alpha_level" => 50,
		"file" => $_SERVER['DOCUMENT_ROOT']."/img/watermark.png"
	)
);

Теперь при вызове функции ResizeImageGet нужно добавить наш водяной знак:

if ($arResult['DETAIL_PICTURE']['SRC']) {
$big_file = CFile::ResizeImageGet($arResult['DETAIL_PICTURE']['ID'], array('width' => 2000, 'height' => 2000), BX_RESIZE_IMAGE_PROPORTIONAL, true, $arWatermark);
$arResult['DETAIL_PICTURE']['SRC'] = $big_file['src'];

JS: Рисуем логотип

Sat, 29 Feb 2020 11:50:49 +0300

Я бродил по Codepen в поисках интересных решений для анимаций форм и объектов на CSS и наткнулся на клёвую реализацию анимации SVG логотипа. Принцип прост — указываем для каждого элемента path в SVG класс и он будет анимирован. Можно на прелоадер поставить, будет эффектно.

See the Pen Animated SVG Logo by Alexey Chudenkov (@alexey-chudenkov) on CodePen.

PHP: Выводим только первый абзац предложения

Sat, 15 Feb 2020 11:15:32 +0300

Иногда очень удобно выводить в разметке Open Graph самый первый абзац текста.

$og_description = substr($content["text"],0, strpos($content["text"],'</p>')-1 );

jQuery: запретить вводить пробелы в E-Mail

Mon, 10 Feb 2020 14:05:01 +0300

Защита от дурака, который может скопировать и вставить почту с пробелами или хуже того ещё и написать её с пробелами.

$("#input_Id").change(function()
     $(this).val($(this).val().replace(/ +/g, ''))
});

CSS3: Simplest preloader with your logo

Sun, 09 Feb 2020 17:18:19 +0300

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

See the Pen Simple preloader with your logo by Alexey Chudenkov (@alexey-chudenkov) on CodePen.

Чтобы заработало, надо в тег body добавить:

onload="preloader()"

PHP: повернуть все изображения в папке

Tue, 04 Feb 2020 23:36:28 +0300

Возникла потребность сменить ориентацию у 5 гигабайт фотографий с тканями. Так как понятия «небо» и «земля» в этом случае отсутствуют, написал скрипт на PHP, который анализирует ширину и высоту всех изображений в папке, и в случае портретной ориентации, происходит поворот изображения на 90 градусов.

В корне сайта создадим файлик с таким содержимым:

<?php
$pathto = getcwd(); // узнаём текущую директорию файла
$dir = $pathto . 'путь к папке с файлами'; // от корня сайта
$f = scandir($dir); // получаем все файлы в папке

foreach ($f as $file){
    if(preg_match('/\.(jpg)/', $file)) // проверяем расширение на JPG
        {
        $filename = $dir.$file; // формируем полный путь к изображению
        $size = getimagesize($filename); // получаем размеры изображения
        $width = $size[0]; // записываем значение ширины в переменную 
        $height = $size[1]; // записываем значение высоты в переменную
        
        if ($height > $width) { // проверяем изображение на портретную ориентацию
            $img = imagecreatefromjpeg($filename); // создадим новое изображение
            $new_image = $dir.'/rotated/'.$file; // укажем название для будущего файла и его расположение
            $imgRotated = imagerotate($img, 90, 0); // повернём изображение на 90 градусов
            imagejpeg($imgRotated, $new_image, 90); // сохраним изображение
        }
    }
}
?>

Всё.

P.S. У меня подвисал скрипт, даже писал 504 Bad Gateway Timeout, но все изображения в итоге перевернул.

CSS3: самая простая анимация кнопки при наведении

Sun, 02 Feb 2020 11:50:15 +0300

See the Pen Button Fill Left to Right by Alexey Chudenkov (@alexey-chudenkov) on CodePen.

Shopify: add quantity button to cart

Sat, 01 Feb 2020 13:35:31 +0300

Добавить в cart-template.liquid

<input type='button' value='-' class='qtyminus' field='updates_{{ item.id }}' />
<input type="number" name="updates[]" id="updates_{{ item.id }}" class="quantity" value="{{ item.quantity }}" />
<input type='button' value='+' class='qtyplus' field='updates_{{ item.id }}' />

Добавить в Assets cart.js и его содержание:

jQuery(document).ready(function(){
    $('.qtyplus').click(function(e){
        e.preventDefault();
        fieldName = $(this).attr('field');
        var currentVal = parseInt($('input[id='+fieldName+']').val());
        if (!isNaN(currentVal)) {
            $('input[id='+fieldName+']').val(currentVal + 1);
        } else {
            $('input[id='+fieldName+']').val(0);
        }
    });
    $(".qtyminus").click(function(e) {
        e.preventDefault();
        fieldName = $(this).attr('field');
        var currentVal = parseInt($('input[id='+fieldName+']').val());
        if (!isNaN(currentVal) && currentVal > 0) {
            $('input[id='+fieldName+']').val(currentVal - 1);
        } else {
            $('input[id='+fieldName+']').val(0);
        }
    });
});

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