Страница товара

Уроки и сниппеты кода, которые позволят вам настраивать страницу товара в WooCommerce под себя.

Видеоурок: Страница товара

страница товара WooCommerce

В этом видеоуроке мы начнём переносить вёрстку страницы товара в нашу тему WooCommerce и подключать её. Обязательно учтём при этом типы товаров.

Как отключить лайтбокс изображений товара?

WooCommerce 3.0+ автоматически применяет скрипт полноэкранного открытия изображений. В этом уроке я покажу вам, как его можно отключить.

Как отключить зум изображений товаров

WooCommerce автоматически применяет скрипт увеличения изображений товара при наведении на страницах товара. В этом уроке я покажу вам, как это отключить.

Микроразметка товаров

микроразметка schema.org товара в WooCommerce

В версии WooCommerce 3.0 микроразметка schema.org для товаров стала выводиться в формате JSON/LD в футере сайта. В этом уроке покажу, как можно её отредактировать.

Как вывести стоимость каждого метода доставки на странице товара

способы и стоимость доставки на странице товара

В этом уроке я покажу вам, как отобразить доступные методы доставки на странице товара под кнопкой добавления в корзину. Вот так это выглядит у меня на тестовом сайте на стандартной теме Storefront: Кстати говоря, хочу порекомендовать вам свой видеокурс по созданию темы WooCommerce на основе готовой вёрстки! И там есть отдельный урок про страницу товара.…

Смена изображения при переключении вариаций товара

Этот урок будем вам полезен, если вы разрабатываете свою собственную тему для WooCommerce и в магазине планируется использование вариативных товаров. Покажу вам готовый JavaScript-код, который поможет реализовать переключение изображений в галерее товара при смене его вариации.

Как вывести вкладки товаров открытыми, друг под другом?

Отображаем вкладки в карточке товара друг под другом

В этом уроке я покажу вам, как отображать все вкладки (Описание/Отзывы/Детали) сразу открытыми на страницах товаров, а заголовки этих вкладок сделать якорями.

Как отобразить количество продаж на странице товара

Как отобразить количество продаж на странице товара WooCommerce

В этом уроке покажу вам, как на странице товара отобразить количество его продаж, либо общее количество, либо за какой-то промежуток времени.

1 2 3