Урок 4

Натягиваем вёрстку страницы «Магазин»

В этом уроке мы займёмся непосредственно страницей каталога товаров, к концу урока ваша страница на сайте WooCommerce будет выглядеть так:

Мы динамически подключим всё кроме фильтра товаров в сайдбаре (это тема следующего урока и урока про AJAX-фильтры), а именно:

• Разберёмся с тем, какой файл темы и файл плагина из папки /templates отвечает за вывод страницы «Магазин»
• Сделаем хлебные крошки. Также настроим их через хук woocommerce_breadcrumb_defaults, про который у меня есть отдельный урок.
• Детально познакомимся с хуками и функциями, отвечающими за отображение строки «Отображение 1–9 из 12», а также за элемент управления сортировкой товаров (по цене, по дате и т д).
• Узнаем, что для пагинации WooCommerce использует уже знакомую нам paginate_links(), а также разберёмся, как можно настроить её под кастомную вёрстку.

Список уроков

• Вступление08:04
• Основные принципы18:54
• Карточка товара26:53
• Страница Магазин31:31
• Фильтр товаров37:08
• Страница товара25:26
• Галерея изображений товара13:18
• Добавление в корзину47:10
• Похожие товары08:27
• Отзывы21:45
• Корзина33:08
• Мини-корзина28:43
• Оформление заказа33:14
• AJAX фильтр товаров1:10:55