Как сделать правильную структуру страниц?

Question

[ton1_rose]

Доброго времени суток Тостер.

Помогите пожалуйста советом.
Какие технологии, библиотеки, инструменты использовать
для построения грамотной структуры страниц с применением AJAX.

Я использую WP в качестве CMS. Раньше создавал динамические страницы с помощью встроенного в CMS функционала.
Теперь использование данного способа под вопросом, т.к. необходимо реализовать дополнительный функционал на сайте.
Структура страниц на примере одного устройства.

|──телефон
└──модель
|iphone5
|iphone5s
|iphone6
└─────Тип ремонта
|замена стекла(3000 руб.)
|замена баратрейки(1300 руб.)
|[это чекбоксы, при выделении будет отображаться сумма]
└───────────────────────── Форма обратной связи
|Выводится сумма заказа
|Заполняется форма->отправляется

Задачи для реализации:

• Прикручивание хлебных крошек
  

  Телефон -> Модель iphone5s -> Тип ремонта -> Оформление заказа

  
  
• Переход к дочерним страницам без перезагрузки страницы
  
• Реализация прогресс бара с помощью nanobar
  

Подскажите пжлст как объединить все эти задачи, и реализовать попроще.
Для наглядности вот пример сайта на котором все это реализовано.

Comments

[Axian Ltd.]

Хм... еще один писатель woocommerce и иже с ними. То что вы описали можно реализовать вариативным товаром в woocommerce и не морочить себе голову. Тем более что для интеграции с WP есть явно описанные правила, кажется даже на русском.

[ton1_rose]

>>Хм... еще один писатель woocommerce и иже с ними.
лал
вообще думал об этом.
хотел бы освоить реализацию данных задач не прибегая к подобным плагинам.

Answer 1

[Антон Середний]

Не вижу тут ничего сложного. Делайте обычную страницу, контент для которой подтягиваете с помощью Ajax. В зависимости от текущего шага, -меняем контент страницы, подтягивая его с нужных нам функций на бекенде, прокручиваем хлебные крошки и изменяем ширину активного прогресс-бара с помощью js.

Все обработчики на стороне сервера в functions.php, все остальное - да хоть в тело страницы.

А вообще. можно контент хранить уже на странице весь сразу и показывать лишь нужные части его, в зависимости от шага

Comments

[ton1_rose]

Не могли бы маленько разжевать ?)
>> Делайте обычную страницу
Имеется ввиду создание страниц с помощью дефолтного функционала ? prntscr.com/eaoef4
>> контент для которой подтягиваете с помощью Ajax
Каким образом это сделать ?
Можете посоветовать с помощью чего реализовать ? нашел плагин Pjax думаю с помощью него попробовать.
как сохранить при переходе по страницам подобного рода URL domain.ru/repair/#/iphone/6s_plus/ ?
Где будут храниться данные которые подгружаются с помощью AJAX?

[Антон Середний]

ton1_rose: понимаете, вы хотите использовать готовые решения. Я таковых не знаю, увы. Все нужно писать под свои нужды. Благо, тут на день работы.

Данные в адресной строке меняются тоже яваскриптом, копайте в сторону HTML5 History API