Составной товар minishop2

<form method="post" class="grid">
		    		<div class="ln select">
	<input type="hidden" name="processor" value="41">
	<div class="data_img">
		<img src="assets/img/processor.png" alt="Калькулятор сборки" title="Калькулятор сборки">
	</div>
	<div class="data_footer">
		<h2 class="name">Процессор</h2>
		<p>Процессор (CPU) – сердце компьютера. Чем выше частота тем быстрее обрабатываются данные, а количество ядер позволяет распределить нагрузку и повысить быстродействие всей системы. Для разгона существуют модели с разблокированным множителем. Больший кеш улучшает работу в тяжелых режимах.</p>
		<div class="btn_box flex">
			<button data-id="28" type="button" class="button get_list edit">Изменить</button>
			<button data-id="28" type="button" class="button del">Удалить</button>
		</div>
	</div>
</div>
<div class="ln select">
	<input type="hidden" name="motherboard" value="42">
	<div class="data_img">
		<img src="assets/img/motherboard.png" alt="Калькулятор сборки" title="Калькулятор сборки">
	</div>
	<div class="data_footer">
		<h2 class="name">Материнская плата</h2>
		<p>Материнская плата (MB) – основа компьютера. На плату как конструктор собираются остальные комплектующие. Материнская плата не отвечает за быстродействие компьютера, но за функционал, от нее зависит количество нужных выходов и разъемов, поддержка режимов SLI, Cross-Fire, Raid, и конечно разводка системы питания.</p>
		<div class="btn_box flex">
			<button data-id="29" type="button" class="button get_list edit">Изменить</button>
			<button data-id="29" type="button" class="button del">Удалить</button>
		</div>
	</div>
</div>
<div class="ln">
	<input type="hidden" name="cooler" value="">
	<div class="data_img">
		<img src="assets/img/cooler.png" alt="Калькулятор сборки" title="Калькулятор сборки">
	</div>
	<div class="data_footer">
		<h2 class="name">Охлаждение</h2>
		<p>Охлаждения – радиатор с прикреплённым вентилятором предназначенный для охлаждения процессора. Показатель теплоотвода (TDP) кулера не должен быть меньше показателя тепловыделения (TDP) процессора. А если процессор выбираете для разгона, то теплоотвод системы охлаждения должен превышать показатель минимум в два раза.</p>
		<div class="btn_box flex">
			<button data-id="30" type="button" class="button add get_list">Выбрать</button>
			<button data-id="30" type="button" class="button hidden del">Удалить</button>
		</div>
	</div>
</div>
<div class="ln">
	<input type="hidden" name="ram" value="">
	<div class="data_img">
		<img src="assets/img/ram.png" alt="Калькулятор сборки" title="Калькулятор сборки">
	</div>
	<div class="data_footer">
		<h2 class="name">Оперативная память</h2>
		<p>Оперативная память (Mem) – отвечает за то, с каким объемом данных в данный момент времени может работать процессор. Чем ее больше, тем быстрее работает компьютер.</p>
		<div class="btn_box flex">
			<button data-id="31" type="button" class="button add get_list">Выбрать</button>
			<button data-id="31" type="button" class="button hidden del">Удалить</button>
		</div>
	</div>
</div>
<div class="ln">
	<input type="hidden" name="HDD" value="">
	<div class="data_img">
		<img src="assets/img/hdd.png" alt="Калькулятор сборки" title="Калькулятор сборки">
	</div>
	<div class="data_footer">
		<h2 class="name">Жёсткий диск</h2>
		<p>Жесткий диск (HDD) – устройство для хранения данных, характеризуется объемом и скоростью (чтение/запись) чем больше номинальный объем тем больше данных поместится. Скорость записи и чтения влияет на копирование данных, запись и время отклика ОС.</p>
		<div class="btn_box flex">
			<button data-id="32" type="button" class="button add get_list">Выбрать</button>
			<button data-id="32" type="button" class="button hidden del">Удалить</button>
		</div>
	</div>
</div>
<div class="ln">
	<input type="hidden" name="ssd" value="">
	<div class="data_img">
		<img src="assets/img/ssd.png" alt="Калькулятор сборки" title="Калькулятор сборки">
	</div>
	<div class="data_footer">
		<h2 class="name">Твердотельный накопитель (SSD)</h2>
		<p>Твердотельный накопитель (SSD) – это скоростное устройство для хранения данных. Его скорость работы в несколько раз быстрее обычного жесткого диска. Обычно SSD используют для установки на него Операционной системы и всех сопутствующих программ. Существенно ускоряет работу всего компьютера.</p>
		<div class="btn_box flex">
			<button data-id="33" type="button" class="button add get_list">Выбрать</button>
			<button data-id="33" type="button" class="button hidden del">Удалить</button>
		</div>
	</div>
