По всей видимости рубашка состоит из нескольких прозрачных картинок.
Формат картинок png.
Причём картинки нарисованы только контуром.
При нажатии на определённую ткань просто подставляется соответствующая текстура.
Вроде просто на первый взгляд но возни очень много если самому делать.

Ну да, я вот и думаю с какой стороны подступиться лучше.

Ну с какой?
Думаю что надо начинать делать подобную штуку.Сначала простенькую потом наварачивать всё сложнее и сложнее.
Для начала для теста делаем страничку html,размечаем её как нужно,потом в графическом редакторе рисуем рубашку.
Можно пока не рисовать а "стыбзить" на время для теста с того сайта.
Потом эту рубашку вставляем в тестовую страничку.
Берём парочку текстур и если надо делаем из них миниатюры.
Потом пишем код jQuery.
С вот такой примерно логикой:
При клике на миниатюру менять css свойства фона блока где рубашка на нужный.

миниатюра.click(){

    $('#id блока с рубашкой').css({'background':'url(xxxxx.xxxx.png)'});

}

Если всё получается можно играться с плавным сменом фона и другими эффектами.
Ну и так далее.

Да, я тоже думаю как-то так.
Только я думал у картинок src-атрибуты менять прямо в DOM.
Ну и данные в data наверное записывать, чтобы потом в корзину скинуть JSON-ом.
Как-то так, просто я сейчас еще дизайном занимаюсь, поэтому пока только прикидываю в уме.

Мне кажется, в моем случае будет проще пойти по этому пути.
А данные как собирать лучше? Чтобы например, потом просто это все скинуть в корзину - {"name":"рубашка","collar":"короткие"} и т.д.

Спасибо, буду пробовать.