24 апреля 2009 в 2:20
Уважаемые друзья, после длительной разработки, я имею честь представить вам новый интернет-магазин электронной техники Oranger.com.ua.
Он создан для того, чтобы украинский пользователь полюбил шоппинг в сети так же, как и совершать покупки в оффлайне.
И мне приятно заявить о том, что программная часть выполнена на основе Drupal. Из нестандартных модулей были использованы только ядро eCommerce и ССK для создания различных типов товаров. также были собственноручно написаны модули сранения товаров, дисконтной системы и кеширования.
Давайте рассмотрим сайт поближе.
Вот она, главная страница:
Навигация по сайту сделана не совсем привычным образом. При разработке было принято решение использовать фильтры для выбора. Вы можете ориентироваться как по названиям производителей, так и по определенным параметрам групп товаров и по любым их сочетаниям. В любой момент вы сможете перейти к традиционной навигации. Вот, непосредственно, типичная страница каталога:
Непосредственно на странице с товаром хотелось показать всю доступную в сети информацию о конкретной модели. Из плюшек, доступных здесь следует отметить слежение за товаром. В планах пока остается возсожность оставлять отзывы о конкретной модели и куча дополнительных возможностей, таких как, например, листы с пожеланиями, снискавшие популярность в последние годы. Ах да, вот она, страница товара:
Пожалуйста, если у вас есть замечания или пожелания, не поленитесь их отобразить в комментариях. Сообщите о всех факапах и недочетах. Буду вам очень признателен.
Комментарии
Не плохо, только кнопки сравнить то я по нажимал, а как вывести результаты на сравнение не нашел
И еще вопрос, как сделаны характеристики товара, ССK?
красиво. не рябит.
ничего лишнего. тот самый дизайн который не видно. радует.
Вопрос: чем "сжимали" html от пробелов и переводов строки?
или решили так шаблоны поуминать?
Маленький недочет.
Выползающая форма входа. Не убирается после выползания. Как бы я передумал и захотел по меню пощелкать
А в общем все здорово
Отлично! И особо понравилась анимация jQuery.
Собственно, публика ждет разоблачения: какие модули, и конечно, каким образом реализованы поля -- cck или таксономия?
Красивая презентация!
Так и надо презентовать свои проекты на Друпал.ру
Еще раз хочу похвалить дизайн.
Это именно тот лаконичный дизайн который стильно смотрится и помогает в восприятии сайта.
все красиво.
но этот долбанный знак возле цены просто убивает.
даешь нормальное название валюты!
кстати, как вы делали такие красивые скриншоты?
FF 3.0.9 http://easycaptures.com/0229706045
Хороший пример здоровой лаконичности.
очень мощно, молодцы.
Скроллинг на 1024 - это дань времени, я так понимаю?
Большое спасибо за отзывы. Было очень приятно читать. А теперь персонально:
to gumk @ 11:48
Сейчас просмотр выбранных для сравнения товаров доступен со станиц каталога. Согласен, не совсем гуд. Поправится в первом же большом апдейте. Поля товаров были сделаны при помощи CCK.
to Ilya1st @ 11:55
Жмется код довольно тривиально. Рецепт прост: переопределяем в template.php функцию _phptemplate_render(), которая в первозданном виде доступна в файле phptemplate.engine. Затем при помощи str_replace() удаляем все что не нравится.
В конечном итоге все это будет иметь примерно такой вид:
<?php function _phptemplate_render($file, $variables) {extract($variables, EXTR_SKIP);
ob_start();
include "./$file";
$raw_contents = ob_get_contents();
$contents = str_replace(array("\r\n", "\r", "\n", "\t", ' ', ' ', ' '), "", $raw_contents);
ob_end_clean();
return $contents;
} ?>
По результатам краш-тестов время, затраченное на выполнение этой операции для довольно объемной страницы составляет от 3 до 6 мс, что не критично даже для маньяков оптимизации, но объем документа, отдаваемого пользователю, сокращается значительно (в среднем 8-10 Кб).
А вот форму входа действительно нужно закрывать
Спасибо за замечание.
to kyky @ 12:14
Все разоблачение, собственно, было в описании
Из нестандартных (а стандартных оставили только необходимые для ядра) использовались CCK и ядро eCommerce. Все остальное — собственные разработки и наработки.
to jeehadina @ 16:45
Это официальный знак украинской гривни. Подробнее только здесь. Довольно интересный с происхожденческой и графической стороны. Поэтому и решили использовать. Очевидно, первые.
Скрины стандартные Маковские. Если интересуют подробности: Command + Shift + 4 + Space и у вас на десктопе такая вот красота со всеми симпатишными тенями.
to penexe @ 17:03
Большое спасибо за найденный баг. Поправил.
to restyler @ 20:07
Cудя по гуглостатистике на все наши сайты посетители с разрешением монитора ниже 1024 пикселя по ширине заходили давно. Поэтому так сложилось
Тривиально, нетривиально, но если про сжатие кода написать приличный пост с описанием работы всех функций, примером кода и результатами тестов, то если не на главную, то в местную документацию попадёте точно.
то есть если не используются <pre> - идея просто охренительная. Я на паре сайтов где <pre> не пользуют - внедрю
to Ilya1st @ 22:03
Ну если копнуть немного глубже, то можно сделать исключение по регулярным выражениям и использовать везде.
Регистрация в корзине не работает. Опера 9
Подобрать цвет сообщения после добавления товара в корзину. почти сливается с фоном.
Честно говоря не понял работу фильтров для выбора справа.
Огорчило сообщение о невозможности работы с 6 Интернет-эксплоэром
to Ветер @ 00:15
Большое спасибо за найденный баг. Исправлено. теперь можно регестрироваться и из корзины.
А по поводу Internet Explorer 6 — надоело, честно надоело переписывать 25-30% верстки и яваскрипта под этого монстра. Поэтому всех гордых пользователей ИЕ6 и более ранних версий встречает вот такая веселая картинка:
а на чем форма входа сделана, это модуль или вы вручную кусок кода в jQuery впихнули?
спасибо, хороший сайт.
Да, Сергей, работа несомненно отличная.
Некоторые изъяны:
to Folcon@ 02:22
Полностью на чистом jQuery, без модулей. Зачем подключать и обрабатывать 200 строк кода, если можно написать 20?
to neochief@ 02:37
Большое спасибо за совет. Да, действительно, стоит так сделать. А у вас, по всей вероятности, Linux. А конкретный дистрибутив не подскажете? Для всех браузеров под Ubuntu и Fedora ничего подобного не возникало.
У меня самая обычная Vista Home Premium
Зарегился, вот еще списочек:
Купить у меня так ничего и не вышло, к сожалению, при заказе страница начинает тупить и все.Страница таки проснулась после двух минут ожидания. Такое проиходит всегда, налицо какая-то фигня в скрипте заказа.И да, в прошлом я был инженером по качеству.
to neochief @ 02:41 & 03:08
Огромное вам спасибо за такое комплексное тестирование сайта. Да, действительно, многое осталось незамеченным.
Оперативно исправили ошибки (я по номерам для удобства и краткости): 7, 16, 5, 6, 17, 30, 32, 33, 35
В ближайший большой апдейт войдут исправления: 11, 1, 3, 18, 19, 22, 24, 28, 29.
Относительно спорными мне показались замечания номер: 12 (т.к. если никто не начнет применять, то этот знак так и останется забытым), 3 и 14 (постоянная дерготня к спискам сравнения я думаю не лучшее решение + все пользователи обычно пролистывают страницу полностью и не заметить блок сравнения будет сложно). По поводу 21-го замечания надо будет устроить социологический опрос знакомых
По поводу выключенных скриптов — специально поднял статистику по этому вопросу. Пользователей с выключенным яваскриптом критически мало, да и те по большей части именно тестеры.
А вот по поводу тайтлов (номер 25) можно поподробнее? Не совсем понял связи.
А вообще большое спасибо за такой шикарный обзор факапов. Я, честно говоря, даже не надеялся на такое полное тестирование.
И еще вопрос: как попасть к вам на сайт в галлерею?
UPD: Ах да, вам заказ оформлять?
На счет 25, все просто — страница "Samsung r70" релевантней страницы "Samsung r70 | Orange" по запросу "Samsung r70".
Заказ оформлять не надо
to neochief @ 04:14
Очень хочется попасть в Галлерею на "Танцах". Есть шансы?
Да, вполне, но позже, у меня сейчас нет времени на обзор.
Большое спасибо. Надеюсь оно у вас найдется. В конце-концов сам могу обозреть с примерами кода, наглядными иллюстрациями и т.д.
Очень приятная работа, посмотреть на сон грядущий замечательно. С технической стороны уже хорошо протестировали. Похоже, мне как аналитику, в глаза сходу бросилось несоответствие цены в гривнах и фильт в долларах. Сам фильтр понятен и достаточно удобен. И еще товар с ценой ровно в 1000 долларов войдет в две категории?
А в галерею думаю обязательно попадет.
Большая просьба поподробнее про сжатие HTML,лучше отдельным постом
Если подобным образом пожать весь PHP,будет ли толк?
Я планирую в ближайшее время описать процесс сжатия отдельным топиком. По наводке Ilya1st будет и рассказ о сжатии с наличием тегов
<pre>или<code>.А что значит "пожать весь PHP"?
Имеется ввиду,насколько будет быстрее обрабатываться PHP,если убрать ненужные пробелы,комментарии,переносы строк и тд
Сайт классный. Только удивляюсь почему не на главной:)
Дизайн есть, описание есть, а на главной нет. Непорядок
to volocuga @ 10:07
Скорость обработки кода php компилятором (насколько я понял вы именно это имели ввиду) не возрастет. Уменьшится объем html кода, отдаваемого браузеру.
Теперь не понял я.PHP и HTML разве связаны?
Конечно нет, как яйцо не имеет никакого отношения к курице.
direqtor: объясните,как влияет объём PHP файлов на объём выдаваемого конечного HTML
Очевидно,интернет-магазин прочно ассоциируется с наживой,а концепция опенсорца-с халявой.Отсюда конфликт :)Девочка с будильником лучше подходит под концепцию опенсорца
Какой может быть конфликт, если я делаю сайт клиенту за деньги на основе опенсорсного решения, а потом весь код выкладываю в общее пользование?
Это вы кодом делитесь, а есть некоторые, которые зажимают делиться)
Ну, некоторый код я тоже зажимаю.
Причины:
1. недоделан.
2. слишком проектоспецифичен
3. клиент в договоре прописал, что низзя.
Что-то я тоже, честно говоря, не понимаю насчет конфликта. Особенно если сайт сделан на основе свободно распространяемого программного продукта и любая его часть может быть объяснена на пальцах и опубликована по запросу (если интересно).
P.S. Топик по сжиманию кода готовится и будет доступен во вторник.
Просто админы спят:)
Я считаю, что сайт достойно может быть размещен на главной, и другим будет к чему стремится. Не часто на местной выставке появляются достойные сайты. Тем более что по описанию сайта соблюдены [#26079]все формальности[/#]. Да и в принципе сайт достойный (судя по комментариям - это общее мнение).
Да, с главной что-то в последнее время чудачества происходят. Вместо нормальных топиков вешают котят да девочек с будильниками. Пользы от них 0.
Эээ...да я в шутку,вы близко к сердцу приняли
Отличный сайт!
Модераторы спят
Косяк http://oranger.com.ua/node/2806
Fatal error: ... template.php on line 214
Очень достойная работа. Дизайн на высоте.
Много мелких придирок, которые, уверен, отладятся.
Из крупных недочетов - это "Фильтры для выбора". Очень долго нажимать 10 параметров с перезагрузкой страницы по каждому и нет диапазона выбора.
Как сделан каталог товаров и детальное описание каждого?
Красивый сайт, быстрый, хочу научиться без модулей делать тоже!!!! эхх
1) а почему выбрали 5й, а не 6й друпал?
2) и почему eCommerce а не Ubercard?
ps жду статью про кеш.
Очень вдохновляет Ваша работа!
Круто, круто, круто.
Косячок один в ФФ:
Если убрать фотки-дизайн станет еще выше? Может вместо иконок Римские цифры ? А к примеру
просто чистый лист-типа квадрата Малевича! Предлагаю упорядоченное расположение
текста и наглядного материала, не называть дизайном. Ведь должен чем то(не в обиду сказано) маляр отличаться от художника. Может я неправильно понимаю смысл этого слова?
Считаю, что если ваш квадрат малевича считают искусством, то это искусство. А если художество с кучей элементов никому не нравится - это не искусство. В веб-дизайне главное то, что превращает изделие в единое целое, удобное потребителям. В этом сайте, как на меня, это удалось сделать.
подпишусь
чет выбрал телефоны нокиа, а там все показываются, и сони и сасунги
http://oranger.com.ua/store/telephony/mobile/102/201/402/604/
накрылся магазин медным тазом
ну я как-бы это уже понял еще до того как кончился домен, так что не удивлен. хотя конечно грустновато, старт был неплохой
Гады вордпрессовцы увелли домен