zoozag

как перевести это значение в em

Поделить line-height в px на размер шрифта в px

Чем отличается line-height = 1em от line-height = 1

Пример, когда есть разница

Темы и готовые модули вам скорее всего не помогут.
Вам нужно собрать в контроллере массив: Категории верхнего уровня -> Подкатегории -> Товары
Вывести их потом циклом не составит труда.

Посмотрите модули типа Product By Category
Пример

Проблема из-за схлапывания отступов.
Не могу понять как именно оно работает в данном случае, но решается как в обычном случае со схлапыванием:

Схлопывание не срабатывает:

• для элементов, у которых установлено свойство padding.
  
• для элементов, у которых на стороне схлопывания задана граница;
  
• на элементах с абсолютным позиционированием, т.е. таких, у которых position установлено как absolute;
  
• на плавающих элементах (для них свойство float задано как left или right);
  
• для строчных элементов;
  

Т.е. border или padding для body сверху
Или float для .relative

1. В контроллере для каждого товара получаете массив его категорий
2. В шаблоне пробегаетесь циклом по категориям товара и выводите иконки для имеющихся категорий
3. Для новинок в параметрах товара есть 2 параметра дат, от которых можно отталкиваться:
date_available - дата поступления
date_added - дата создания
Проверяйте любую из них, что она не больше чем на Х дней ранее сегодняшнего для
4. С акциями: Если есть special, считаете размер скидки и выводите его в нужно место

<div class="container">
  <div class="row">
    <div class="col-sm">

Посмотрите на порядок блоков в бутстрапе и у себя.
.row имеет отрицательный margin слева и справа, поэтому важно, чтобы он был внутри блока с padding, вы же его непонятно с какой целью запихнули прямиком в body

.nav-sidebar.collapsing {
  position: absolute;
}