Записки веб-разработчика, 9 страница

Какой он современный интернет-магазин? Для себя я определил три главные цели: удобный, быстрый, полезный.

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

Название так себе конечно. Смысл в том, что слайд делиться на несколько областей и у каждой области своя ссылка. Интересная идея для магазина одежды.

Много лет пользовался старым фотошопом cs6 и все было хорошо, пока не понадобился экспорт в svg. Решил попробовать новый CC15. Хочу рассказать о новых фишках для верстальщика (возможно они были и в предыдущих версиях ps).

Сдал первый экзамен "Интеграция дизайна и настройка платформы". Формат сдачи очень крутой, все хорошо организовано и продумано. Перед сдачей успел даже немного понервничать. Экзамен оказался несложным, но с подвохами.
Подключаем шрифты правильно
Часто встречаю неправильное подключение шрифтов, а на исправление иногда уходит много времени, покажу как я подключаю нестандартные шрифты

Резервная копия Вашего кода и не только. Расскажу как я использую bitbucket.org

Для привлечения внимания посетителей к определенному блоку на сайте, этот самый блок можно сделать анимированным, либо поместить в него анимированную часть.
Как правильно подключать ресурсы с внешних источников
Если Ваш сайт работает по протоколу https:// и в шаблоне подключаются ресурсы (например шрифты) с http://, то браузер заблокирует загрузку и выдаст ошибку в консоль.

Небольшой цикл статей о том как я делаю интернет-магазин для себя. Начну с настройки web-сервера.

Сравнил производительность 2-х типов свойств. Результаты в таблице:
Получение данных о отгрузке
Задача, в письмо о отгрузке добавить информацию: идентификатор посылки, номер и дату документа, адрес доставки.
Как сделать ИМ дружелюбнее. E-mail уведомления
Наверно это касается всех интернет-магазинов на 1С-Битрикс. Делаешь заказ и понеслось: заказ оформлен, заказ принят, заказ оплачен, заказ передан в доставку. И все эти письма в течении минуты. Можно же сделать все одним письмом.

От браузера или по IP с помощью Yandex Map API для автозаполнения в формах
Полезные ssh команды
Собрал все часто используемые команды в одном месте
Оптимизируем картинки
Как уменьшить размеры слишком больших картинок и сжимать остальные без потерь? Нам понадобятся плагины: imagemagick, jpegoptim и optipng
Ошибка Cannot open the file на новом хостинге
После переезда на новый хостинг иногда случается ошибка "Cannot open the file", например, в импорте месторасположений
Bitrix24 создание лида через API
Данные из любых форм на сайте можно отправлять в Битрикс24, для примера добавим лид в crm с сайта.
Как добавить избранные месторасположения через API 1С-Битрикс
Это которые отображаются в быстром выборе в форме заказа.
Как подсчитать количество файлов в папке и подпапках
Появилось подозрение что картинки на сайте самостоятельно пропадают. Для проверки данной теории решил посчитать кол-во файлов в папке /upload/iblock/ и сравнить результаты через некоторое время.
Автозамена по хоткею, sublime
Для вставки svg в css код (в background например) я использую "горячую клавишу" для замены символов.
Переопределение настроек в bitrix окружении
Что бы изменить параметры Apache, PHP, MySQL. необходимо прописывать их строго в определенном месте, т.к. система автоматически настраивает основные параметры в зависимости от количества доступной памяти. Пути к таким файлам:

У стандартного <audio> разное отображение в различных браузерах и часто оно не вписывается в дизайн сайта. Но это не проблема, плеером можно управлять с помощью js/jquery, а значит можно сделать свой плеер.
Как перенести инфоблок в другой тип
Можно изменить тип инфоблока прямо в БД, но проще воспользоваться небольшим "хаком"
Как получить название единицы измерения товара
Да и вообще всю информацию о единице измерения товара. Сразу покажу готовый код для нового ядра битрикс:
Бесплатный ssl сертификат на 3 года
Если не желаете платить за ssl сертификат, а защитить свой сайт хочется, то можно получить бесплатный сертификат от wosign.com
Организуем площадку под 1С-Битрикс на VDS
Часто приходится настраивать VDS под 1С-Битрикс, что б ничего не забыть написал себе пошаговую инструкцию:

Стандартная каптча, с вводом непонятных символов это уже "прошлый век". Важно что бы защита от ботов не стала проблемой для ваших посетителей.