Тег: работа

Кейс: как организовать работу в Трелло

Антон Ким — Mon, 22 Feb 2021 19:26:01 +0000

Трелло — система управления проектами по методу японских канбан-досок. Один из моих любимых рабочих инструментов. В компании мы использовали Трелло с самого начала.

В Трелло мы создавали доски для каждого отдела: для отдела маркетинга, обработки и выполнения заказов, работы с поставщиками. По началу и с заказами работали там, и с клиентской базой — для этого есть специальные расширения. Были и отдельные доски для идей и организационных вопросов.

Покажу как мы работали на примере отдела маркетинга, которым я руководил. Все скриншоты в заметке созданы с нуля, потому что у меня нет доступа к команде. А если бы и был, всё равно не показал бы.

Где-то в первые полгода доска выглядела так:

Задачи — это всё, что нужно сделать; что поступает. В процессе — то, что делается прямо сейчас. Готово — то, что сделано. Отложено — то, что стало временно (или нет) неактуально. Где-то один раз в два месяца мы «обнуляли» доску, архивируя сделанные задачи.

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

В Трелло — наглядно: если дедлайн просрочится, дата станет красной; если всё в срок — зелёной. Если сделал раньше дедлайна — можно написать об этом в комментариях и идти отдыхать.

Кроме этого, можно отслеживать прогресс задачи с помощью чек-листов. Допустим, нужно добавить 100 товаров на сайт. Все названия товаров заносятся в карточку задачи. Добавил товар — отметил в Трелло:

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

Когда у каждой задачи есть дедлайн, все они отображаются в календаре:

Пока писал эту заметку — заметил нововведение: теперь можно не только дедлайн назначить, но и дату начала:

Резюмируя

Вот что нам помогло для прозрачной и эффективной работы:

Для одной конкретной задачи — создавать одну конкретную карточку.

Подробно описывать каждую задачу.

Разбивать задачи на маленькие шаги с помощью чек-листов.

Назначать исполнителей. Обязательно с аватаркой.

Ставить дедлайн к задачам.

Есть есть вопросы — писать в комментариях.

Лайфхак: если в комментариях карточки отправить ссылку на видео с ютюба, его можно прям там и посмотреть. Удобно.

Кейс: как использовать UTM-метки в инстаграме

Антон Ким — Sat, 19 Sep 2020 18:04:11 +0000

Из серии «Как я вышел из бизнеса»

UTM-метки — это такое «дополнение» к ссылкам, благодаря которому можно отследить источник трафика на сайте. Это позволяет оценить каналы продаж, эффективность рекламы и вот это всё.

Выглядят они так:
https://antonkim.ru?utm_source=blog&utm_medium=note&utm_campaign=hello

Если вы перейдёте по этой ссылке, то в аналитике я увижу, что вы перешли на главную страницу моего сайта именно по этой ссылке.

Если коротко:

utm_sourse — откуда к вам придут. Например, вы запустили контекстную рекламу в Яндексе, пишем — yandex.

utm_medium — каким способом к вам придут. Например, вы платите за каждый клик, пишем — ppc (per pay click).

utm_campaign — название кампании. Например, вы запустили рекламу для продажи стекловаты, пишем — steklovata.

На практике

У нас, в интернет-магазине, были ссылки на сайт — в профиле, в рекламных постах и сторисах. Например, ссылка на сайт в профиле выглядела так:
https://andbo.uz/?utm_source=instagram&utm_medium=profile&utm_campaign=url

Хочу акцентрировать внимание не на самой ссылке, а на её длине. Технически, такую ссылку можно использовать в профиле, но проблема в другом — это некрасиво:

Чтобы сделать красивее, есть два решения:

Простой способ: использовать сервис сокращения ссылок.

Сложный способ: использовать редиректы.

Простой способ

Он подразумевает, что вы регистрируетесь, например, в сервисе bitly.com и создаёте сокращённую ссылку:

http://bit.ly/testoviy-url

Это рабочий вариант: ссылка стала компактной, но содержимое осталось на месте.

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

Более «серьёзный» вариант — использовать редиректы.

Сложный способ

Редирект — это перенаправление. Откуда угодно: с одного сайта на другой, с одной страницы на другую и так далее.

Редирект можно прописать в файле .htaccess, который находится в корне вашего сайта. Если его нет — нужно создать.

Способ, которым я пользовался, выглядит так:

Redirect 301 /i https://antonkim.ru?utm_source=instagram&utm_medium=profile&utm_campaign=test

Это значит, что когда я перейду по ссылке antonkim.ru/i, я попаду на страницу с UTM-метками. Миссия выполнена. Посмотрите сами:

https://antonkim.ru/i

Вместо /i можно подставить всё, что угодно. Например, /instagram.

Такие редиректы можно применять не только для главной страницы, а вообще для всего. Например, в рекламных постах:

vash-site.ru/i/kak-ya-delal-utm-metki

