Есть тестовый магазин на ocstore_v1.5.4.1. В дальнейшем планируется сделать интернет-магазин мягкой мебели. Что реализовано сейчас:
В админке создано несколько опций с названиями "1" "2" "3" "4", тип опций "image" это будут категории тканей для мебели, в каждой категории будет много картинок с тканями.
Сейчас реализовано как на примере, по адресу
, в hosts нужно прописать 88.198.159.245 test1.ru.
То-есть к каждому товару добавлены опции по две штуки, и по несколько тканей в каждую опцию.
Опции с типом "image" выводятся в табах, так же прикручен скрипт постепенной загрузки изображений lazyload. При прокрутке скрола в табе изображения постепенно подгружаются, при клике на картинку – выскакивает большая копия картинки.
Другие опции, выводятся в другом месте, как например "Размеры спального места".
Проблема заключается в следующем. При добавлении большого количества тканей (у каждого товара будет по 3000 вариантов в 7 категориях тканей), даже с учетом того, что изображения тканей не грузятся сразу, страница начинает очень много весить, из-за большого объема всех html тегов.
Задача состоит в том, чтобы при заходе на страницу товара, не происходила генерация и загрузка всех табов с опциями (чтобы в исходном коде страницы не было лишнего html кода). Нужно реализовать загрузку табов по нажатию на ссылку "Выбрать ткань", и после нажатия происходила загрузка: либо нового окна с табами, либо прям на этой странице подгружались табы.