Всем привет!
Конечно, вы уже заметили, как сервис Codeseller преобразился, краткая заметка как раз об этом.
Называть изменения каким то новым дизайном конечно не будем, но за основу был взят давно разработанный и закинутый "в стол" диз.
Как мне кажется, в результате нам удалось освежить дизайн, повысить usability и функциональность сервиса, особое внимание уделили мобильным пользователям.
Надеемся, вам изменения также придут по вкусу, но если имеется конструктивная критика или заметили баг, то пишите не откладывая в комментарии к этой заметке, обязательно рассмотрим, постараемся поправить или внедрить пока рабочая клавиатура не остыла!
Всех сомневающихся спешу успокоить, мы работаем и будем работать дальше.
Отдельное спасибо Владимиру (Otshelnik-fm) за работу!
UPD: Не забывайте про волшебное сочетание Ctrl + F5, оно поможет вам если что то отображается недостаточно ровно после обновления.
Автор публикации
Будем посмотреть)
Вообще, любое развитие приятно. Спасибо ребята.
В качестве предложения, всегда не хватало менюхи, то, что горизонтальное при прокрутки страницы, особенно на длинных страницах. Может при прокрутке, пусть гденить рядом с корзиной гамбургер появляться будет?
спасибо за предложение, вот для мобилок как раз такое прикрутили, чуть позже обсудим, есть ли возможность расширить эту фишку и на десктоп
Кстати поиск на мобиле пропадает, и его иконка съезжает.
Точно. Пока не могу отловить причину - тупо не назначается класс на открытие поиска. На тестовом всё работает. В консоли всё чисто. Этот сайт дебажить Андрей может - так что подождем что скажет. Вижу что тут минификация js включена. Хотя на тестовом и это на работу не влияет
#primary-menu { position: sticky; top: 56px; z-index: 2; }Магия css
Тока на 768 пикселях это отменить надо. Я проработаю этот фикс для ПК (ну и потестить надо же). Пока можешь вбить - посмотреть как оно будет
Менюшка приехала 🥳
И в отдельном товаре, на мобильном, карточка товара теперь встает из сайдбара под описание товара. И поиск починился. js файл оказывается старый был - не обновился вчера.
Сейчас отпишу отдельно что получили по метрикам.
Шикарно, то, что доктор прописал!
И коль пошла такая... на главной, может виджеты (Публикации, задания и тд) тоже карточками оформить, а то как то резко переходит к просто тексту и не отделенному друг от друга. Имхо конечно.
А тогда будут путать с товарами))
Я вот думаю на главной бы еще надо блок "Последние отзывы" вывести. Всё же основной упор тут на магазин - эти фишки и развивать.
Насчет путать это надо постараться))
Последние отзывы - классная идея и полезная.
Вроде все хорошо, главное +/- на тех же местах осталось, не надо долго привыкать.
В чате смотрю сбилось кол-во макс. символов 100 - очень мало
400 мне кажется то же мало. Было вроде 1000 раньше - это нормальный размер сообщения. Все таки тут не твиттер)
Есть еще проблема со стилями - мне кажется вешать transition на все textarea странно. Попробуйте например тут изменить размер формы комментирования
а что там за проблема со стилями? Или это только про анимацию растягивания?
Ну да я про анимацию, это же из-за стилей)
Если анимацию вешать например только на border - то в некоторых местах получается этакий блик - когда текст быстро отработал, а бордер плавно окрасился потом. Тут на форме комментирования не видно - т.к. работает доп comment tuner - его бордер тут не участвует.
Хотя я не вижу проблем вообще эту строку оттуда убрать. и отрабатывать :focus без анимаций
Как вариант можно так исправить:
transition: all .15s ease-in-out, height 0;
Ну или как-то по другому, думаю вариантов много можно придумать
Вот еще небольшой баг всплыл:
https://imgur.com/DXI0EjN
Проявляется везде где у товара несколько изображений в галерее, вообще там scale убрать стоит вероятно
там этот дикий scale скрипт слайдера сторонний добавляет.
В меню z-index до 100 поднять - вроде поможет это
И на главной картинку подкрутить https://prnt.sc/117jimf
Да. Почему-то get_template_directory_uri не вернула https в урле, а вот блок ниже - работающий на том же шаблоне вернул. Вангую что дело в кеше - там что-то побилось - иначе одинаковые бейджи бы работали верно
Кеш иногда такой головняк устраивает...
Непривычно сначала показалось. Но стало "четче", светлее, приятнее как-то 👍
Что принёс апдейт кодеселлера по метрикам? Хотя основной упор был на максимум удобств для мобильного пользователя, так что метрики - побочное 🤔
Как выяснилось, кодеселлер использовал протокол http/1.1 вместо http/2.0 И это хорошо что так было (для финальных цифр).
Вот что было до перевода на новый протокол (мобильный/ПК) против http/2.0:
Главная страница: 18/73 vs 53/97
https://codeseller.ru/products/feed-sexy-theme/ 14/45 vs 37/81
https://codeseller.ru/products/theme-control/ 11/55 vs 34/84
https://codeseller.ru/products/simple-theme/ 11/58 vs 42/90
Страница "Контакты": 24/69 vs 44/93
- в общем тут и до редизайна в миг прокачали)) Этот протокол в несколько потоков может грузить статику. А это значит что нам нет смысла всё в один файл паковать. И сейчас файлы темы маленькие и идут отдельным файлом. Интерфейс быстрей прорисовывается (проверял).
И сегодняшний апдейт даёт нам такой результат (1й замер vs сегодняшние данные):
Главная страница: 18/73 vs 87/99
https://codeseller.ru/products/feed-sexy-theme/ 14/45 vs 46/83
https://codeseller.ru/products/theme-control/ 11/55 vs 36/95
https://codeseller.ru/products/simple-theme/ 11/58 vs 70/97
Страница "Контакты": 24/69 vs 90/99
- страницы товаров в зависимости от изображений. Там слайдер. До него не дотянуться - но он для мобильных крутой - свайп, все дела)).
А страница Контакты - просто кусок текста.
В общем такие результаты по метрике. Для интернет магазина и сайта и сайта социальной направленности считаю это не плохим результатом. Понятно что можно полезть глубже - но цель обновления не в этом. Главное чтобы мобильным пользователям стало удобно, а ПК пользователи не потеряли привычный интерфейс. Логотип и иконки в подвале были переписаны и теперь поддерживают dpr от 1-го до 3х (ретина). Владельцы айфонов - ликуйте! Все остальные подробности опишу на своём сайте))
Очень даже хорошо. Скорость наше все)
Владимир, Вы вернулись к модераторству? Если так, то рад )
Нет.
Просто я редизайном занимаюсь и работу сдаю - правки, мелки баги.
Хотя вот час назад утвердили еще несколько приятных нововведений на сервис. Следите за апдейтами 🎉
Ну и пишите: что хотелось бы на сервисе из возможностей и что из нового немного не удобно и можно улучшить. Как написал Андрей - "пока рабочая клавиатура не остыла")) А то ведь от дизайна до редизайна 5 лет прошло 😉
Я не люблю заниматься дизайном, это у меня много времени отнимает, больше люблю делать что-то по технической части. Но мне кажется было бы хорошо переработать подобные страницы https://codeseller.ru/prodcat/wp-recall/ - сделать поиск горизонтальным, что бы товары были шире как на главной и с метками поработать, может в форму поиска их убрать. Там же можно вывести какие-то "горячие фильтры" - типо бесплатные, со скидкой или еще что
Ну и было бы не плохо над страницей с документацией API (хуков, функций) поработать. Может какие готовые скрипты есть для этого, не интересовался, но мне лично в первую очередь интересен не внешний вид (хотя и тут мне кажется можно все более наглядно и компактно вывести, на страницах таксономий API) а какой-то стандарт оформления фильтров, экшенов, функций. А то бывает есть минутка и можно чем-то поделиться, но я терпеть не могу придумывать как это все оформить.
В личном кабинете иконка уведомлений(плавающая) под загрузить обложку в мобиле.
Пополнить счет не найти в мобиле.
Не все всплывашки помещаются в экран.
Найдем еще, чуть позже))
С модалками да, есть проблема, часто приходится фиксить ее, все забываю написать.
Там у стилей .ssi-modalOuter .ssi-modalWindow указано min-width: 315px; при этом у родителя margin-ы есть, из-за этого окно вылезает за пределы.
Пополнить счет добавлю в мобильное меню, спасибо.
А какие всплывашки не помещаются? Дизайн учитывает 360 пикселей минимум (не 320) - я у себя не вижу с модалками проблем. Может не ту модалку смотрю.
Посмотри скажем - Последние уведомления.
Какой размер экрана? Я на 360 вижу что умещается и по бокам место даже есть.
Конечно не спорю модалку надо переделать в реколл... Если речь идёт об экране в 320 пикселей - увы на нем не прогонял - по статистике смотрел что это не самый большой % устройств и проигнорировал 🥺
Я по позже посмотрю, сейчас только с компа проверял.
Да на 320 ширине проблема, я всегда на нее ориентируюсь если что то адаптивное делаю, но на % у кого такое разрешение никогда не смотрел
во времена 15-й и 16-й версии реколл мы уже всё делали под 360px. Поэтому в ядре все давно так. Это реколл править надо, хз Андрей Возьмется за это. Там не в одном месте правки. Весь диз всего подгонять надо. Сейчас глянул по метрикам https://gs.statcounter.com/screen-resolution-stats нет там 320. Андрею по своей метрике (кодеселлера) надо глянуть - каков процент 320 устройств
Да вроде как только у модалок надо изменить
.ssi-modalOuter .ssi-modalWindow {
min-width: 315px;
}
сделать min-width: 270px; или вообще убрать его
У меня на мобильном не реагирует на выход с аккаунта https://prnt.sc/118v33f
там вся длина ссылка на выход - так что если справа её иконка чата перекрывает - должно выходить. У себя проверил - вышел.
Кеш браузера сбросьте. Иногда что-то залипает. Повторить не смог баг
p.s. менюшку верхнюю на 320px поправлю - будет умещаться
Все перепробовал, так и не смог выйти ) В принципе на Codeseller с мобилы редко захожу
Мета данные тоже съезжают https://prnt.sc/118w0of
Если говорить о мобильном интерфейсе
В принципе не плохо бы было все под экраны до 5-ти дюймов подгонять. Вроде производители мобильных начали опять возвращаться на маленькие расширения экранов.
p.s. Владимир приятно видеть Вашу активность на Codeseller, думаю ооочень многие наедятся и верят в Ваше полное возвращение.
Кнопка поиска в хэдэре во всплывашке либо лишняя либо не кликабельная
https://ibb.co/YDNFfgJ
У тебя поиск там пустой. Она отключена если ничего не введено
В личном кабинете в переписке теперь доступно цитирование. Цитирование поддерживает вложенность в несколько уровней - кто пишет часто и малыми порциями - не потеряете нить общения.
В личном кабинете при загрузке вкладок через ajax замечен баг верхнего (второго) меню - иконки раскрывающего списка чуть сдвигаются - это на демо сайте я уже пофиксил. А тут исправится в накопительном обновлении.
Вот умлыло что то все https://prnt.sc/11auy1g
Спасибо. В апдейте прилетит исправление. Причина - кусок кода в теле форума. На него чуток стилей не хватало 😬
В личном кабинете появился фон! Загрузи не просто обложку в ЛК, но и фон - который доступен ПК пользователям. Покажи свою индивидуальность. Выделись и привлеки!
Последние просмотренные товары в одиночной записи и на главной - другим дизайном чтоб не спутали (хотя это враки - просто тот доп не умеет новые крутые карточки кодеселлер - но ему есть куда расти и будет расти)
На главной - также последние отзывы. Чтоб не спутали - они выводятся не так как карточки товаров, но так как отзывы и как каменты))
И это показывает - движение на сайте есть. Мы то видели это. Теперь доступно и вам. Читайте и оценивайте то, что попробовали наши реальные клиенты.
Форма комментариев - действительно формой стала - оцени возможность общения. А еще на 320px подрихтовали макет - надеюсь навигация на этих устройствах будет удобной.
Страницы поиска стали удобней - теперь мобильный пользователь сможет по товарам поискать, а если не нашлось ничего - то предложит форму поиска и уточнить запрос. Раньше там было что-то в стиле "ё... ничего..." а теперь варианты.
Если ты VIP - в меню отобразит твой доступ и покажет сколько дней до окончания vip-доступа у тебя есть.
Комментарии в товарах - это теперь "Вопросы и ответы" - не флудите. Для отзывов давно есть вкладка "отзывы".
Табы в описании товаров теперь более удобны и по ширине и по выравниванию.
Слеши пофиксили в последних форума и кеш последнего с форума теперь быстро учитывает когда тему закрыли/открыли.
Поправил скролл до анкора. Теперь ссылка на ПК или на мобиле с нужным отступом доведет куда надо.
И найденные и озвученные ошибки - вроде пофиксили. Если что нашли - напишите. Поправим.
Релиз получился не менее крутой. Оптимизация по lighthouse и по доступности. Надеемся сервис сделать максимально удобным.
И ожидаем фидбек.
Напишите что думаете.
Даже если это одно слово))
Спасибо всем участникам тестирования. Очень круто что тема популярна и комментаторов много.
Все круто, пять баллов!
Владимир, маркет преображается, с каждым днем становится красивее и удобнее!
Полезная фича, продлил со скидкой)
У меня на ноуте вот такая неудобная вещь с мини-чатом.
Не видно кнопок: закрыть и перейти в большой чат.
(Такая же проблема и на одном моем сайте наблюдается)
Это проблема плагина wp-recall, а точнее дополнения чата.
Не много не привычно. Но круто. Привыкну))
Кстати, не так давно, заметил, новую вкладку у плагина wp-recall в разделе формы публикации, лендинг. Попробовал сделать такую форму, и попробовал через эту форму опубликовать лендос. Вроде все получается, но после перехода на созданный лендинг, выдает ошибку 404 (данная страница не найдена). Обновлял ссылки, не помогло. Инфу про данный функционал, на сайте не нашел. В общем так и не разобрался что это такое, для чего, и как этим пользоваться. И от этого интерес еще интереснее 😀
Я не понял - как это относится к редизайну кодеселлер?
Или я тут упустил где это в форме публикации новая кладка лендинг.
заметил, что статистика товаров пропала, или может не разобрался с функционалом нового дизайна?
О какой статистике речь?
Вся статистика товара в его карточке. На ПК она справа, на мобильном карточка товара под описанием. Единственное что выпилили - счетчик просмотров товара и непонятный к нему график. Работало это все на давно забытом и не обновляемом плагине, с которым были перегрузы по запросам к БД.
Да я про график и говорил) ну если уже не актуально понял, спасибо
Хорошая работа! Слегка непривычно, но стало современнее! Больше места для контента, удобнее ориентироваться и читать =)
Спасибо. К этому и стремились - освежить дизайн и сделать просмотр на мобильном удобней.
А вот обложку в личном кабинете никто не ставит. Я думал будет интересной фича)) Я в своем ЛК установил - можете глянуть о чём речь
Мне очень понравился вариант с новыми секциями в формах.