@Windramix

Как правильно сделать ajax окно в msFavorites?

Была задача сделать избранные товары через msFavorites но не получается сделать идеально, не моментально убираются из списка избранных, и когда доходит до последнего то он убирается но не пропадает.

Подробнее можно посмотреть на сайте https://romnew.bwsite.ru/
Добавить в избранные и убрать и вы поймете о чём я.

Скрипт.
// Обработчик клика по элементу, инициирующему загрузку контента
$(document).on('click', '.chiklike', function() {
  // Получение ссылки на контент, который нужно загрузить
  var contentUrl = $(this).data('url');

  // AJAX-запрос для загрузки контента
  $.ajax({
    url: contentUrl,
    type: 'GET',
    dataType: 'html',
    beforeSend: function() {
      // Действия, выполняющиеся перед отправкой запроса
      $('.loader').show(); // Показываем прелоадер
    },
    success: function(response) {
      // Действия после успешного получения контента
      $('#result').html(response); // Вставляем контент в контейнер
    },
    complete: function() {
      // Действия, выполняющиеся после получения контента (успешного или неуспешного)
      $('.loader').hide(); // Скрываем прелоадер
    },
    error: function(xhr, status, error) {
      // Действия в случае ошибки
      console.log(error); // Выводим ошибку в консоль для отладки
    }
  });
});

вызов
[[!msProducts?
                &resources=`[[!msFavorites.ids]]`
            	&parents=`0`
            	&tpl=`favouritestpl`
                &includeThumbs=`small`
            ]]


favouritestpl

<div class="favourites__item">
                <div class="item">
                      {if $small?}
            <img src="{$small}" alt="{$description}">
        {else}
            <img src="assets/cache_image/noimage_360x360_6f6.jpg" alt="{$description}">
        {/if}
        
                  
                </div>
                <div class="item">
                    <div class="title">
                        <a href="javascript:void(0);"  data-show-modal data-src="{$id|url}">
                            {$pagetitle}
                        </a>
                    </div>
                </div>
                <div class="item">
                    {if $price?}
            <div class="price">{$price} р.</div>
        {else}
            <div class="price">Цена отсутствует</div>
        {/if}   
         
                </div>
                <div class="item">
                    <div class="delete msfavorites chiklike" data-url="/izbrannoe.html"  data-click
                   data-data-list="default"
                   data-data-type="resource"
                   data-data-key="[[+id]]" >
                        <img src="assets/img/arrows_circle_remove.svg" alt="">
                    </div>
                </div>
            </div>


Сама конопка (через которую добавление идёт)

<div class="card__like msfavorites chiklike"   data-url="/izbrannoe.html" data-click
                   data-data-list="default"
                   data-data-type="resource"
                   data-data-key="[[*id]]">
                            <svg width="21" height="18" viewBox="0 0 21 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 6.32647C20 11.4974 10.5 17 10.5 17C10.5 17 1 11.4974 1 6.32647C1 -0.694364 10.5 -0.599555 10.5 5.57947C10.5 -0.599555 20 -0.507124 20 6.32647Z" stroke="black" stroke-linejoin="round"></path></svg>
                        </div>
  • Вопрос задан
  • 110 просмотров
Пригласить эксперта
Ответы на вопрос 1
DanArst
@DanArst Куратор тега JavaScript
Гриффиндор в моде при любой погоде!
Ну дык ты get-запрос делаешь на страницу izbrannoe.html, которой у тебя нет, или она не опубликована. Твой скрипт тупо падает
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы