Клонировать значок распродажи на отдельную страницу с описанием товара, но только для товаров со скидкой

Я пытаюсь сделать так, чтобы мой значок .onsale отображался на странице продукта (а не на странице магазина) и отображался только для продуктов, которые продаются. Причина, по которой я пытаюсь клонировать значок .onsale, заключается в том, что я могу применить разные CSS к ним обоим: один для страницы магазина, а другой - для страницы продукта.

Рабочий код для клонирования .onsale:

jQuery( function($) {
$(".onsale").clone().appendTo(".entry-wrap").addClass("onsale2");
});

Моя попытка применить .onsale2 только к товарам, которые есть в продаже:

jQuery( function($) {
    if ( $product->is_on_sale() ) {
        return $(".onsale").clone().appendTo(".entry-wrap").addClass("onsale2");
    }
});

Как заставить его работать?

php jquery css wordpress woocommerce

20.07.2018 09:08

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Symfony Station Communiqué - 7 июля 2023 г

Это коммюнике первоначально появилось на Symfony Station .

Оживление вашего приложения Laravel: Понимание режима обслуживания

Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...

Установка и настройка Nginx и PHP на Ubuntu-сервере

В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.

Коллекции в Laravel более простым способом

Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...

Как установить PHP на Mac

PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Попробуйте это в хуке wp_footer следующим образом:

add_action( 'wp_footer', 'add_on_sale_badge' );
function add_on_sale_badge(){
    global $product;
    // Only on single product pages and on sale products
    if ( is_product() && $product->is_on_sale() ):
    ?>
    <script type = "text/javascript">
    jQuery(function($){
        $(".onsale").clone().appendTo(".entry-wrap").addClass("onsale2");
    });
    </script>
    <?php
    endif;
}

Код находится в файле function.php вашей активной дочерней темы (или активной темы). Должно сработать.

Хорошо, спасибо, мне следует удалить мой текущий код JQuery и поместить этот новый, который вы мне дали, в function.php?

— 20.07.2018 11:29

@RedecIndustrial «Код находится в файле function.php вашей активной дочерней темы»… Попробуйте и дайте мне знать.

— 20.07.2018 11:32

20.07.2018 10:12

Другие вопросы по теме

Как передать объект в всплывающее окно fullcalendar

Поиск символа в строке с помощью javascript

Как добавить и удалить элемент ввода с атрибутами с помощью jquery

Ползунок диапазона материального дизайна: возможно ли 2 входа / ручки?

Цвет фона в контейнере Bootstrap не работает в Electron

Скрыть-показать текстовое поле HTML в JavaScript

Привязка КАЖДОГО события к динамически создаваемым элементам

Скрыть в цикле только родительский класс дочернего элемента

Условие ИЛИ в заявлении о возврате

Фокус с текстовым полем, но курсор невидим

Клонировать значок распродажи на отдельную страницу с описанием товара, но только для товаров со скидкой

Ответы 1

Другие вопросы по теме

Похожие вопросы