Делаем очень простой, но очень удобный интернет-магазин
Итак, наконец-то я решил поделиться своим небольшим секретом. О том как сделать простой и удобный интернет-магазин не напрягаясь. И причём совершенно бесплатно.
Для этого не нужно использовать дырявые бесплатные скрипты. Не нужно покупать скрипт магазина-монстра и обрезать ему функции. Лично я считаю это сверх нерациональным. Всё намного проще.
Нужно всего лишь подключить к странице пару javascript и php файлов. Слишком просто? Так оно и есть.
Интернет-магазин можно соорудить на базе чего угодно. Будь это простая html страница или сайт на UCOZе (не проверял, но уверен, что можно) или на нормальной CMS (но хостинг обязательно должен поддерживать PHP). Я лично делал интернет-магазин на основе nano-CMS, которая не имеет админки и где каждая страница прописывается вручную в отдельном файле. Но автоматизировать вывод страниц совсем не сложно.
Секрет простого создания интернет-магазина
Секрет в скрипте корзины товаров JCart на основе jquery. Это совершенно бесплатная разработка, распространяется свободно, подключается просто, работает с включённым jacascript и без него, используется AJAX (то есть, добавление товаров без перезагрузки товаров).
Чтобы внедрить JCart нужно всего лишь подключить к странице 2 javascript файла (jquery-min и сам скрипт), php файл, CSS файл с оформлением (в принципе стили можно закинуть в ваш основной CSS файл) и инициализировать скрипт (пару строк кода). Нужно также подправить настройки в файле jcart-config.php.
Я не являюсь поклонником jQuery и стараюсь не использовать этот фреймворк без необходимости. Однако в этом случае его использование полностью оправдано.
После подключения файлов вставляем в нужное место страницы код вывода самой корзины. Все товары нужно оформлять в виде формы с классом jcart и с определёнными полями (input), куда вносится информация о цене, названии и идентификаторе товара. Названия полей, которые будут обрабатываться скриптом, можно менять в настройках.
Также нужно настроить страницу отправки заказа. При желании можно внедрить автоматическую оплату товара (по умолчанию в скрипте встроена оплата с помощью PayPal), однако такая автоматизация часто магазину не нужна. Многие фирмы предпочитают просто получить заказ, который будет потом обработан менеджером.
Как вы будете генерировать страницы в принципе не важно. Нет ничего проще, чем вывести информацию о товарах из базы (MySQL или текстовой) в нужном виде.
Пример работы скрипта
Вначале я хотел внедрить Корзину в эту страницу, но потом решил, что лучший пример — рабочий вариант. Итак, встречайте простенький интернет-магазин спортивных сеток на основе nano-CMS и JСart. Моя первая поделка подобного рода.
Очень интересно, что сейчас в РУнете никто не использует эту отличную Корзину (во всяком случае я не видел). Я в своё время потратил не один час на поиск удобной и бесплатной корзины товаров. Так что это своего рода секретная информация.
Подробной инструкции по внедрению вы здесь не найдёте. На официальной страничке скрипта расписано всё очень подробно. Если же у вас не получится встроить JCart в свой сайт, то милости прошу в Контакты. Всегда готов помочь вам за определённое вознаграждение. Возможно даже не денежное.
Кстати скрипт я немного доработал. Сделал отправку на e-mail и оплату с помощью сервиса Robokassa. Работу с базой данных даже прикрутил. Обращайтесь ;)
UPDATE
Сделал наконец формочку заказа. Велкам.
Повторюсь ещё раз. JCart это:
- Простая интеграция
- Удобный функционал на Ajax
- Работа с javascript и без него
- Совершенно бесплатная разработка
Товарищи, не посылайте заказы ради тестирования движка. Имейте совесть в конце концов. Магазин рабочий. Клиенты жалуются.
Вдруг что
Если у вас возникли проблемы, связанные с установкой скрипта, зайдите сюда. Скорее всего вы найдёте ответы на свои вопросы.
Немного позитива
Пост получился серьёзным, потому в конце я решил немного расслабиться. А именно поучаствовать в конкурсе от seotochka.com «Что любят пить блоггеры».

Фото сделано 20 февраля этого года на концерте в память вечного лидера Гражданской Обороны Егора Летова в Чернигове (кто не в курсе: он умер 19 февраля 2008 года). В этот день кстати был и день рождения Курта Кобейна, лидера группы Nirvana (точная дата: 20 февраля 1967).
На снимке у меня в руках стопка с водкой (а что ещё могло там быть в день памяти Егора?), но я отдаю предпочтение коньяку, пиву и соку. В последнее время балдею от гранатового и грейпфрутового соков, хорошего коньяка и насыщенного тёмного пива (которого получается хлебнуть очень редко).
Заметки в других блогах
SeoKiev задался вопросом существует ли реальный заработок в интернете. Все знают что да, но мало кто знает как :)
Руслан Сафин публикует интимные секреты инфо-бизнесменов. Опыт общения с псевдогуру и продавцами воздуха. Часть первая: Евгений Попов и Азамат Ушанов.
Поделиться ссылкой:
Комментарии:
Спасибо за идею!
ПС Ваши сетки немного поплыли на моем хроме
http://rookery5.aviary.com/storagev12/3234000/3234016_4dd6.png
Итак, встречайте простенький интернет-магазин спортивных сеток на основе nano-CMS и JСartПосмотрел, интересный магазин получился - все просто и лаконично. Удачи в этом деле
Прикольный магаз получился.
Четко, стильно, эффективно и сердито :D
Cпасибо за упоминание моего поста ;)
Спасибо, попробую обязательно! PS. Канат «Лазанья» привёл в восторг!
Спасибо за статью. Как раз мне нужен интернет-магазин по печатям. Пойду пробовать.
магазин это не наличие корзины или аджаксовых рюшек.. у меня 98% людей в магазине просто звонят и еще 2 процента пишут в месенджеры и практически никто не заказывает через корзину
Отличный скрипт, не знал о его существовании. Обязательно попробую, спасибо!
В качестве корзины для статического сайта или для магазина, разработанного на базе CMS, не обладающей подобным модулем - отличное решение.
Кстати, если зайти в раздел Downloads (http://code.google.com/p/jcart/downloads/list), то можно обнаружить еще и плагин для Wordpress с этой же корзиной.
Never Lex, для Wordpress и Joomla есть свои плагины подобного класса, позволяющие сделать магазин из обычных страниц.
Специализированные скрипты обычно имеют больший функционал, чем просто корзина. Тут все зависит от самой задачи.
P.S. О просьбе я помню - сорри, у меня просто физически нет времени вычистить ТЗ до уровня болванки-драфта :( It’s my fault, но дел и работы просто завались.
А готового нет - я обычно просто переписываю, подбирая похожий исходник.
Интересная статья, спасибо. Я вот задумываюсь о интернет магазине. Вот только что продавать не знаю. Подкиньте идею.
Поставил на Wp и не могу доделать, хотя осталось совсем немного.
Подскажите плиз как из корзины заказ отослать на почту. Со всем разобрался что и как сделать, а вот как на почту слать так и не придумал.
Не плохой способ реализации, идеально подойдет простеньким интернет-магазинам
Интересно, а при такой конкуренции как сейчас, само создание Интернет-магазина не будет потерей времени?
Есть же Плати ру...
Все эти корзины неэффективны. Наши люди шугаются кнопок ОПЛАТИТЬ ЗАКАЗ или ПЕРЕСЧИТАТЬ. В конце концов потыкаются и все равно звонят в офис и просят прислать курьера.
Never Lex, буду ждать.
Перерыл все уже и весь буржуйский инет. Получилось исключительно сделать отправку на мыло самого содержимого корзины, а вот прицепить формы для заполнения не смог сделать.
Вообще странно зачем авторы так усердно продвигают корзину для платежной системы а не для отправки заказов на почту.
Согласен, что то что продается уже в тысячах таких же магазинов, по такой же цене, имеет очень мало шансов быть купленным...
Ну че мужики. Как я и ожидал мы плавно подошли к теме успешного позиционирования, пропагандистом которой я и являюсь:) Леха, думаю, банить не будешь за эту бесстыжую рекламу;)
С уважением Руслан Сафин
Доступная и полезн. статья как для новичков так и для других))
Так вон ты какой, бородат :)
Насчёт удобства я бы поспорил. Нифига ведь внутри нет, лишь витрина, а значит удобно может быть для покупателя, а как же для меня, владельца магазина? Учёта пользователей и товаров нет, статистики нет, возможности делать скидки и подарки нет и много ещё чего нет.
С интернет-магазинами такая фигня - даже если хочешь сделать совсем просто, в процессе разработки начинаешь понимать, что надо ещё то и это. Не просто надо, а необходимо. Эх.
Этот скрипт хорош своей простотой. Чтобы его интегрировать со своим сайтом вообще знаний в программировании не нужно.
А вот по поводу функциональности... ну, возможно, на начальном этапе его и хватит. Но очень скоро все равно придется что-то посерьезнее подобрать.
Простота еще не значит надежность. В 90% случаев простые магазины легко вскрываемые, переполнением буферов, SQL инъекциями XXS атаками и другими подобными штучками.
Может быть для первого раза этот магазинчик прокатывает, но в дальнейшем в любом случае нужно искать более надежную альтернативу. Халява как говориться никому еще особой пользы не делала кроме мимолетного удовлетворения.
Спасибо за наводку. В свое время парился над включением в вордпресс скрипта магазина, а оно вон как просто делается +)
пс. а это вы сами продаете сетки или клиентам делали магазин?
Насчет скрипта - нужно будет поразбираться. А реализация нравится, аж захотелось купить сетку футбольную. 8)
Полностью согласен с zerohold, простые магазины не надежные и легко можно взломать. Да, если разрабатывать крупный портал, лучше потрудиться :)
Самопис лучше, хотя требует больших затрат времени и знаний. Но все же свой двиг всегда для тебя лучше)
Ну если честно, то по функциональности не очень скрипт (сужу по выложенной ссылке на магазин). Есть более функциональные двиги, и также на бесплатной основе. Впринципе, для начинающих вполне сносно.
Раз думал сделать инет-магазинчик, перебрал много вариантов, наиболее подошла жумла и виртуалмарт. Но о вашем не слЫшал. БУду пробовать, спасибо автору
Прийдется попробовать даный скрипт. Заказчик протребовал быстро сделать магазин. А свой не дописал еще. Воспользуюсь - отпишу о результатах.
Спасибо за наводку, надо будет попробовать.Вроде выглядит не особо сложно.
На jommle писал всегда, можно и ваш вариант попробывать с виду просто кажеться)
Зачет. Гармония в простоте, посмотреть приятно. И сломать трудно!
Посмотрел пример, интересно, а возможно ли эту схему к WordPress прикрутить ?... может есть какие материалы интересные на тему инет-магазина на WP, кидайте на мейл...
Да было бы не плохо найти материал, по е магазу на wp, вроде как одна из самых популярных cms, что-нибудь да должно быть.
А так статья путевая, как решу делать е магаз думая она мне пригодится.
Во, класс. Все оказывается просто делается. И плагин тоже нашел уже. Спасибо за пост.
Ну осталось только найти товар для продажи :)
А так в тандеме с плагином в вордпресс - очень даже неплохая вещь получается!
Автору: отличная схема, давно искал способ сделать без лишних заморочек небольшой магазин.
ТО Темный Гитарист: можно сделать магазин под партнерку.
Для магазина с малым ассортиментом, возможно, хороший вариант
Магазин получился хороший, но есть бесплатные решение и по серьезнее.
Хотя, конечно все зависит от задачи.
Отличная реализация, скоро покажу на ней магазин продажи дисков.
Удобно еще и тем, что можно легко прикрутить практически любому движку.
Автору респект.
А я пока не решаюсь создавать сайты магазины. Хотя уже есть свои планы
Мне понравился в общем то магазин, как пример. Ищу что-то свое. Спасибо!
Спасибо за дельный совет. Есть идеи интернет магазина, но пока руки не доходят. Обязательно попробую
Интересный и неплохой интернет-магазин. Нужно будет заняться этой сферой. Только как быть с товарами для такого магазина? Спасибо)
Скрипт магазина очень неплох + работает и с отключенным javascript.
А товары в магазин можно добавить, используя большое количество партнерских программ, как в рунете, так и в зарубежных магазинах
Ну да, достаточно просто, остались непонятны пару моментов, но всё уточнил у шарящего знакомого)) Спасибо.
Спасибо за полезный скрипт , попробую его применить в одном из следующих проектов. Подобного класса (но не AJAX) использую SimpleCaddy
Простенький скрипт.Но в связи с тем что юкоз тоже открывает возможность клепания магазинов,большинство пользователей очень ленивые и по быстрому перебегут туда поскольку там проще.Правдла доступ там есть только по приглашениям,но это дело времени.
Спасибо автору за статью.
Предлагаю автору сделать свою сборку jcart под СНГ с формой заполнения и без PayPal. Как на сайте с сетками. И выложить ее в своем блоге.
о наконец-то, как раз то что искал, идеально для офлайновых заказов.
Прошу подсказки. Меня тут как раз знакомые озадачили с Интернет-магазином, а я никогда не интересовался. Что, возможности создать нормальный магазин бесплатно сейчас нет что ли?
Ну ладно, буду разбираться. А нельзя у вас на блоге как-нибудь сделать, чтобы в уведомлении о новых комментариях в письме шла ссылка на пост? Очень неудобно искать...
Вот, щас внимательно глянул и обнаружил, что ссылка стоит на имени автора. Не очень удобно, если честно, удобнее, когда анкор - название статьи. Ну да дело хозяйское.
спс за скриптик.
на сайты для сапы очень хорошо пойдет.)
Master-X как раз писал, что интернет магазины яндекс будет слегка обходить стороной своими фильтрами
Замечательная статья, просто нет слов, читал её кстати ещё давно. Если бы не работал в Joomla и Virtuemart, то использовал бы всю инфомрацию
Вашей отличной статьей вы подтвердили старую истину: все гениальное - просто.
Не терпится попробовать!
Спасибо за инфу!
Интересно - для магазина с небольшим ассортиментом, идеальный вариант. Тут в комментариях написали, что плагин для ВП есть - не могу найти, скажите название плз
Здравствуйте!
А сколько будет стоить внедрить данное решение в уже готовый сайт на PHP ?
И можно ли будет сделать админку, в которой можно добавлять позиции товаров?
Вот мой сайт на http://vipmac.ru/shop.html на этом скрипте JCART, проблема в отсылки заказа на мою почту E-mail. Кто знает как этот скрипт (корзину) привязать к ROBOKASSA или на отсылку заказа на мой E-mail...
Заранее спасибо
Что-то не все получается. Как только начинаю русифицировать так все перестает правильно работать. Уже все перепробовал. Может подскажеш?
Алексей, что то я запутался совсем. Проблема такая: использую кодировку win-1251. После первого прохода скрипта (ІЕ, мозилла) все по русски, нажимаю на кнопку add to cart - кодировка слетает, все в квадратиках, нажимаю в броузере обновить - все опять нормально. Что я не так делаю? Подскажи, если не сложно. Спасибо.
Просто отличная статья, всегда мечтал научиться делать интернет магазин, класно расписал все. Респект! :)
Классно. А где эта прикрутка отправки по e-mail заказа? Или это за отдельную плату :)?
Вы написали, что модицифировали скрипт, прикрутив е-мейл checkout. (Отправку заказа на е-мейл с данными клиента) А как можно получить такой модифицированный вариант?
ты просто Гений! мне нравится ! Я думаю нужны в основном именно такие магазины
Лучше написать корзину самому, или поюзать фришное решение вроде e-commerce
В корзине есть неприятный баг
Цена товара сохраняется в hidden прямо в форме. Злоумышлиник может поправить через FireBug значение и купить товар за 1 у.е. , если менеджер по продажам не заметит подвох в заказе конечно (но они не очень внимательны).
как для простенького магаза сойдет, а более крупным магазинам нужен двиг с более широкими возможностями...
Скрипт симпатичный.. )))
Куча комментариев из разряда «плохо»...
Предложено решение, которое можно взять за основу и доработать как нужно..
Если руки-крюки не {можешь|хочешь|умеешь} - попроси кого-нибудь (думаю, автор блога не откажется) помочь за разумное спасибо.
В общем, спасибо за наводку... (и за фотку с водкой :)
ps. Из ГрОб-а много чего нравится...
pps. может добавить обработку [s][/s] BB-тэгов?
Нет, конечно.. для комментариев и так более чем достаточно :)
Это просто я люблю чиркать всё [s]на[/s]...
Есть возможность приделать к WP магазин. помоему квик шоп называется. Я такое делала раньше. Это не только партнерский магазин, но можно и на блоге сделать продажу своих товаров.
Статья хороша, спасибо!) Вот только сейчас этих магазинов наплодилось наверно больше, чем самих пользователей Рунета!)) Монетизировать становится всё сложней!)) Мне кажется без больших вложений на магазине не заработаешь!))
ЕсKatrynCats, если приделывать, то я приделываю на платформе «плати.ru», этим убиваешь сразу двух зайцев, первое это удобный скрипт встраивания (плюс админка магазина), а второе это возможности оплаты разными системами.
И сервисы подобные этому довольно удобны...
Не могу понять в чем дело, при подключении:
<?php $cart->display_cart($jcart); ?><!-- Корзина-->
выводиться вот такое сообщение
Warning: extract() [function.extract]: First argument should be an array in /home/viorikat/public_html/jcart/jcart.php on line 244
Подскажите выход из ситуации!
На юкозе итак есть модуль интернет-магазина, кстате очень неплохой, та-что там не нужно придумывать велосипед с различными скриптами.
Судя по посту действительно просто, но нужно самому попробовать сделать магазин. Всегда хотел, но что-то как то времени все не было разбираться. А вот теперь точно попробую.
Алексей! Может Вы знаете в чем проблема! Использую кодировку win-1251. В поле <input type="hidden" name="my-item-name" value="Слово" /> вывод на русском. При добавлении товара в корзину - имя товара не передается. Если указывать имя на английском, то все нормально.
Как быть?
Думаю, что для серьезного интернет магазина такого скрипта будет не достаточно. Для такого проекта нужно или самому писать, или брать drupal, wordpress и ставить на них модули. ИМХО
Тоже трепетно мечтаю уйти с работы в оффлайн и заниматься тем, что по душе: делом в интернете. Хотя, только открыла для себя этот громадный и загадочный мир Блоггерства. Молодец, автор, живешь весело и занимаешься тем, что нравится!))
Успехов!
Как насчет такого: цветной каталог с постраничной навигацией , разное кол-во корзин на каждой странице, размещение корзин в любом месте на странице.
Пока читал пост - набирался скептицизмом.
Посмотрел на реализованный интернет-магазин - приятно удивился.
Обращу внимание, что при большой частоте слова «корзина» (а их миним2м 2 будет на каждой странице), это слово будет в ТОП-10 важных слов для Гугла
Нужно, таки, будет оптимизировать и это
Почитал тут кое что, вы предлагаете купить данный скрип в разных модификациях, если я правильно понимаю связка Nano-CMS + Jcart, если это так, то прошу ознакомиться с вот этим:
Условия использования:
Перед скачиванием дистрибутива Вы должны чётко осознавать, что:
Исключительными правами на распространения нано-CMS наделён сайт NanoCMS.Name
Разработчик Вадим Ласто.
Чтите копирайт.
Вы можете как угодно модифицировать nano-CMS для своих нужд.
Базовая версия Нано-CMS бесплатная, и раздаётся только c сайта NanoCMS.Name.
Запрещено распространять Нано-CMS самостоятельно, любым возможным способом.
Как в исходном виде, так и после любых модификаций её кода.
Хотите чем-то поделиться с народом- делайте это через наш сайт.
Вы также не можете продавать Нано-CMS и продукты, базирующиеся на её основе.
К нарушителям будут применяться стандартные меры адекватного воздействия.
Бан в SE и удаление сайтов с хостинга.
Never Lex,
А в тех версиях которые продаете используете microText в качестве движка?
Получается и система управления на ней построена?
И еще какая самая оптимальная версия, ну чтобы работала отправка заказа, редактирование категорий, наполнение товарами, база покупателей, короче стандартный функционал магазина, без лишних наворотов?
Самый простой движок в рунете - это Soppi.CMS. Стоит всего $15 http://соппи.рф
Просто очень отличная статья, всегда хотел научиться делать интернет магазин, все класно расписал по полочкам. МОЛОДЕЦ..)
vredin,
полностью с Вами согласна, не вижу никакой потребности в корзине для своего магазина, хотя для магазина с детскими игрушками или одеждой она просто необходима, потому что очень много артикулов, цветов, и т.д там все по телефону если и запишешь, не будет доказательст, если клиент по доставке передумает забирать товар, и не скажет я красный мяч заказывал, а вы мне синий например привезли. А так если есть корзина будет хоть какие-то доказательства.
Александр Бездомный, Александр Бездомный,
Очень хочу чтобы вы посмотрели на такой вариант использования jcart в интернет магазине http://novye-podarki.ru/ магазин полностью на ajax вообще без php
При этом заказы отправляются и есть админка для добавления товаров и разделов под галочкой в правом верхнем углу.
Как ни странно не для всех магазинов подходит форма заказа через корзину, в моем случае нужно заключить договор, и уточнять кучу нюансов прежде чем продать продукт))
Спасибо большое за рекомендации, ну думала, что можно создать сайт бесплатно. Безусловно нужно обладать определенными знаниями и навыками, но при желании можно создать без проблем.
Так вот ты какой, Never Lex, оказывается! Закусывать не забывай! =)