Была задача сделать избранные товары через 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>