↓

vash-site.ru/kak-ya-delal-utm-metki?utm_source=instagram&utm_medium=post&utm_campaign=privet

В заключении

В Яндекс Метрике переходы по UTM-меткам можно посмотреть здесь:

Отчёты → стандартные отчёты → источники → Метки UTM

Вариант с редиректами, возможно, не самый изящный, но лучше я не придумал. Если вы знаете, как сделать лучше, поделитесь в комментариях :—)

Кейс: посты в инстаграме в стиле Тинькофф-журнала

Антон Ким — Fri, 18 Sep 2020 18:01:50 +0000

Из серии «Как я вышел из бизнеса»

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

В заключении

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

Кейс: подборки товаров в инстаграме

Антон Ким — Fri, 18 Sep 2020 16:01:34 +0000

Из серии «Как я вышел из бизнеса»

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

При поиске решения, я ориентировался на несколько вопросов:

Как не плодить бесконечное количество постов с товарами?

Как при этом уместить большое количество товаров?

Как выделяться на фоне других интернет-магазинов?

Как сделать рекламу постов эффективнее?

Как делать и красиво, и информативно?

Как нашлось решение

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

View this post on Instagram

A post shared by Т—Ж (@tinkoffjournal) on Jun 21, 2019 at 6:37am PDT

Если разобрать пост на составные части, вот что получится:

В один пост уместилось семь товаров. Это значит, что можно и девять.

У товара есть всё необходимое: заголовок, описание, изображение и стоимость.

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

Описания товаров разместились в галерее. Это даёт большую свободу.

Как делались подборки

Подборка состояла из обложки и карточек товаров. Всё делалось в Фотошопе.

Например, вот так выглядел первый законченный шаблон карточки товара:

Первые подборки были в формате 4:5, 1080х1350. Он хорош тем, что в карточку товара вмещается и информация, и большое изображение.

Вот так выглядела первая опубликованная подборка:

К слову, я до сих пор не восторге от этой обложки

Товары в подборках были пронумерованы не просто так. Во-первых, чтобы было легче ориентироваться. Во-вторых, чтобы привязывать стоимость.

Я осознанно не добавлял стоимость в карточку товара. Цена или наличие товара часто менялись, и пост становился бы неактуальным. Хотелось гибкости, поэтому всё было в описании:

Удивительно было то, что мы были одни из немногих, кто добавлял цены на товары.

Чтобы прийти к такому варианту подборки, потребовалось время:

Эволюция подборок

Создавать шаблоны для подборок было долгим процессом — я много экспериментировал, постоянно что-то улучшал, добавлял, убирал и менял.

Например, так выглядела вторая версия карточки товара:

Здесь уже формат 1:1, 1080х1080.

Затем, в какой-то момент, я наткнулся и вдохновился постом из инстаграма Города:

View this post on Instagram

A post shared by Город (@t_gorod) on Oct 8, 2019 at 6:34am PDT

Так родилась третья версия:

Затем была серия мелких модификаций:

В конечном счёте, перед моих уходом, подборки выглядели вот так:

Как делались обложки

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

Около 95% обложек «артдиректил» я. Получалось как-то так:

В обложках не было ничего сверхъественного — я просто пытался удачно подобрать контекст, выискивал подходящие изображения, вырезал фон и пробовал разные варианты.

Сам шаблон, за редкими исключениями, оставался неизменным:

Подборки + сторисы

Подборки были хороши ещё и тем, что хорошо смотрелись в сторисах:

В заключении

Попробую коротко резюмировать:

Подборки «экономят» место в профиле;

В одну подборку можно уместить до девяти товаров;

Можно разом рекламировать группу товаров;

Имеют журнальный вид и выделяются на общем фоне;

Хорошо выглядят в сторисе;

Привлекают больше внимания.

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

Продолжение: посты в стиле Т—Ж.

Кейс: описания для товаров

Антон Ким — Wed, 16 Sep 2020 17:58:59 +0000

Из серии «Как я вышел из бизнеса»

У меня было два соображения по поводу рекламирования товаров:

Первое соображение

Представьте, что вам нужен пылесос. Чтобы его купить, вы идёте в магазин. В магазине вас встречает продавец-консультант. И вот, он отвечает на ваши вопросы, показывает как работает товар, рассказывает о нюансах и показывает другие модели, которые укладываются в рамки вашего бюджета. При этом, он не пытается вам ничего «впарить». В таком магазине хочется остаться.

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

То же самое и в интернет-магазине. Только вместо продавца-консультанта — описания, фотографии, видео.

Второе соображение

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

Процитирую Дэвида Огилви: «Когда перед вами встаёт необходимость обойти похожий товар, вся ваша надежда должна быть на то, что вам удастся объяснить ценность „своего“ более доходчивым языком, нежели это делают конкуренты, и выделить вещь из кучи подобных за счёт стиля и подхода в рекламе. Это своеобразная „добавочная стоимость“».

