Правки самописного сайта на php и js.Создание каталога.

Создание каталога на сайте 

   Сайт выполнен на самописной системе (JS и php)  и прежде, чем взяться за задачу вам нужно разобраться с тем, как работает база данных.  

   Сейчас на сайте new.mazaltovman.ru в мобильной (!) версии есть некорректно работающий слайдер (скрин 1 прикрепляю). Он сейчас работает кое-как, на костылях. Как он сейчас работает:  

   1. Сверху выбирается один из табов: на свадьбу, на выпускной, на работу, на каждый день, большие размеры 

   2. При нажатии на один из табов выбирается определенный пул костюмов, соответствующий тому или иному табу (снизу цифрами показано, сколько костюмов в том или ином табе). 

   3. Эти слайдер можно свайпать влево и вправо, однако кликать на кнопку, чтобы открыть карточку товара получается далеко не с каждого телефона (самсунги, к примеру напрочь отказываются это делать) 

   Поэтому мы решили полностью изменить логику слайдера. Как должно быть (скрин 2):  

   1. Реализация каталога будет не в виде слайдера, а в виде каталога по 2 в ряд. Можете посмотреть как реализовано new.mazaltovman.ru/costumes (скрин 3) 

   2. Вместо табов будет выпадающий список. Будет вместо 5 значений  6:  

     a. Все костюмы 

     b. Костюмы на свадьбу 

      c. Костюмы на работу 

     d. Костюмы на каждый день 

     e. Костюмы больших размеров 

      f. На выпускной 

При выборе определенного пункта будет подгружаться соответствующий каталог. Название списка должны быть такие, как я здесь указал (старые заменить) 

   3. При переходе на цифру, будет переходить на соответствующую страницу и якориться (плавно проматываться) наверх, под название каталога (Пример якорения: mazaltovman.ru, посмотрите каталог.). Кнопка "Вперед" ведет на последующую страницу. Кнопка "Назад"  на предыдущую (если это не 1 страница). Кнопки "вперед" и "назад" должны быть со стрелками ( стрелки вправо и влево соответственно) 

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

На крайний случай можно с перезагрузкой страницы сделать.  

Так же важно, чтобы страница при переключении проматывалась плавно, а не  резко вставала на якорь. 

4. Дизайн каталога максимально приблизить к существующему. Шрифт Cera.  

5. Важно отметить, как работает 2 блок (скрин 4). При нажатии на 1 из вариантов страница проматывается и выбирается нужный пункт каталога. Таким образом, если ничего не выбрано, должно показываться Все костюмы. Эту функцию важно сохранить.  

Небольшое дополнительное задание: 

Нужно убрать возможность выбора города в шапке сайта. Т.е. чтобы осталась Казань и нельзя было выбрать какой-либо другой город.  

Так же, после этого нужно будет оптимизировать сайт по весу и скорости загрузки, но это уже последующее задание.