Не стал давать ссылку, чтоб не сочли за рекламу: Вот пример
Добавлять непосредственно на странице товара.
Чтобы в каталоге тоже была видна корзинка — пожелание заказчика.
Заказ формируется путем отправки письма на почту через обычный php mail()
Ну как сказать, это типичный код на jQuery, но не на JS. Сплошные селекторы, шаблоны в коде, отсутвие нормальной кастомизации и вообще вещь специфичная. Как костыль на среденький сайт ради легких денег может и сойдет. А как вещь которую можно использовать в своем проекте, или тем более показывать на хабре нет. По крайней мере я бы постыдился.
Отдаляет грамотная архитектура, ненужная совсем зависимость от jQuery. jQuery-лапша. Отсутствие гибкости. Шаблоны в коде. Нет поддержки дробных чисел, что странно. Сам скрипт не имеет никакого состояния, а итоговая сумма считается опять же jQuery селекторами. Ну не пишут так нормальный код и все.
Все, что написано в статье можно было бы умесить в readme.md проекта на гитхабе, это ж вроде документации.
Также демо-пример можно разместить на github.io, просто создав ветку gh-pages в вашем текущем репозитории.
Корзинка для каталога товаров (minibasket.js)