Игорь Воронов

1) Есть интернет-магазин => должен быть веб-интерфейс управления товарами, группами товаров и пр.
2) Нужно по заказам и товаром производить выборки.
Если вы разработчик, то это, в принципе, кажется логичным, но только лишь на этапе разработки административной части или на этапе тестирования. Или же, если у вас есть необходимость в выгрузке определенной группы товаров, тогда разработчиками должна быть предусмотрена эта выгрузка. Опять же, исключительно из административной части магазина.

А вообще, вопрос ни о чем. Постарайтесь его переформулировать или дополните: так тяжело ответить по существу.
Разве что, немного философии: как вы представляете себе разработку подобного ресурса без доступа к БД ДАЖЕ на уровне чтения? Если речь идет об интернет-ресурсе, то очевидно, что вам будет необходима работа с БД со стороны сервера. Язык не принципиален, но в данном случае, PHP просто удобнее в силу размера сообщества и наработанных решений.

Посмотрите здесь, например.

в поиске что-то не могу нарыть

Ну это потому что вы, вероятнее всего, ищите конкретно для таба. По факту, вам нужно: в зависимости от url делать на стороне js определенные действия. Хэш в помощь.

Приведу пример:

// например, общий массив табов здесь:
var tabs = {
    tab1:...,
    tab2:... // и т.д.
};

// ну, например:
var tabName = location.hash ? location.hash : Object.keys(tabs)[0];

//ну дальше понятно, я думаю.

Ссылка предполагается такого вида, как написал Александр.

INSERT INSTO table_name (field1, field1, field1, ... , fieldN) VALUES (), (), (), ... , ();

Можно на каждой итерации прохождения цикла делать вставку в БД. В любом случае, абсолютно не важно, товары/не товары, главное: понимать механизмы.

Можете еще посмотреть insert on duplicate key update (если mysql, например). Это так...предвкушая последующий вопрос :)

"То есть получается php скрипт должен забрть данные из базы и передать их в javascript, а он уже встроит их в div?" - если нужно это делать по какому-то событию без перезагрузки страницы, то да.

"Или можно напрямую из php вывести на страницу в div-ы?" - очень странный вопрос. Видимо, даже не пытались разобраться в том, что есть php и как вообще он работает. Вы можете хоть в цикле перебора массива делать вывод данных с помощью дескрипторов языка (<? ?>)

Можно так:

$firstname2 = $this->request->post['catapulta_firstname2'] ? 
$this->request->post['catapulta_firstname2'] :  'Не указано';

Или:

$firstname2 = $this->request->post['catapulta_firstname2'] == '' ? 
$this->request->post['catapulta_firstname2'] :  'Не указано';

Честно говоря, не очень горю желанием проверять Ваш код, потому добавлю: SQL_CALC_FOUND_ROWS + FOUND_ROWS() не пробовали?
И не нужно никаких SELECT count`ов. Для этого, как раз, и есть FOUND_ROWS. Посмотрите документацию. Все просто.

А бекграундом не положить картинку?
Не надо никаких маргинов...

Ну вот, например, за пару минут накидал: codepen.io/anon/pen/adroLr

Да и "Я попробовал с помощью PHP" - что Вы там попробовали? Вам нужно на php сгенерировать html. Просто пробежаться foreach по условному массиву и на каждой итерации генерить элемент списка, в котором будет контейнер url картинки и текстом. Остальное - css, если надо, то и js.