mc21

Вывести под css класс и в дата-атрибут

<button id="button3" class="js-card-fade" data-card-id="3"></button>
   <div class="js-card" data-id="3"></div>

$('.js-card-fade').hover(function () {
    $('.js-card[data-id=' + $(this).data('card-id')).fadeIn();
}, function () {
    $('.js-card[data-id=' + $(this).data('card-id')).fadeOut();
});

А вообще посмотреть бы вёрстку, там наверняка есть решение через $(someElement).closest().find();

Инициалировать datepicker при получении ajax.

Много id - это ошибка, считается только первый инпут и не всегда корректно.
Переписать на выборку типа $(this).closest('.dishes-item').find('input').val()
Если не поможет, нужен код Бэка.

Мы просто храним для каждого блока количество колонок как число. В админке это выглядит как выпадашка от 1 до 12.
Правда, не бутстрап, но суть та же.
Для строк чекбокс "разрыв строки после блока" как да/нет.

JSzip
Ну или на сервер ajax-ом отправить, там сжать и по результату скачать.

убрать у header стиль overflow:hidden для начала

codepen.io/wotmc/pen/qZvzGe