Александр Семёнов, После проверки гипотезы нужно будет разрабатывать дальше и тут сюрприз - после тильды все будет стоить как с нуля и выше. Платить дважды - ну такое себе удовольствие.
Самый простой - 4 блока с контентом и картинками (слева направо, блок текста - картинка, текст - картинка) float: left; width: 50%
Можно флексами сделать, можно гридами, но флоат самый примитивный
Добавьте элемент .product-list в хтмл (вы же его объявляете в переменную в начале) и в конце JS сделать return false, чтобы форма никуда не отрабатывала штатно по клику https://jsfiddle.net/beliyadm/mwcfnods/12/
2 - именно, триггерами