Свои классы верстки для изображения категории woocommerce

Свои классы верстки для изображения категории woocommerce

30.10.2016

Одним из важных элементов при создании интернет-магазина на связке WordPress + Woocommerce является интеграция верстки в шаблон

Если для большинства элементов Woocommerce есть соответствующие файлы шаблонов, то для категорий по факту нет.  Поэтому когда у меня возникла задача присвоить свой класс верстки для изображения категории каталога woocommerce, я ее решил созданием своего хука. Берем стандартную функцию Woocommerce отвечающую за изображение категории и на ее основе делаем хук. У меня получился такой рабочий вариант:

//изменение классов картинки категории woocommerce
function action_woocommerce_before_subcategory_title( $category ) {
$small_thumbnail_size    = apply_filters( ‘subcategory_archive_thumbnail_size’, ‘shop_catalog’ );
$dimensions          = wc_get_image_size( $small_thumbnail_size );
$thumbnail_id        = get_woocommerce_term_meta( $category->term_id, ‘thumbnail_id’, true  );

if ( $thumbnail_id ) {
$image = wp_get_attachment_image_src( $thumbnail_id, $small_thumbnail_size  );
$image = $image[0];
} else {
$image = wc_placeholder_img_src();
}

if ( $image ) {
// Prevent esc_url from breaking spaces in urls for image embeds
// Ref: https://core.trac.wordpress.org/ticket/23605
$image = str_replace( ‘ ‘, ‘{2cf66a6d6ef4380573b7d4eeb8e4e454210eecfb842ebd130b93d4350bc9faa6}20’, $image );

echo ‘<div class=»image»><img class=»img-responsive» src=»‘ . esc_url( $image ) . ‘» alt=»‘ . esc_attr( $category->name ) . ‘» width=»‘ . esc_attr( $dimensions[‘width’] ) . ‘ /></div>’;
}
}
// add the action
add_action( ‘woocommerce_before_subcategory_title2’, ‘action_woocommerce_before_subcategory_title’, 20,1 );

Применение:
— Сохраняем в теме хук в файле functions.php
— Меняем вызов в файле content-product_cat.php на наш хук.

В итоге получаем такой результат:

svoi-klassy-verstki-dlya-izobrazheniya-kategorii


Ещё статьи:

30.08.2022 Типовые претензии к подрядчику и к битрикс
По свежим следам я собрал типовые претензии к подрядчику и к битрикс. Мной был проведён аудит и я увидел, что техническое состояние сайта хорошее, нареканий... ID: 338

14.06.2022 Z-Донбасс и мой скромный волонтёрский вклад
Z-Донбасс и мой скромный волонтёрский вклад. Народ не забываем помогать людям Донбасса, которые оказались в сложной ситуации, без денег, еды.
В моём случае... ID: 334

20.09.2021 Разговор с рекрутером в 2021. Мидл это младший специалист и на удалёнку не ниже сеньёра
Рекрутер: В принципе ок, но обычно младших специалистов мы в офис берем). Что скажете?
П.С. Мда, интересно оказывается, что мидл это младший специалист,... ID: 320

Новые статьи в блоге:

08.09.2022 Расход оперативной памяти у интернет-магазина битрикс с 60 000 товаров
После выполнения мной доработки не связанной с обменом, у заказчика появилась проблема с обновлением товаров из раздела КПБ после обмена с 1С.

Перестали... ID: 341

31.08.2022 Тест VPS тарифа RED.Site-2 reddock.ru для битрикс Аспро
Параметры хостинга:
Виртуальный сервер RED.Site-2, Дисковое пространство -40Гб, Оперативная память - 2Гб ID: 340

31.08.2022 Тест тарифа reg.ru SSD-VPS-3 битрикс Аспро
Параметры хостинга SSD-VPS-3 сайта битрикс с Аспро в ходе тестов:
10 гб к серверу "Cyan Terbium", Премиум DNS, ISPmanager 6 Lite 8 для сервера... ID: 339

Возврат к списку

© 2015-2022 Web админ
Связаться по WhatsApp