Squeak.ru - шаблоны программирования

Как отобразить сообщение WooCommerce в разных местах?

Я хочу отобразить зеленый цвет «ваша футболка добавлена ​​в корзину». сообщение под кнопкой "Добавить в корзину". И я хочу отобразить красное сообщение «Пожалуйста, выберите параметры продукта…» перед атрибутом «размер». Я создаю атрибут. По умолчанию сообщение woocommerce отображается в том же месте. Есть ли способ отобразить их в разных местах. Пожалуйста помоги!

Я пытаюсь сделать это, я помещаю «wc_print_notices» туда, где я хочу, чтобы сообщение отображалось. Это работает, но "ваша футболка добавлена ​​в корзину". и ""Пожалуйста, выберите параметры продукта..." отображается в том же месте.

   <?php wc_print_notices(); ?>

И я поместил это в свой function.php

   remove_action( 'woocommerce_before_single_product', 'wc_print_notices', 10 ); /*Single Product*/

Например, я хочу, чтобы сообщение «Выберите параметры продукта…» отображалось следующим образом. Если нажать добавить в корзину, не выбирая размер. НЕ выбирайте размер, чтобы появилось красное сообщение.

http://www.urbanoutfitters.com/urban/catalog/productdetail.jsp?id=36029353&category=W_OUTERWEAR&color=004

И я хочу, чтобы "ваша футболка была добавлена ​​в вашу корзину". сообщение отображается так. Если вы нажмете «Добавить в корзину», под кнопкой появится сообщение «Добавить в корзину».

http://alittlemorelikethis.com/collections/wear/products/imagine-maine-anchor-tee-black

wordpress php woocommerce
21.11.2015

  • Можете дать ссылку на ваш сайт? 21.11.2015
  • Сейчас я работаю локально :( есть ли способ показать? 21.11.2015
  • может быть, просмотреть исходный код, когда отображаются сообщения, и скопировать соответствующий код? 21.11.2015

Ответы:


1

Я думаю, это поможет вам. Вот источник

$(document).on('click','.add_to_cart_button',function(e) {
        e.preventDefault();
        addedToCart($(this).data('product_id'));
    });
        function addedToCart(id){
            $.ajax({
              type: "POST",
              url: "some.php",
              data: { product_id: id},
              success: function(){
                $('body').prepend('<div style="position:fixed; height:20px; width:100%; background-color:red; text-align:center;">Added to chart</div>');
              }
            });
        }
21.11.2015
  • Благодарю. мне нужно добавить что-нибудь в другой файл php? Что такое some.php? Нужно ли добавлять идентификатор продукта? 22.11.2015

    • 2

    Функция добавляет div на страницу, добавляя «префикс» к элементу «body». Этот div имеет «position:fixed», поэтому он отображается в верхнем левом углу окна просмотра и не перемещается. Он занимает весь экран слева направо, высотой 20 пикселей. Чтобы переместить div так, чтобы он отображался в другом месте, вам нужно добавить его к элементу НИЖЕ элемента, который вы хотите, чтобы он отображался ниже. Если вы «добавите» его непосредственно к кнопке «Добавить в корзину», он появится поверх этой кнопки, а не под ней. И вы, вероятно, захотите удалить ширину, чтобы она не распространялась на весь сайт. То же самое относится и к другому сообщению, которое вы хотите переместить. Понятно?

    21.11.2015
    Новые материалы
    Угловая структура архитектуры
    Обратите внимание, что эта статья устарела, я решил создать новую с лучшей структурой и с учетом автономных компонентов: https://medium.com/@marekpanti/angular-standalone-architecture-b645edd0d54a..
    «Данные, которые большинство людей используют для обучения своих моделей искусственного интеллекта, поставляются со встроенным…
    Первоначально опубликовано HalkTalks: https://hacktown.com.br/blog/blog/os-dados-que-a-maioria-das-pessoas-usa-para-treinar-seus-modelos-de-inteligencia-artificial- ja-vem-com-um-vies-embutido/..
    Сильный ИИ против слабого ИИ: различия парадигм искусственного интеллекта
    В последние годы изучению и развитию искусственного интеллекта (ИИ) уделяется большое внимание и прогресс. Сильный ИИ и Слабый ИИ — две основные парадигмы в области искусственного интеллекта...
    Правильный способ добавить Firebase в ваш проект React с помощью React Hooks
    React + Firebase - это мощная комбинация для быстрого и безопасного создания приложений, от проверки концепции до массового производства. Раньше (знаете, несколько месяцев назад) добавление..
    Создайте API с помощью Python FastAPI
    Создание API с помощью Python становится очень простым при использовании пакета FastAPI. После установки и импорта вы можете создать приложение FastAPI и указать несколько конечных точек. Каждой..
    Веселье с прокси-сервером JavaScript
    Прокси-серверы JavaScript — это чистый сахар, если вы хотите создать некоторую общую логику в своих приложениях, чтобы облегчить себе жизнь. Вот один пример: Связь клиент-сервер Мы..
    Получить бесплатный хостинг для разработчиков | Разместите свой сайт за несколько шагов 🔥
    Статические веб-сайты — это веб-страницы с фиксированным содержанием и его постоянным содержанием. Но теперь статические сайты также обрабатывают динамические данные с помощью API и запросов...