@Nimbus1996

Как лучше сверстать блоки?

У меня проект по вёрстке интернет магазина, есть страница каталога состоящее из боковой панели с фильтрами и меню и основной части с товарами. Вопрос такой: при выборе пункта в боковой части, товары заменяются на другой контент, т.к. все остаётся таким же только правая часть с товарами заменяется другим контентом, так вот, это реализуется с помощью Ajax’s я правильно понимаю, как тогда следует делать вёрстку? Верстать две страницы которые будут полностью одинаковые и меняется только основная часть или сверстать одну страницу а на второй только кусок кода который будет подставляться в основной блок? А второй вопрос - как реализуется кнопка «загрузить ещё»? Ведь со страницей ничего не происходит просто добавляются товары, они подгружаются тоже с сервера? Как тогда верстать, просто ссылку сделать с этой кнопкой, а бэкэндер затем настроит добавление товара при клике на эту кнопку?
  • Вопрос задан
  • 82 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега JavaScript
Нежно люблю верстку
Если заменяется таким же по типу контентом (показывались товары, потом тоже товары, то только другие), то для верстки достаточно одной страницы.
Если тип контента другой, например, текст или список новостей, то это две разные страницы.

В таких случаях удобно пользоваться шаблонизаторами (pug, twig, nunjucks) или каким-нибудь пакетом include для gulp. Чтобы не нужно было 100 раз вносить изменения в одинаковые части (хедер, футер и т.д.)

Как тогда верстать, просто ссылку сделать с этой кнопкой а бэкэндер затем настроит добавление товара при клике на эту кнопку?

Да, именно так.
И проверить верстку на переполнение, чтобы ничего никуда не уехало при большом количестве товаров.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы