Интернет-магазин за 5 минут
Итак, у нас есть готовый сайт, который по большому счету нас вполне устраивает. Что хотим получить на выходе? Да всё тот же сайт плюс интернет магазин. Почему именно так? Причин конечно может быть много, это и время реализации (реализовать или переделать сайт чтоб в нем был интернет магазин может затянуться по времени), это и финансовая сторона вопроса (нормально спроектированный интернет магазин по моему убеждению и как показывает опыт меньше 40-50 тыс.руб. стоить не может, а денег чтоб заказать всё заново как обычно не хватает), это и ... да мало что может быть.
Самое главное у нас есть цель, интерент магазин за 5 минут, так давайте её и осуществим.
Т.к. для реализации сайтов я использую систему управления сайтом UMI.CMS, то вся реализация будет показанна именно для данной системы. Если вы используете другую систему управления, или просто даже сайт у вас написан на HTML (встречается иногда и такое), то данная статья не будет лишней и для вас, т.к. данное решение можно легко интегрировать практически в любой сайт.
И чтоб реализовать всё это воспользуемся SaaS сервисом для создания интернет магазинов от команды ecwid.ru.
Итак, поэтапно:
1. Регистрируемся на сайте http://www.ecwid.ru/. Можно и не регистрироваться, а использовать ваш Google, Twitter или Facebook аккаунт, и вы получите доступ к административной панели Эквида.
2. Вставить код Эквида в шаблон (или в код) вашего готового сайта. Как только вы добавите JavaScript код, магазин появится прямо внутри вашего сайта.
3. Настроить интернет магазин, и радоваться как всё быстро и в общем-то легко получилось.
А теперь немного подробнее о том, как и что нужно вставить чтоб интернет магазин заработал.
После того, как вы получите доступ к административной панели Эквида, во вкладке "Консоль" вы увидите код виджетов Ecwid которые нужно (не обязательно все) вставить в страницу вашего сайта. Для этого (рализация описывается для UMI.CMS) открываем по FTP файл, например ~/xsltTpls/modules/content/__common.xsl и прописываем в нем нужный код, который будет реализовывать на конкретной странице весь необходимый нам функционал. Почему имменно этот файл, да просто потому, что реализовавал я его для UMI.Start на странице контента с Id = '4'. Итоговый год файла у меня получился таким:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xsl:stylesheet SYSTEM "ulang://i18n/constants.dtd:file">
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:include href="menu.xsl" />
<xsl:include href="content.xsl" />
<xsl:include href="notfound.xsl" />
<xsl:include href="sitemap.xsl" />
<xsl:template match="result[@module = 'content'][@method = 'content'][@pageId = '4']">
<div
>
<xsl:apply-templates select=".//property[@name = 'content']" />
<div>
<script type="text/javascript" src="http://app.ecwid.com/script.js?1241289" charset="utf-8" />
<script type="text/javascript"> xProductBrowser("categoriesPerRow=3","views=grid(3,3) list(10) table(20)","categoryView=grid","searchView=list","style="); </script>
<noscript>Ваш браузер не поддерживает JavaScript. Пожалуйста, перейдите на <a href="http://app.ecwid.com/jsp/1241289/catalog">HTML версию Андрей Башев's store</a></noscript>
</div>
</div>
</xsl:template>
</xsl:stylesheet>
(У вас javascript будет свой, копировать от сюда его не нужно. Если копируете, то затем замените на тот что будет у вас в административной панели Эквида.)
Как видите, для того чтоб всё работало нужно было лишь вставить пару строчек javascript кода, в данном случае это "Каталог Товаров". Аналогичным образом вставляем код виджетов для "Корзины товаров", а также "Горизонтального или вертикального меню категорий" и "Поиска", если они вам нужны, в соответствующие шаблоны дизайна.
В итоге у меня получился тестовый (а большего пока я не реализую специально) интернет магазин.
PS: Больше информации о данном SaaS сервисе можно найти непосредственно на сайте ecwid.ru. Данная статья носит в общем-то ознакомительный характер, и если кому будет интересно, то пожалуйста пишите, задавайте вопросы, постараюсь на них ответить.
12.06.2012