zwoc

Конечно, если мне память не изменяет, то jQuery по-дефолту добавляет в window объект "$".

Ну и переопределить метод jQuery уже можно при помощи следующей конструкции:
$.prototype.some_method = function(arguments) {}

Вот пример переопределения уже высоты объекта

$.prototype.height = function() {
  /* И здесь уже можно производить например пересчет высоты объекта именно так, как хочется вам */
  const element = this[0];
  const customHeight = element.getBoundingClientRect().height + 150
  return customHeight
}

А почему обязательно верстать это блоками?
Можно же сверстать просто через table. Помимо этого, можете почитать о таблицах в html5 - если мне не изменяет память, то там гораздо больше возможностей для дальнейшей адаптации под различные устройства.

Нашел похожий вопрос:

stackoverflow.com/questions/3163615/how-to-scroll-...

Там решение проблемы решилось обертыванием scrollTop при помощи единичных кавычек, т.е.

$('body').animate({
    'scrollTop' : $(el).offset().top}, 700);
  return false;

Можно эту задачу решить при помощи дата-атрибутов с HTML5:

<div class="product">
<p class="product--name" data-name="Parker 200">Ручка Паркер 200</p>
<button class="product--choose">Выбрать товар</button>

Ну и потом

$('.product--choose').click(function() {
var name = $(this).closest('p').data('name');
$('input[type="hidden"]').value(name);
});

Ну, и уже потом можете отправлять эти данные, как Вам уже угодно