Николай Ланец
12 февр. 2015 г., 21:50

Новая версия оформления сайта сборки shopmodx.modxclub.ru

Кто за день сел и переделал оформление всего сайта — тот я :) Обновил сегодня оформление сайта сборки shopmodx.modxclub.ru/
На самом деле 15 часов ушло (в 10 утра сел, и вот только закончил), но и это совсем не плохо для полного обновления оформления сайта (ну, вообще-то и программная часть немного подправлена, но это мелочи). Кто помнит, как сайт выглядел еще вчера, тот наверняка разницу оценит. Ну а так, рад буду услышать конструктивную критику, ведь я очень редко занимаюсь фронтом, а тут весь фронт перелопатил. В помощь тут конечно же bootstrap и Smarty. Бутстрапу спасибо за то, что теперь верстать можно практически всё почти ничего не зная и не умея))), а Смарти за то, что можно лепить параллельные скины и заниматься переоформлением сайта прям на продакшене, при этом другие пользователи даже ничего и не заметят, только уже когда скин переключается :)
Кстати, переделав фронт сайта без помощи дизайнеров и верстальщиков, еще больше ощутил на себе правду вот этой статьи. Очень советую к прочтению. Да, ИМХО, наш мир туда и катится.
Прикольно смотрится! Только одно замечание, еще с предыдущей сборки: всплывающее окошко (купили товар и т.п.) выскакивает частитно перекрытым окном jivosite — слегка напрягает :)
Да, это помню. Все и Сереги забываю спросить где поднять это окошко повыше :)
А я сразу поднял) В файле /assets/components/modxsite/templates/shopmodx/vendor/AlertifyJS/build/alertify.min.js
notifier:{delay:5,position:"bottom-right"}
поменять на
notifier:{delay:5,position:"top-right"}
А по сабжу, смотрится классно! Некоторые фишки возьму себе :)
поменять на notifier:{delay:5,position:"top-right"}
Ну, это если вообще позицию сменить. А так надо посмотреть как маржин увеличить и все.
Ну, мне лично приятнее сверху смотреть) Да и пользователям тоже, на множестве сайтах сделано так. программно не нашел настройки, а в css эта строчка (833):
.alertify-notifier.ajs-bottom { bottom: 10px; }
файл этот: /assets/components/modxsite/templates/shopmodx/vendor/AlertifyJS/build/css/alertify.css
программно не нашел настройки, а в css эта строчка (833):
файл этот: /assets/components/modxsite/templates/shopmodx/vendor/AlertifyJS/build/css/alertify.css
Файл этот импортируется в styles.less. P.S. напоминаю, что практически все скрипты и стили собираются gulp-ом.
Как собирать фронт галпом, примерно описал здесь.

Добавить комментарий