Так сформировалось несколько принципов:

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

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

Показывать все товары «лицом». Потому что описания решают не всё. Для этой цели старались использовать и все доступные стоковые изображения товаров, и «живые» фотографии, и проморолики, и видеообзоры.

Как делали описания

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

Расскажу о самой интересной части — о том, как делали описания в начале.

Первое время мы продавали только товары Сяоми. Их было около пятидесяти. Это популярный бренд, информации с избытком. Работа с описаниями выглядела так:

Читал и/или смотрел обзоры → писал черновик → редактировал → выпускал.

Например, вот так выглядело описание приставки Сяоми:

Главный принцип — постараться ответить на вопросы потенциальных клиентов.

В отдельной вкладке были и технические характеристики:

Минус такого подхода в том, что он отнимает много времени и сил на единицу товара. Кроме этого, он требует определённой подготовки.

Он подходит, если товаров в ассортименте не много — как было у нас в начале.

Как делали потом

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

Да, во многом мы перестали выделяться на общем фоне, но начали выигрывать по времени и подготовке.

Редполитика

Чтобы «конвейер» нормально функционировал без моего участия, я написал редполитику:

Редполитика помогала команде работать по единому стандарту, учитывать ошибки и недочёты.

В заключении

Были и минимальные требования для работы с текстом. Например, обязательным условием было прочтение базового курса Главреда. Кроме этого, я периодически снимал лекции про работу с текстом и делал разборы описаний.

Описания — это не всё. Но об этом в другой раз.

Кейс: отзывы в инстаграме

Антон Ким — Mon, 14 Sep 2020 20:02:52 +0000

Из серии «Как я вышел из бизнеса».

Предыстория

Вскоре после открытия интернет-магазина, мы запустили инстаграм. Проблема была в том, что о нас никто не знал, нам никто не доверял, у нас не было репутации и аудитории.

Кроме этого, были десятки других интернет-магазинов, которые продавали такие же товары.

Вопрос был в том, как стать конкурентоспособнее и завоевать доверие потенциальных клиентов. Одно из решений — отзывы в инстаграме.

В одном хайлайте — около 100 отзывов. А смайлики вместо иконок сразу бросались в глаза

Как реализовали

В нашем случае, отзыв — это, в первую очередь, фотография доставленного товара. Я изначально решил, что отзывы должны быть только от клиентов из инстаграма.

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

Сценарий такой: курьер доставил товар → мы увидели в системе → написали клиенту.

Получалось как-то так:

Однако, быстро стало понятно, что не все клиенты хотят нас «рекламировать», да и вообще совершать какие-то дополнительные действия.

Таким способом мы получали примерно один отзыв на десять заказов. Этого было недостаточно.

Я изменил задумку: клиент фотографирует товар после получения, отправляет нам, мы выкладываем в свой сторис, отмечаем его и добавляем в хайлайт.

Сперва получалось вот так:

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

Было не очень изящно: я просто вставлял фотографию в сторис, отмечал клиента и выкладывал. Чтобы сделать красивее, нашёл и начал использовать приложение UNFOLD.

Результат на лицо:

Иногда мы публиковали и слова благодарности:

Что в итоге

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

У отзывов было много положительных моментов:

Это социальное доказательство.

Так как отзывов становилось всё больше, не возникало вопросов про их накрутку.

В интернет-магазинах я их прежде не встречал. Это выделяло нас на общем фоне.

Они приносили побочные продажи: человек смотрел отзывы → его заинтересовывал товар → он оформлял заказ.

Строилось доверие — новые клиенты переставали бояться у нас заказывать.

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

В заключении

На эту идею меня вдохновил инстаграм LOT2046. Это сервис подписки на одежду и гаджеты, который основал дизайнер Вадик Мармеладов.

Как написать сильный рекламный текст

Антон Ким — Wed, 19 Aug 2020 15:26:00 +0000

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

Подход универсальный: с ним можно создавать промостраницы, описания товаров, текст о себе и/или о компании, рекламные объявления.

Кому подойдёт: любой компании, у которой есть задача повышать продажи, а не «креативить».

Легко внедряется: для этого не требуется ни знание инфостиля, ни волшебные слова, ни копирайтер с биржи, ни выпускник школы редакторов, ни миллион рублей, ни танцы с бубном.

Пример первый

Допустим, есть компания, которая изготавливает и устанавливает решётки на окна.

Какие решётки компания изготавливает?

Из какого материала их изготавливают?

Сколько стоит один квадратный метр?

В каких городах работает компания?

За сколько изготовит и установит?

Можно проконсультироаться?

Есть выезд мастера на замер?

Компания — ООО?

Какие ещё есть услуги?

Есть примеры работ?

Ответы на эти вопросы и есть основа сильного текста. Если есть что-то ещё, что полезно знать клиенту, это станет отличным дополнением.

Пример второй

