Борис Черепанов

Можно и без jquery, если кому-то надо то вот

Попробуйте перед тем как выполнять get_post_meta выполнить функцию wp_reset_query()

А вообще вам лучше использовать для такого запроса WP_query
Хорошее описание есть на wp-kama.ru

После него тоже используйте wp_reset_query()

WP_query можно использовать даже для ajax. Пример

Прочитайте эту статью про CORS
Возможно с PUT вы пытаетесь передать заголовки или авторизоваться. В этом случае у вас должен быть установлен https и заголовки ответа:

Access-Control-Allow-Credentials: true // Можно ли авторизовываться или нет
Access-Control-Allow-Origin: https://localhost:63343
Access-Control-Allow-Methods: PUT, OPTIONS
Access-Control-Allow-Headers: Content-Type, ... прочие заголовки, например Authorization или тот в котором логин и пароль

Вам нужно указывать домены с которых можно делать запросы в заголовке Access-Control-Allow-Origin. Origin это заголовок запроса
Подробнее о CORS

В некоторых случаях заголовок Access-Control-Allow-Origin не достаточно поставить в значение "*". Для некоторых ситуаций нужно указывать точный адрес которого можно отправлять запросы, например, если вы пытаетесь авторизоваться на сервере, предать заголовки или вам нужно прочитать заголовки ответа.
Я написал несколько примером в статье. Возможно кому-то пригодиться

Вы можете прочитать статью "Fetch и CORS. Пример на ReactJS и другие"

Кажется вам нужно в ответе на запрос отдать заголовки:

Access-Control-Allow-Credentials: true
// Тут перечисляем наши заголовки
Access-Control-Allow-Headers: Authorization, прочие заголовки запроса... 
// Перечисляем разрешённые методы
Access-Control-Allow-Methods: POST, GET, PUT, DELETE, OPTIONS
// Пишем домен с которого отправляем запрос
Access-Control-Allow-Origin: https://yourdomain.ru

Есть статья "Fetch и CORS. Пример на ReactJS"

Вам кажется не хватает заголовков в ОТВЕТЕ

Access-Control-Allow-Origin: https://foo.invalid // Домен с которого идут запросы
Access-Control-Allow-Credentials: true
Access-Control-Allow-Headers: "заголовки которые можно отправить на удалённый сервер" 
// Разрешённые методы
Access-Control-Allow-Methods: POST, GET, PUT, DELETE, OPTIONS

Вот вам простая и понятная инструкция -> "Обработка POST-запросов в WordPress или куда слать..."

Из 1С в пользователя передавайте скидку в произвольном поле.
Во время заказа, например, на событие OnSaleComponentOrderCreated вы можете получить данные пользователя, в том числе его скидку. А далее изменить цену заказа
Вот ссылка на описание событий https://dev.1c-bitrix.ru/api_d7/bitrix/sale/events...
Код нужно писать в bitrix/php_interface/init.php

Очень много вариаций ответа на ваш вопрос.
Вы можете переписать компонент, который выводит товары пользователю, так чтобы он не видел неактивные товары.
Вы можете переписать Result_modifier компонента и удалить в нём товары, которых нет в наличии
Если ваш инфоблок обрабатывается модулем торговый каталог и у вас просто отключен количественный учёт - включите его
Если у вас выгрузка из 1С вы можете не выгружать товары у которых нет остатков, тогда вам нужно в настройках магазина > интеграция 1с выбрать опцию "деактивировать" у "Что делать с товарами, отсутствующими в файле импорта:"


Если вы импортируете через Магазин > Настройки >Импорт данных вы можете настроить соответствующий профиль


Тоже самое если вы импортируете через инфоблок

add_filter( 'nav_menu_link_attributes', 'contact_menu_atts', 10, 3 );
function contact_menu_atts( $atts, $item, $args )
{
  // The ID of the target menu item
  $menu_target = 1;

  // inspect $item
  if ($item->ID == $menu_target) {
    array_push($atts, "modal");
  }
  return $atts;
}

Но не факт, что это работает. Возможно лучше всего будет "пересобрать" строку с html-ем ссылки с помощью https://wp-kama.ru/hook/walker_nav_menu_start_el

Немного не точный вопрос.
Возможно вам подойдёт видео https://www.youtube.com/watch?v=3CIv6W7_t6k если речь идёт о прелоадере страницы целиком.

Возможно вы имели ввиду прелоадер для ajax, которые срабатывают во время ajax запросов. Тогда можете, например, посмотреть события в jQuery ajaxStart, ajaxStop в их документации

Можно попробовать через билиотеку https://xakplant.ru/stickjaw/
Например через метод loop

Лучше использовать map. forEach не поддерживается, например, в IE и Edge

Вам поможет деллигирование клика. Можете почитать тут

Там есть такой код:

table.onclick = function(event) {
  var target = event.target;

  // цикл двигается вверх от target к родителям до table
  while (target != table) {
    if (target.tagName == 'TD') {
      // нашли элемент, который нас интересует!
      highlight(target);
      return;
    }
    target = target.parentNode;
  }

  // возможна ситуация, когда клик был вне <td>
  // если цикл дошёл до table и ничего не нашёл,
  // то обработчик просто заканчивает работу
}

Он, мне кажется, как ни что лучше описывает вашу ситуацию

а что сравниваете? Как должно работать?!

Можно с помощью ScrollIntoView.

Ну или так

import React, { Component } from 'react';

class Succes extends Component{
    constructor(props){
        super(props);
        this.state = { error: null,
            isLoaded: false,
            items: Array
        }
    }



    componentDidMount() {
        // Fetch тут
        fetch("http://example.url/page.php")
            .then((response) => response.json())
            .then((response) => {
                    this.setState({items: response});
                    this.setState({isLoaded: true});
            })
            .then((error) => {
                this.setState({false: true});
                this.setState({error});
            })


    }



    render (){
        const data = Array.from(this.state.data.headers);

    }

}

export default Succes;

Ну подробно можете прочитать тут

Нет разницы. Пишите как хотите.
Однако заголовок могут увидеть так что его лучше с большой писать