</div>
<div class="ln">
	<input type="hidden" name="video" value="">
	<div class="data_img">
		<img src="assets/img/video.png" alt="Калькулятор сборки" title="Калькулятор сборки">
	</div>
	<div class="data_footer">
		<h2 class="name">Видео-карта</h2>
		<p>Видеокарта (GPU) – это устройство отвечающее за поддержку и быстродействие игрового процесса. Основой видеокарты есть графический чип, чем выше мощность тем лучше. Второстепенный показатель – это видеопамять, отвечающая за подгрузку текстур на дисплей.</p>
		<div class="btn_box flex">
			<button data-id="34" type="button" class="button add get_list">Выбрать</button>
			<button data-id="34" type="button" class="button hidden del">Удалить</button>
		</div>
	</div>
</div>
<div class="ln">
	<input type="hidden" name="cd" value="">
	<div class="data_img">
		<img src="assets/img/cd.png" alt="Калькулятор сборки" title="Калькулятор сборки">
	</div>
	<div class="data_footer">
		<h2 class="name">Оптический привод</h2>
		<p>Оптический привод – устройство чтения и записи CD/DVD дисков. Привод Blu-Ray поддерживает чтение или чтение/запись Blu-Ray дисков, и чтение/запись любых CD/DVD дисков.</p>
		<div class="btn_box flex">
			<button data-id="35" type="button" class="button add get_list">Выбрать</button>
			<button data-id="35" type="button" class="button hidden del">Удалить</button>
		</div>
	</div>
</div>
<div class="ln">
	<input type="hidden" name="cardrider" value="">
	<div class="data_img">
		<img src="assets/img/cardrider.png" alt="Калькулятор сборки" title="Калькулятор сборки">
	</div>
	<div class="data_footer">
		<h2 class="name">Кард-ридер</h2>
		<p>Карт-ридер – это устройство считывания данных с карт памяти</p>
		<div class="btn_box flex">
			<button data-id="36" type="button" class="button add get_list">Выбрать</button>
			<button data-id="36" type="button" class="button hidden del">Удалить</button>
		</div>
	</div>
</div>
<div class="ln">
	<input type="hidden" name="cviaz" value="">
	<div class="data_img">
		<img src="assets/img/cviaz.png" alt="Калькулятор сборки" title="Калькулятор сборки">
	</div>
	<div class="data_footer">
		<h2 class="name">Беспроводная связь</h2>
		<p>Беспроводная связь – устройство подключения компьютера к сети интернет по беспроводному каналу связи Wi-Fi, через роутер или точку доступа.</p>
		<div class="btn_box flex">
			<button data-id="37" type="button" class="button add get_list">Выбрать</button>
			<button data-id="37" type="button" class="button hidden del">Удалить</button>
		</div>
	</div>
</div>
<div class="ln">
	<input type="hidden" name="korpus2" value="">
	<div class="data_img">
		<img src="assets/img/korpus2.png" alt="Калькулятор сборки" title="Калькулятор сборки">
	</div>
	<div class="data_footer">
		<h2 class="name">Корпус</h2>
		<p>Корпус – не маловажная составляющая системного блока. Толщина стенок определяют прочность и шума-изоляцию. Размер влияет на охлаждение внутренних компонентов.</p>
		<div class="btn_box flex">
			<button data-id="38" type="button" class="button add get_list">Выбрать</button>
			<button data-id="38" type="button" class="button hidden del">Удалить</button>
		</div>
	</div>
</div>
<div class="ln">
	<input type="hidden" name="block_pit" value="">
	<div class="data_img">
		<img src="assets/img/block-pit.png" alt="Калькулятор сборки" title="Калькулятор сборки">
	</div>
	<div class="data_footer">
		<h2 class="name">Блок питания</h2>
		<p>Блок питания обеспечивает током все компоненты и противостоит всем перегрузкам и скачкам сети. Мощность блока питания выбирается всегда с запасом, так он дольше прослужит без пиковых нагрузок.</p>
		<div class="btn_box flex">
			<button data-id="39" type="button" class="button add get_list">Выбрать</button>
			<button data-id="39" type="button" class="button hidden del">Удалить</button>
		</div>
	</div>
</div>
<div class="ln">
	<input type="hidden" name="os" value="">
	<div class="data_img">
		<img src="assets/img/os.png" alt="Калькулятор сборки" title="Калькулятор сборки">
	</div>
	<div class="data_footer">
		<h2 class="name">Операционная система</h2>
		<p>Операционная система (ОС) – это комплекс взаимосвязанных программ, предназначенных для управления ресурсами вычислительного устройства и организации взаимодействия с пользователем.</p>
		<div class="btn_box flex">
			<button data-id="40" type="button" class="button add get_list">Выбрать</button>
			<button data-id="40" type="button" class="button hidden del">Удалить</button>
		</div>
	</div>
</div>		    	</form>