Допустим, интернет-магазин продаёт пауэрбэнки для смартфонов.

Какая реальная ёмкость у пауэрбэнка? Не заявленная производителем.

Можно заряжать телефон и паурбэнк одновременно?

Сколько устройств можно заряжать одновременно?

Можно заряжать беспроводные наушники, фитнес-браслеты?

Сколько раз зарядит Эпл, Самсунг, Сяоми, Хуавей?

Безопасно оставлять на ночь? Не замкнёт? Не взорвётся?

За сколько минут/часов зарядит?

Из какого материала сделан?

Сколько часов заряжается?

Есть быстрая зарядка?

Хорошая практика в таких случаях создавать два описания. Первое — описание, в котором клиент получает ответы на свои вопросы на понятном ему языке. Второе — перечисление характеристик.

Пример третий

Допустим, есть курс по созданию сайтов.

Что это за курс?

На кого рассчитан?

Какие требования для поступления?

Нужно знать математику? А английский?

Сколько длится курс? Какая программа?

Что будет? Какие проекты будут на курсе?

Есть домашние задания? Как выглядят?

Какие сайты можно научиться делать?

Наставник будет помогать?

После окончания выдаётся сертификат?

Можно устроиться на работу после окончания?

Сколько можно зарабатывать на этом уровне?

Какие перспективы на будущее?

Вместо заключения

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

Отвечать на такие вопросы сложнее, чем придумывать креатив. Придётся встать на место клиента, задавать вопросы, разбираться, работать с фактами, говорить правду. Но, в итоге, выиграют обе стороны.

См. также заметку про книгу Дэвида Огилви «Огилви о рекламе».

Виды лицензий на шрифты

Антон Ким — Mon, 17 Aug 2020 22:06:00 +0000

До недавнего времени про шрифты я знал только одно: не пиратить. Но вопрос с лицензиями для меня становится всё актуальнее, поэтому решил во всём разобраться.

Бесплатные шрифты

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

По такой лицензии, например, распространяются шрифты от Гугла.

Платные шрифты

С платными шрифтами всё сложнее: существуют множество лицензий и ограничений. Рассмотрел основные на примере популярного магазина шрифтов Майфонтс.

Десктоп-лицензия

Это лицензия, которая позволяет использовать шрифты на компьютере в установленных программах. Например, в Фотошопе. Имеет форматы OTF и TTF.

Подходит для печатной продукции: документов, книг, плакатов, афиш, баннеров и пр.

Десктоп-лицензия не всегда позволяет использовать шрифт в логотипах, товарных знаках или товарах. У каждой компании разные условия, нужно уточнять.

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

Веб-лицензия

Это лицензия, которая позволяет использовать шрифты на сайтах. Имеет форматы WOFF, WOFF2 и EOT.

Разница между веб-шрифтами и десктоп-шрифтами бывает не только в форматах, но и во «внутренностях». Если сгенерировать десктоп-шрифт в веб-шрифт или наоборот, он может неправильно отображаться. И — это незаконно.

Стоимость веб-лицензии, чаще всего, зависит от количества просмотров сайта в месяц. Например, в Майфонтс минимальная лицензия начинается с 10 000 просмотров. Если просмотров станет больше, нужно запросить новую лицензию.

Ап-лицензия

Это лицензия, которая позволяет использовать шрифты в мобильных приложениях.

Покупается один раз, на неограниченное количество установок одного приложения на всех платформах.

Стоимость на такую лицензию, в среднем, в 8—10 раз выше, чем на веб или десктоп-лицензию.

Епаб-лицензия

Это лицензия, которая позволяет использовать шрифты в электронных книгах, журналах, газетах.

Стоимость зависит от количества публикаций, в которых планируется использовать шрифт: для нового номера журнала потребуется купить отдельную лицензию, как и для электронной книги. Количество скачиваний, перевод публикации, издание в другом формате в расчёт не идут.

Серверная лицензия

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

Покупается на один год и должна ежегодно продлеваться.

Стоимость зависит от количества серверов, на которые устанавливаются шрифты.

Рекламная лицензия

Это лицензия, которая позволяет использовать шрифты в интернет-рекламе. Например, в баннерах.

Стоимость такой лицензии зависит от количества рекламных показов. Для рекламных кампаний, в которых количество показов неизвестно до конца кампании, можно выполнять корректировку в конце каждого месяца.

В заключении

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

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

По теме

Шрифты в законе: о тонкостях авторского права. Статья на виси о юридической стороне пользования шрифтами.

Выигранный иск против «Эксмо» на 3,9 млн рублей. Кейс адвоката Василия Рождествина.

Юридический отдел Студии Артемия Лебедева. Любопытно.

Как я вышел из бизнеса после 19 месяцев работы

Антон Ким — Sat, 18 Jul 2020 14:33:20 +0000

