Tashiro

попробуйте на CSS изменить стиль родителя...

из-за того что с 12 (по-моему) версии в компоненте корзины битрикса вынесли пакет функций во внешний файл и вверху делают его include() (без _once) из за этого два одинаковых компонента корзины на одной странице жить нормально не будут.

если он вам так нужны и вверху и внизу, используйте нормальный ajax а не тот что дает битрикс.

DISPLAY_VALUE - это именно ссылка и будет
нужно использовать $arResult['PROPERTIES']['PLAN_IMGS']['VALUE'] если оно множественное то будет массивом ID файлов, если нет соответственно - строка с ID, надо получить src картинки через CFile::GetByID
изучайте:
dev.1c-bitrix.ru/api_help/main/reference/cfile/ind...
советую делать это не в шаблоне а в result_modifier.php

height задай жестко

не советую использовать nth-child(n) а если вы ссылки местами захотите поменять?
чтобы не городить классов используйте такие слекторы

#social a[href^="http://vk.com"] {}
#social a[href^="http://vk.com"]:hover {}

итд
погуглите селекторы атрибутов.

если только img тогда надо определится что важнее высота или ширина картинок
в стилях им
display: inline-block \ block;
width: 64px(auto);
height: auto(64px);
в первом случае приоритет ширины, во втором высоты будет.
я, как правило, использую в таких случаях блок с заданными размерами style="background: url(img.jpg) center center;"
можно еще поиграться с background-size
а вообще Suntechnic прав, пережимайте фотки под нужные контейнеры на стороне сервера и в кеш их
в бутстрапе 3 есть класс img-respontive кстати.

отключи компонент корзины на первом шаге оформления заказа. Или поставь заглушку на оформлении заказа

a href="javascript:void(0)" ?

судя по 960.gs/demo.html , можно просто поменять класс контейнера, сделать можно на JS например

если у этого элемента не будет по каскаду вверх ни одного родителя с position: relative или absolue. ставьте этому элементу { position: absolute; left: 0; right: 0}

Нужно нужно. руками и ногами за! по 2.2 , еще бы Best Practices на нее