Артем Колчин

использовал slideChangeTransitionEnd, проблема ушла.

Вдруг кому пригодится, реализовал решение нормальное

<div class="catalog__list">
                        <div class="catalog__item catalog__item_1"></div>
                        <div class="catalog__item catalog__item_2"></div>
                        <div class="catalog__item catalog__item_3"></div>
                        <div class="catalog__item catalog__item_4"></div>
                        <div class="catalog__item catalog__item_5"></div>
                        <div class="catalog__item catalog__item_6"></div>
                    </div>

.catalog {

    &__list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(toRem(393), 1fr));
        grid-column-gap: toRem(25);
        grid-row-gap: toRem(25);
        grid-auto-rows: toRem(393);
        grid-auto-flow: dense;
    }

    &__item {
        background-color: #eee;

        &_1, &_5 {
            grid-column: span 2; 
            grid-row: span 2;
        }

        &_4 {
            grid-row: span 2; 
        }

        &_6 {
            grid-column: span 3;   
        }
    }

}

я пишу на SCSS но принцип если вам нужен обычный css то переписать не проблема будет.

Всем спасибо за ответы
Дело было в htaccess

#RewriteCond %{REQUEST_FILENAME} !-d
#RewriteRule ^(.*)/$ /$1 [L,R=301]

Вот из за этого правила кидало запросы на http

В общем взял в итоге решение
https://www.npmjs.com/package/image-map
У меня была проблема что изначально изображения скрывались под display:none;
Поэтому я вызывал
ImageMap('img[usemap]')
Только когда изображения появлялись. Работает.

add_action('wp_footer', 'woo_disable_specific_shipping_input');

function woo_disable_specific_shipping_input() {
    // Если сумма всех товаров в корзине меньше 1300
    if ( WC()->cart->total < 1300 ) {
      ?>
      <script type="text/javascript">
          jQuery(document).ready(function($) {
              // Выбираем элементы input с определенными значениями атрибута value
              $('input[name^="shipping_method"][value="flat_rate:6"], input[name^="shipping_method"][value="flat_rate:7"], input[name^="shipping_method"][value="flat_rate:8"], input[name^="shipping_method"][value="flat_rate:9"], input[name^="shipping_method"][value="flat_rate:10"], input[name^="shipping_method"][value="flat_rate:11"], input[name^="shipping_method"][value="flat_rate:12"], input[name^="shipping_method"][value="flat_rate:13"], input[name^="shipping_method"][value="flat_rate:14"]').prop('disabled', true);
          });
      </script>
      <?php
  }
}

В общем сделал так, для моих задач, более чем, отключаем кнопки у выбранных если цена меньше.

В общем кому то может пригодится

<?
require($_SERVER['DOCUMENT_ROOT'] . '/bitrix/modules/main/include/prolog_before.php');
$user_id = intval($_POST['uid']);
$rsUser = CUser::GetByID($user_id);

	$arUser = $rsUser->Fetch();
	$email = $arUser['EMAIL'];
	$fields = Array(
		"UF_DATE_FROM" => ConvertTimeStamp(strtotime(), 'FULL'),
		"UF_DATE_TO" => ConvertTimeStamp(strtotime("+1 year"), 'FULL'),
		"UF_STATUS" => 4,
		
	);
	$user = new CUser;
	$user->Update($user_id, $fields);



	if(CModule::IncludeModule("iblock")){ 
		
		$el = new CIBlockElement;

		$PROP = array();
		$PROP['USER'] = $user_id; 
		$PROP['DATE'] = ConvertTimeStamp(date(), 'FULL');
		$PROP['DATE_PAYMENT'] = ConvertTimeStamp(date(), 'FULL');
		$PROP['TOTAL_PRICE'] = 1000;

		$arLoadProductArray = Array(
			"IBLOCK_ID"      => 29,
			"PROPERTY_VALUES"=> $PROP,
			"NAME"           => $email
		);
		$PRODUCT_ID = $el->Add($arLoadProductArray);
	}

function atrb_productShoes2() {
	global $product;
	global $post;
 
	$attributes = $product->get_attributes();
 
	if ( ! $attributes ) {
		return;
		}
 
	$counter = 0; // задаем счетчик
	foreach ( $attributes as $attribute ) {
		$counter++; // Считаем количество итераций и выходим из цикла при условии
		if($counter > 5) {
			break;
			};
	
	// Получение таксаномии
	$terms = wp_get_post_terms( $product->id, $attribute[ 'name' ], 'all' );
	$taxonomy = $terms[ 0 ]->taxonomy;
 
	// Получение объекта таксаномии
	$taxonomy_object = get_taxonomy( $taxonomy );
 
	// Получение меток атрибутов
	$attribute_label = $taxonomy_object->labels->name;
	$attribute_label = str_replace('Товар', '', $attribute_label);

	// Отображение метки с кликабельным списком терминов
	echo get_the_term_list( $post->ID, $attribute[ 'name' ] , '<div class="attributes">' . $attribute_label . ': ' , ', ', '</div>' );
	}
}
// Хук для вывода после заголовка товаров в категории
add_action( 'woocommerce_after_shop_loop_item_title', 'atrb_productShoes2' );

Вдруг кому пригодится. Проблема была в том что рег ру ограничивает количество запросов. Причем делает это без уведомления и накладывает ограничения на домен.

Решил таким образом

slider.noUiSlider.on('update', function (values, handle) {
                titleValues[handle].innerHTML = values[handle];
                $( "input#minCost" ).val( values[ 0 ] );
                $( "input#maxCost" ).val( values[ 1 ] );
            });

В функцию обновления слайдера добавил чтоб брал значения

В общем решение такое. Не претендую на правильность.

$counter = 1;  //задаем счетчику начальное значение
foreach( $direction_list as $post ): 
if ($counter == 1) { ?> 
<div class="wrap">  <? }   //тут вставляем строки открытия обертки 
//тело поста
if ($counter % 2 == 0) { ?> // проверяем на четные блоки в моем случае я оборачиваю каждые 2 блока.
</div>  // тут закрываем обертку 
<div class="wrap">  // и тут же открываем
<? } ?>
 $counter++; 
 endforeach;