В конце 2018 года, после нескольких лет работы на «дядю», я решил, что не хочу больше ни на кого работать. Так мы с другом открыли интернет-магазин, над которым совместно проработали 19 месяцев. В итоге, я ушёл.

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

Интернет-магазин andbo.uz

Период работы: с 25 ноября 2018 года по 15 июня 2020 года.

Должность: сооснователь, директор по маркетингу.

Темы, которые я хочу затронуть

Предыстория: эмоциональное выгорание

Партнёрское соглашение или как работать с лучшим другом

Как запустили сайт на Опенкарте

Личный опыт работы с Опенкартом

Как организовали работу в Трелло

Как делали описания для товаров

Как делали проморолики для товаров

Как искали, нанимали и обучали людей

Отзывы в инстаграме

Подборки товаров в инстаграме

Посты в инстаграме в стиле Т—Ж

Как использовать UTM-метки в инстаграме

Мои слабые стороны руководителя

Что почитать руководителю

В предыдущей серии: Школа PROWEB.

OpenCart: как на странице товара вывести SKU и UPC

Антон Ким — Fri, 17 Jul 2020 05:49:36 +0000

Эти значения вводятся в админке, но на странице товара не отображаются. А иногда нужно, чтобы отображались.

Что делать

Открываем сайт/catalog/controller/product/product.php

Находим код (~240 строка):

$data['model'] = $product_info['model'];

После вставляем:

$data['sku'] = $product_info['sku'];
$data['upc'] = $product_info['upc'];

Сохраняем, обновляем кэш.

Открываем сайт/catalog/view/theme/тема/template/product/product.twig

Находим место для выведения и вписываем:

{{ sku }}
{{ upc }}

Сохраняем, обновляем кэш.

Готово.

OpenCart: как добавить фильтр по артикулу в админке

Антон Ким — Fri, 17 Jul 2020 05:01:13 +0000

В стандартном фильтре в админке нельзя «фильтровать» товары по артикулу. Когда у вас тысячи товаров, такой фильтр в разы ускоряет поиск конкретного товара.

Что делать

Открываем сайт/admin/controller/catalog/product.php

Находим код (~227 строка):

