StoreFront – как изменить ширину сайта
Ширина сайта в теме StoreFront – 1148 пикселей. За ширину сайта отвечает CSS-класс .col-full. Изменяя его значение, можем регулировать ширину сайта.
StoreFront – как изменить шрифт Google Fonts
По умолчанию, в теме StoreFront, используется шрифт Open Sans. Для отключения или изменения шрифта есть хук storefront_google_font_families. Рассмотрим, как его использовать.
StoreFront – выезжающее боковое меню на мобильных
Для темы StoreFront есть официальный плагин для бокового меню на мобильных и планшетах Storefront Hamburger Menu.
WooCommerce – как изменить количество похожих товаров и апсейлов в карточке товара
Для этого используем фильтры woocommerce_output_related_products_args и woocommerce_upsell_display_args.
WooCommerce – если цена 0, скрыть или вывести сообщение
Чтобы скрыть цены или вывести сообщение, используем фильтр woocommerce_get_price_html.
WooCommerce – как изменить вертикальные вкладки в теме StoreFront на горизонтальные
Чтобы изменить вертикальные вкладки на горизонтальные, внесём изменения в CSS. Сокращённая версия Полная версия
WooCommerce — как выровнять кнопки “Купить” в списке товаров
Из-за разной длины названий товаров, кнопки “Купить” расположены не на одном уровне. С помощью небольшого CSS сделаем красиво.
Storefront – как изменить ссылки в футер-баре
Скрыть футер-бар, удалить или добавить ссылку.
WooCommerce: убрать ненужный H2
По умолчанию WooCommerce выводит ссылки на товары и подкатегории тегом H2. С точки зрения SEO это неправильно — нарушается логика структуры страницы.
Дочерняя тема Storefront
Ссылка на дочернюю тему Storefront на странице разработчика
Как добавить телефон в шапку Storefront
Разработчик темы Storefront рекомендует изменять шапку через специальную функцию, которая выводит содержимое в storefront_header.
WooCommerce – как скрыть боковую панель (сайдбар)
Рассмотрим два способа, как скрыть боковую панель (сайдбар) со страниц WooCommerce – в карточке товара, в корзине, на странице оформления заказа и в личном кабинете.