Александр Nameless08

Ну я бы сделал так.
1. По нажатию на кнопку "Cохранить", на сервер отправляются настройки.
2. Сервер на основе настроек формирует нужный html
3. Открываем например безголовым хромом этот html и сохраняем как pdf

В данный момент на проекте для этих нужд использую api для nodejs Puppeteer

известный баг в iOS, появляется у инпутов внутри fixed модалок
есть 2 решения:
Прятать весь контент за модалкой при открытии, так, чтобы не было скролла у страницы, при закрытии показывать снова, при этом заренее нужно сохранять позицию скролла и при закрытии модалки возвращать на место, иначе страница улетит вверх.
Не использовать position fixed

Александр Nameless08, что вам удобнее, то и задействуйте. Я бы лично Angular взял, так как на нём работаю постоянно и он мне привычнее. Если вы ни с каким фреймворком до этого плотно не работали, то я бы на вашем месте попробовал Vue, как самый простой

if(!$('#div').children('#id').length > 0) {...}

Имеется ввиду
/* powered by YourSite.com */

Opencart слишком простенький, и серьёзный проект на нём делать не стоит - будут большие трудозатраты. Битрикс очень переоценен за счёт агрессивного маркетинга, и на самом деле отвратителен, как только вы попытаетесь сделать что-то не совсем стандартное. Т.е. оба выбора не очень удачны.

Посмотрите на какую-нибудь Magento или подобные проекты.

Так они поддерживаются, начиная с 5.1 .
can i use

В зависимости о того, в каком контексте выполнения эти функции объявлены.
Если в window, то так: window['func' + '1']()
Если не в window, то нужно смотреть на конкретный код, возможно, вызвать функцию по динамическому имени будет невозможно.

Но, никогда так не делайте.

eval('function_45678_78()');

var o = {}
o['f1'] = function() {console.log("f1")}
o['f2'] = function() {console.log("f2")}
o['f'+1]() // --> f1
o['f'+2]() // --> f2

Так после закрывающего тега html браузер всё игнорирует. Поэтому его и в консоли нет.
upd: А вот кто его туда написал - надо смотреть шаблоны html темы WP.

Я считаю что не стоит усложнять такую простую задачу. Вы потратите больше времени на изучение фреймворка и его особенностей. Использовать какой-либо фреймворк, в Вашем случае, имеет смысл только если основной задачей стоит изучение фреймворка на конкретной задаче а не результат (игра).

Современный JavaScript отлично справляется с типовыми задачами без использования jQuery. Существует ресурс, посвященный данной теме youmightnotneedjquery.com. Попробуйте реализовать все на чистом JavaScript.