protected function getList() {

После фигурной скобки вставляем:

if (isset($this->request->get['filter_sku'])) {
	$filter_sku = $this->request->get['filter_sku'];
} else {
	$filter_sku = '';
}
$data['filter_sku'] = $filter_sku;

В том же файле находим (~276 строка):

$url = ''

После вставляем:

if (isset($this->request->get['filter_sku'])) {
	$url .= '&filter_sku=' . $this->request->get['filter_sku'];
}

В том же файле находим (~324 строка):

$filter_data = array(

После скобки вставляем:

'filter_sku' => isset($filter_sku) ? $filter_sku : '',

Сохраняем, обновляеем кэш.

Открываем сайт/admin/model/catalog/product.php

Находим код (~361 строка):

if (!empty($data['filter_name'])) {
	$sql .= " AND pd.name LIKE '" . $this->db->escape($data['filter_name']) . "%'";
}

После него вставляем:

if (isset($this->request->get['filter_sku']) && !empty($data['filter_sku'])) {
	$sql .= " AND p.sku = '" . $this->db->escape($data['filter_sku']) . "'";
}

Сохраняем, обновляем кэш.

Открываем сайт/admin/view/template/catalog/product_list.twig

Находим код (~68 строка):

<div class="form-group">
	<label class="control-label" for="input-quantity">{{ entry_quantity }}</label>
	<input type="text" name="filter_quantity" value="{{ filter_quantity }}" id="input-quantity" class="form-control" />
</div>

После него вставляем:

<div class="form-group">
	<label class="control-label" for="input-sku">Артикул</label>
	<input type="text" name="filter_sku" value="{{ filter_sku }}" id="input-sku" class="form-control" />
</div>

В том же файле находим (~227 строка):

var filter_status = $('select[name=\'filter_status\']').val();

После него вставляем:

var filter_sku = $('input[name=\'filter_sku\']').val();

if (filter_sku) {
	url += '&filter_sku=' + encodeURIComponent(filter_sku);
}

Сохраняем, обновляем кэш.

Готово.

OpenCart: как отключить кнопку покупки, когда товара нет в наличии

Антон Ким — Thu, 16 Jul 2020 10:15:05 +0000

Когда товара нет в наличии, его, по умолчанию, можно добавить в корзину. В таком сценарии нет необходимости.

Что делать

Открываем сайт/catalog/controller/product/product.php

Находим код (~251 строка):

if ($product_info['quantity'] <= 0) {
	$data['stock'] = $product_info['stock_status'];
} elseif ($this->config->get('config_stock_display')) {
	$data['stock'] = $product_info['quantity'];
} else {
	$data['stock'] = $this->language->get('text_instock');
}

Перед ним добавляем:

$data['stock_quantity'] = $product_info['quantity'];
$data['text_out_of_stock'] = $product_info['stock_status'];

В том же файле находим (~436 строка):

$data['products'][] = array(
…
);

После скобки добавляем:

'quantity' => $result['quantity'],
'text_out_of_stock' => $result['stock_status'],

Сохраняем, обновляем кэш.

Открываем сайт/catalog/theme/тема/template/product/product.twig

Находим код:

<button type="button" id="button-cart" data-loading-text="{{ text_loading }}" class="btn button-cart">{{ button_cart }}</button>

В завимости от темы, код может отличаться, но button-cart остаётся константой.

Заменяем его на:

{% if stock_quantity < 1 %} 
    <button type="button" id="button-outstock" disabled="disabled" data-loading-text="{{ text_loading }}" class="btn button-cart"><i class="fa fa-exclamation-triangle"></i> {{ text_out_of_stock }}</button>
{% else %}
    <button type="button" id="button-cart" data-loading-text="{{ text_loading }}" class="btn button-cart">{{ button_cart }}</button>
{% endif %}

В том же файле находим:

<input type="text" name="quantity" value="{{ minimum }}" size="2" id="input-quantity" class="form-control" />

Заменяем его на:

{% if stock_quantity > 1 %} 
    <input type="text" name="quantity" value="{{ minimum }}" size="2" id="input-quantity" class="form-control" />
{% endif %}

В том же файле находим:

<label class="control-label" for="input-quantity">{{ entry_qty }}</label>

Заменяем его на:

{% if stock_quantity > 1 %} 
    <label class="control-label" for="input-quantity">{{ entry_qty }}</label>
{% endif %}

Сохраняем, обновляем кэш.

Готово. На странице товара, когда его не будет в наличии, кнопка «Купить» станет неактивной.

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

Всё зависит от конкретной темы. Но шаги остаются теми же, — меняются только редактируемые файлы. Например, category.php, manufacturer.php, search.php и пр.

OpenCart: как скрыть товары, которых нет в наличии

Антон Ким — Fri, 26 Jun 2020 06:02:44 +0000

Чтобы были доступны и по ссылке, и в поисковиках.

В чём проблема

Представим, что у нас много тысяч товаров на сайте. Многих уже нет в наличии. Но они по-прежнему отображаются и в поиске сайта, и в категориях, и на страницах производителей. А мы знаем, что их больше не будет и они просто так «висят».

Что делать

Открыть сайт/catalog/model/catalog/product.php

Открыть поиск и найти все условия:

AND p.status = '1'

Это условие отвечает за показ товара, когда он включён.

Заменить все найденные условия (кроме одного ↓) на:

AND p.status = '1' AND p.stock_status_id != '5'

Это условие, при котором товар не будет отображаться: включён и нет в наличии.

Не заменять условие в самом начале файла:

public function getProduct($product_id) {
…
}

Сохранить, обновить кэш.

Готово. Товары, которых нет в наличии, не отображаются, но доступны по прямой ссылке и отображаются в поисковиках.

Другой вариант

Допустим, что товара нет в наличии временно. И нам нужно, чтобы его видели на сайте. Тогда можно всё немного переиграть.

Что делать

В том же файле открыть поиск и найти те же условия.

Заменить их (также, кроме одного) на:

AND p.status = '1' AND p.minimum != '0'

Сохранить, обновить кэш.

Готово. Товары, которых нет в наличии, будут отображаться как обычно. Но товары, у которых минимальное количество будет равно нулю, отображаться не будут. Для них можно создать и отдельный статус, например «Снят с производства».

OpenCart: автогенерация сопутствующих товаров

Антон Ким — Fri, 26 Jun 2020 02:07:37 +0000

Все сопутствующие товары, по умолчанию, добавляются вручную. Когда на сайте тысячи товаров, это становится проблемой.

Что делать

Открываем сайт/catalog/model/catalog/product.php

Находим код (~392 строка):

$query = $this->db->query("SELECT * FROM " . DB_PREFIX . "product_related pr LEFT JOIN " . DB_PREFIX . "product p ON (pr.related_id = p.product_id) LEFT JOIN " . DB_PREFIX . "product_to_store p2s ON (p.product_id = p2s.product_id) WHERE pr.product_id = '" . (int)$product_id . "' AND p.status = '1' AND p.date_available <= NOW() AND p2s.store_id = '" . (int)$this->config->get('config_store_id') . "'");

Заменяем его на:

$query = $this->db->query("SELECT *, (p.product_id) AS related_id FROM
  " . DB_PREFIX . "product_to_category p2c 
    LEFT JOIN " . DB_PREFIX . "product p ON (p2c.product_id = p.product_id)
    LEFT JOIN " . DB_PREFIX . "product_to_store p2s ON (p.product_id = p2s.product_id)
  WHERE 
    p2c.category_id IN (SELECT p2c2.category_id FROM " . DB_PREFIX . "product_to_category p2c2 WHERE p2c2.product_id = " . (int) $product_id . ")
      AND p.product_id <> " . (int) $product_id . "
      AND p.status = '1'
      AND p.stock_status_id != '5'
      AND p.date_available <= NOW()
      AND p2s.store_id = '" . (int)$this->config->get('config_store_id') . "'
    ORDER BY RAND() ASC
  LIMIT 0,8");

Сохраняем, обновляем кэш.

Готово.

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

OpenCart: как защитить админку

Антон Ким — Thu, 25 Jun 2020 17:26:34 +0000

Админка, по умолчанию, находится по адресу сайт.ру/admin. Это проблема.

Что делать

Открываем сайт/admin/controller/common/login.php

Находим код:

$this->load->language('common/login');

После него вставляем:

$pass = null;
if (!isset($_GET[PASS_KEY]) || $_GET[PASS_KEY] != PASS) {
    $this->response->redirect('http://'.$_SERVER['HTTP_HOST']."/");
}
else {
    $pass = '&'.PASS_KEY.'='.PASS;
}

Находим код:

$data['action'] = $this->url->link('common/login', '', true);

Заменяем его на:

$data['action'] = $this->url->link('common/login', '', true).$pass;

Открываем сайт/admin/config.php

После тега <?php, на новой строке, вставляем:

define('PASS_KEY', 'ключ');
define('PASS', 'пароль');

Заменяем ключ, например, на access, а пароль на hellohacker.

Сохраняем, обновляем кэш.

Готово.

Админка будет находиться по адресу сайт.ру/admin?access=hellohacker.

Если адрес ввести неверно, произойдёт переадресация на главную страницу.

OpenCart: как минифицировать HTML

Антон Ким — Mon, 04 May 2020 16:49:45 +0000

Для более быстрой загрузки страниц.

Что делать

Открываем сайт/system/library/response.php

Находим код (~108 строка):

public function output() {
	if ($this->output) {
		$output = $this->level ? $this->compress($this->output, $this->level) : $this->output;
		
		if (!headers_sent()) {
			foreach ($this->headers as $header) {
				header($header, true);
			}
		}
		
		echo $output;
	}
}

Заменяем на:

public function output() {
 
if ($this->output) {
    $this->output = preg_replace("/(\n)+/", "\n", $this->output);
    $this->output = preg_replace("/\r\n+/", "\n", $this->output);
    $this->output = preg_replace("/\n(\t)+/", "\n", $this->output);
    $this->output = preg_replace("/\n(\ )+/", "\n", $this->output);
    $this->output = preg_replace("/\>(\n)+</", '><', $this->output);
    $this->output = preg_replace("/\>\r\n</", '><', $this->output);
}

if ($this->output) {
	$output = $this->level ? $this->compress($this->output, $this->level) : $this->output;
	
	if (!headers_sent()) {
		foreach ($this->headers as $header) {
			header($header, true);
		}
	}
	
	echo $output;
}
}

Сохраняем, обновляем кэш.

Готово.

OpenCart: как сделать сортировку атрибутов по порядку сортировки

Антон Ким — Mon, 04 May 2020 16:46:27 +0000

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

В чём проблема

Вот мы создали группу атрибутов. Затем создали атрибуты, привязали к группе атрибутов, задали порядок сортировки. На сайте всё отображается нормально — согласно порядку сортировки. В админке же — всё сортируется по названиям, и это очень сбивает.

Что делать

Открываем сайт/admin/model/catalog/attribute.php.

Находим код (~53 строка):

if (isset($data['sort']) && in_array($data['sort'], $sort_data)) {
	$sql .= " ORDER BY " . $data['sort'];
} else {
	$sql .= " ORDER BY attribute_group, ad.name";
}

Изменяем последнюю строку:

$sql .= " ORDER BY attribute_group, a.sort_order, ad.name";

То есть, по умолчанию, в карточке товара в админке, стоит сортировка по названию. Мы же сделали по порядку сортировки, а затем по названию.

Сохраняем, обновляем кэш.

Готово.

OpenCart: автогеренация тайтла

Антон Ким — Mon, 27 Apr 2020 16:40:17 +0000

Чтобы получилось вот так:

При этом, чтобы иметь возможность отдельно редактировать сам тайтл.

Что делать

Открываем сайт/admin/view/template/catalog/product_form.twig

Находим код (~67 строка):

<input type="text" name="product_description[{{ language.language_id }}][meta_title]" value="{{ product_description[language.language_id] ? product_description[language.language_id].meta_title }}" placeholder="{{ entry_meta_title }}" id="input-meta-title{{ language.language_id }}" class="form-control" />

После него вставляем:

<script type="text/javascript">
$(function() {
  var $name_input = $("input[name='product_description[{{ language.language_id }}][name]']");
  var $meta_title = $("input[name='product_description[{{ language.language_id }}][meta_title]']");

  $name_input.keyup(function() {
  $meta_title.val($name_input.val());
  });
});
</script>

Сохраняем, обновляем кэш.

Готово.

Можно пойти дальше. Например, чтобы после названия автоматически генерировалось «купить в „магазине“».

Изменяем одну строку:

$meta_title.val($name_input.val() + 'Тут какой-то текст');

Готово — 2.

Ту же самую процедуру можно провернуть и с категориями.

Спасибо за помощь Ярославу Усенко.

OpenCart: как сделать сортировку товаров по наличию

Антон Ким — Sun, 26 Apr 2020 16:30:06 +0000

И в магазине, и в админке.

В чём проблема

По умолчанию, все товары в категориях, страницах производителей, поиске — сортируются по названиям в алфавитном порядке. И даже те товары, которых нет в наличии, могут отображаться в начале списка. А когда таких товаров много — это становится проблемой.

Что делать

Открываем сайт/catalog/model/catalog/product.php

Находим код (~168 строка):

if (isset($data['sort']) && in_array($data['sort'], $sort_data)) {
	if ($data['sort'] == 'pd.name' || $data['sort'] == 'p.model') {
		$sql .= " ORDER BY LCASE(" . $data['sort'] . ")";
	} elseif ($data['sort'] == 'p.price') {
		$sql .= " ORDER BY (CASE WHEN special IS NOT NULL THEN special WHEN discount IS NOT NULL THEN discount ELSE p.price END)";
	} else {
		$sql .= " ORDER BY " . $data['sort'];
	}
} else {
	$sql .= " ORDER BY p.sort_order";
}

Заменяем его на:

if (isset($data['sort']) && in_array($data['sort'], $sort_data)) {
    if ($data['sort'] == 'pd.name' || $data['sort'] == 'p.model') {
        $sql .= " ORDER BY p.stock_status_id DESC, LCASE(" . $data['sort'] . ")";
    } elseif ($data['sort'] == 'p.price') {
        $sql .= " ORDER BY p.stock_status_id DESC, (CASE WHEN special IS NOT NULL THEN special WHEN discount IS NOT NULL THEN discount ELSE p.price END)";
    } else {
        $sql .= " ORDER BY p.stock_status_id DESC, " . $data['sort'];
    }
} else {
    $sql .= " ORDER BY p.stock_status_id DESC, p.sort_order";
}

Сохраняем, обновляем кэш.

Готово. Товары будут сортироваться по наличию. Товаров, которых нет в наличии, будут отображаться в конце списка.

Можно сортировать и по количеству, а уже затем по наличию. Для этого заменяем на:

if (isset($data['sort']) && in_array($data['sort'], $sort_data)) {
    if ($data['sort'] == 'pd.name' || $data['sort'] == 'p.model') {
        $sql .= " ORDER BY p.quantity DESC, p.stock_status_id DESC, LCASE(" . $data['sort'] . ")";
    } elseif ($data['sort'] == 'p.price') {
        $sql .= " ORDER BY p.quantity DESC, p.stock_status_id DESC, (CASE WHEN special IS NOT NULL THEN special WHEN discount IS NOT NULL THEN discount ELSE p.price END)";
    } else {
        $sql .= " ORDER BY p.quantity DESC, p.stock_status_id DESC, " . $data['sort'];
    }
} else {
    $sql .= " ORDER BY p.quantity DESC, p.stock_status_id DESC, p.sort_order";
}

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

$sort_data = array(
    'pd.name',
    'p.model',
    'p.quantity',
    'p.price',
    'rating',
    'p.sort_order',
    'p.date_added'
);

Как сделать в админке

Открываем сайт/admin/model/catalog/product.php.

Делаем тоже самое, что и наверху.

Готово.

По теме

Сортировка данных в SQL (ORDER BY).

OpenCart: как подключить LazyLoad

Антон Ким — Fri, 24 Apr 2020 11:37:07 +0000

На страницы товаров, в категориях, результаты поиска, страницы производителей.

Что это

Это ленивая загрузка изображений, которая ускоряет загрузку сайта.

Что делать

Примечание: для работы скрипта нужна подключённая библиотека jquery.

Скачать lazyload.min.js.

Можно подключить и ссылкой:

<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@15.1.1/dist/lazyload.min.js"></script>

Загрузить файл в catalog/view/javascript/. Или куда удобно.

Подключить в header.twig в своей теме.

В footer.twig, перед закрывающим тегом body, вставить:

<script>
var lazyLoadInstance = new LazyLoad({
    elements_selector: ".lazy"
});
</script>

Переходим в сайт/catalog/view/тема/product/category.twig

К каждому тегу img добавляем класс lazy, а вместо src — data-src. Вот так:

<img class="lazy" data-src="ссылка на изображение" alt="">

Тоже самое нужно проделать в файлах product.twig, search.twig, manufacturer_info.twig.

Сохраняем, обновляем кэш.

Готово.

У скрипта много настроек и возможностей, взгляните на гитхабе.