Алексей

Дивом будет практичнее и правильнее.
Таблицы - они для табличных данных.
Из названий CSS классов думаю все понятно.

<div id="cart">
<div class="row">
  <div class="image span-2">
     <img />
  </div>
  <div class="name span-6">
    Pruduct #1
  </div>
  <div class="quantity span-2">
    <input type="test" value="1" />
  </div>
  <div class="price span-2">
    66.6
  </div>
</div>
</div>

Посмотреть стили по F12 из Chrome и скопировать, если сайт доступен.

Уйти бесповоротно во фронтенд.
Писать код п.....ь

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

Потому что сайт делается не только для верстальщиков и пользователей, но и для поисковиков и браузеров. А для них семантическая разметка - как скелет - без него ни куда.

www.w3school.ru/blog/xhtml/explaining-semantic-mar...

Можно и на PHP.
Только если захочешь интерактива и анимации то надо еще подучить JavaScript + jQuery.
Можно чисто на JavaScript написать. А PHP использовать для сохранения статистики в БД.

Ну так и используйте для этого форму, а потом:
$('#formID').serialize(); // это библиотека jQuery
Это и будет ваша форма выраженная в параметрах URL. Дальше пихайте это куда угодно

Что касается сайта patoka.ua, то там используется это:
patoka.ua/wp-content/themes/yin_adn_yang/js/slides...
Тут все прекрасно описано:
slidesjs.com