Woocommerce иерархия шаблонов
Основные шаблоны:
archive-product.php
— шаблон главного цикла вывода товаров
content-product.php
— шаблон вывода товара
content-product_cat.php
— шаблон вывода товара в категории
content-single-product.php
— шаблон вывода одиночного товара
content-widget-price-filter.php
— шаблон вывода виджета фильтра цен на товары
content-widget-product.php
— шаблон вывода товара в стандартных виджетах
content-widget-reviews.php
— шаблон выводит отзывы о товарах в виджетах
product-searchform.php
— шаблон формы поиска товаров
single-product.php
— основной шаблон карточки товара
single-product-reviews.php
— шаблон вывода комментариев
taxonomy-product_cat.php
— шаблон выводит товары категории, вызывает archive-product.php
taxonomy-product_tag.php
— шаблон выводит товары метки, вызывает шаблон архива archive-product.php
Шаблоны для работы с корзиной
cart/cart.php
— шаблон вывода корзины
cart/cart-empty.php
— шаблон вывода пустой корзины
cart/cart-item-data.php
— шаблон элементов данных + вариаций в корзине
cart/cart-shipping.php
— шаблон получения методов доставки в корзине
cart/cart-totals.php
— шаблон итоговых сумм
cart/cross-sells.php
— шаблон перекрестных продаж
cart/mini-cart.php
— шаблон вывода мини-корзины в виджете
cart/shipping-calculator.php
— шаблон калькулятора доставки
proceed-to-checkout-button.php
— шаблон кнопки «Оформить заказ». Содержит разметку для кнопки «Перейти к оформлению заказа» в корзине.
Шаблоны оформления заказа:
checkout/cart-errors.php
— шаблон ошибок при оформлении заказа
checkout/form-billing.php
— шаблон формы платежной информации
checkout/form-checkout.php
— шаблон формы оформления заказа
checkout/form-coupon.php
— шаблон формы купона
checkout/form-login.php
— шаблон формы входа при оформлении заказа
checkout/form-pay.php
— шаблон формы оплаты
checkout/form-shipping.php
— шаблон формы доставки
checkout/payment.php
— шаблон оплаты при оформлении заказа
checkout/payment-method.php
— шаблон вывода метода оплаты, из шаблона checkout/payment.php
checkout/review-order.php
— шаблон просмотра таблицы заказа
checkout/thankyou.php
— шаблон вывода сообщения после оформлении заказа
checkout/terms.php
— Сроки и условия оформления заказа
Шаблоны общего назначения
global/breadcrumb.php
— шаблон вывода «хлебных крошек»
global/form-login.php
— шаблон формы авторизации
global/quantity-input.php
— шаблон поля количества для добавления в корзину
global/sidebar.php
— шаблон вывода сайдбара
global/wrapper-end.php
— шаблон окончания обертки страницы
global/wrapper-start.php
— шаблон начала обертки страницы
Шаблоны циклов:
loop/add-to-cart.php
— шаблон добавление в корзину для цикла товаров
loop/loop-end.php
— шаблон окончания цикла вывода товаров
loop/loop-start.php
— шаблон начала цикла вывода товаров
loop/no-products-found.php
— шаблон вывода информации о не найденных товарах
loop/orderby.php
— показывает опции для сортировки
loop/pagination.php
— шаблон пагинации
loop/price.php
— вывод цены товара
loop/rating.php
— шаблон вывода суммарного рейтинга
loop/result-count.php
— выводит общее количество товаров в цикле
loop/sale-flash.php
— шаблон продаж в цикле товаров
Личный кабинет:
myaccount/dashboard.php
— панель управления учетной записью. Показывает первый вводный экран
myaccount/downloads.php
— страница “Мои загрузки”
myaccount/form-add-payment-method.php
— шаблон добавления метода оплаты
myaccount/form-edit-account.php
— шаблон формы редактирования своего аккаунта
myaccount/form-edit-address.php
— шаблон формы редактирования адреса
myaccount/form-login.php
— шаблон формы входа в личный кабинет
myaccount/form-lost-password.php
— форма “забыли пароль?”
myaccount/form-reset-password.php
— форма сброса пароля
lost-password-confirmation.php
— вывод текста при замене утерянного пароля
myaccount/my-account.php
— шаблон вывода личного кабинета
myaccount/my-address.php
— шаблон вывода адреса
myaccount/my-downloads.php
— шаблон вывода скачанных товаров (устарел)
myaccount/my-orders.php
— шаблон вывода заказов (устарел)
myaccount/navigation.php
— навигация по аккаунту
myaccount/orders.php
— выводит заказы
myaccount/payment-methods.php
— показывает способы оплаты клиента на странице аккаунта
myaccount/view-order.php
— шаблон просмотра заказа
Карточка товара:
single-product/add-to-cart/external.php
— кнопка “Добавить в корзину” для внешнего (партнерского) товара (продукта)
single-product/add-to-cart/grouped.php
— кнопка “Добавить в корзину” для сгруппированного товара
single-product/add-to-cart/simple.php
— кнопка “Добавить в корзину” для простого товара
single-product/add-to-cart/variable.php
— кнопка “Добавить в корзину” для вариативного товара
single-product/add-to-cart/variation-add-to-cart-button.php
— кнопка “Добавить в корзину” для одиночной вариации
single-product/add-to-cart/variation.php
— шаблон для одиночных вариаций
single-product/tabs/additional-information.php
— шаблон вывода содержимого вкладки «Информация»
single-product/tabs/description.php
— шаблон вывода содержимого вкладки «Описание»
single-product/tabs/tabs.php
— шаблон вывода вкладок в карточке товара
single-product/meta.php
— вывод метаданных товара: артикула, категорий, меток товара в карточке товара
single-product/price.php
— шаблон вывода цены в карточке товара
single-product/product-attributes.php
— шаблон вывода атрибутов товара
single-product/product-image.php
— шаблон основной картинки в карточке товара
single-product/product-thumbnails.php
— шаблон миниатюр в карточке товаров
single-product/rating.php
— шаблон вывода рейтинга товара
single-product/related.php
— шаблон вывода сопутствующих товаров
single-product/review.php
— шаблон вывода комментариев
single-product/sale-flash.php
— шаблон вывода метки «Распродажа» в карточке товара
single-product/share.php
— шаблон вывода продукта обмена в карточке товара
single-product/short-description.php
— шаблон вывода краткого описания в карточке товара
single-product/stock.php
— показывает остаток товара на складе (управление остатками)
single-product/title.php
— шаблон вывода заголовка товара в карточке товара
single-product/up-sells.php
— шаблон вывода рекомендованных товаров
Шаблоны для работы с заказами:
order/form-tracking.php
— шаблон вывода отслеживания заказа
order/order-again.php
— шаблон кнопки «Повторить заказ»
order/order-details-customer.php
— показывает данные заказа клиента
order/order-details-item.php
— показывает детали заказа
order/order-details.php
— шаблон таблицы заказа
order/order-downloads.php
— заказ на скачивание товаров (продуктов)
order/tracking.php
— шаблон вывода отслеживания заказа
Папка notices
содержит шаблоны сообщений пользователю
Папка emails
содержит шаблоны сообщений по электронной почте (шаблоны писем об оформлении заказа, отмене и т.д.)
Как редактировать?
Есть два способа изменения шаблонов
- Использование хуков.
Каждый файл шаблона содержит хуки, с помощью которых вы можете изменять/добавлять или удалять контент без редактирования самих файлов шаблона.
- Редактирование шаблонов.
В папке вашей темы создайте папку woocommerce
. Скопируйте туда файлы шаблонов сохраняя иерархическую структуру вложенных файлов и папок.
Если вы хотите изменить только один из шаблонов, скопируйте только один необходимый файл и вносите изменения.
Например, нужно внести изменения в шаблон корзины. Скопируйте файл из папки woocommerce/templates/cart/cart.php
в ваша_тема/woocommerce/cart/cart.php
. После вы можете вносить изменения в файл cart.php
.
Что касается стилей
WooCommerce содержит свои стили “из коробки”, то есть некоторые моменты вам придется переписывать, и иногда даже грубо через !important.
Но вы можете отключить стили прописав такую строчку в functions.php
:
add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );
В этом случае отключаться абсолютно все стили WooCommerce
Если нужно отключить определенные таблицы стилей, создайте функцию в functions.php
и через нее отключите нужное:
unset( $enqueue_styles['здесь название таблицы стилей'] );
А затем подключите ваши стили
Какие css-стили можно отключить?
woocommerce-general
— общие настройки оформления
woocommerce-layout
— разметка макета
woocommerce-smallscreen
— оптимизация под мобильные устройства