tis-cake

Файлы были под "Только чтение", убрал- помогло

Привет
Так же возникла данная проблема, в итоге решил ее данным путем:

webpack.config.js

...
  devServer: {
    overlay: true,
    open: true
  }
...

package.json

...
"scripts": {
    "dev": "webpack serve",
    ...
  }
...

Данные - вместо объекта сделайте массив, так будет проще работать.

Когда данные получили - сохраните их (ну типа переменная какая-то, чтобы они у вас всегда были под рукой).

Сделайте функцию, которая будет выводить список товаров - но не весь, а те, что ей будут переданы.

Сделайте функцию, которая будет осуществлять фильтрацию - получает значения из фильтров, отбирает соответствующие элементы из массива, результат передаёт в функцию вывода товаров.

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

Всё.

с параметром watchSlidesVisibility: true слайдам в зоне видимости добавляется класс swiper-slide-visible

попробуйте
https://css-tricks.com/almanac/properties/o/object-fit/
(в комментах много дельного, особенно от Federico Brigante )

function updateFraction(slider) {
  const { params, activeIndex } = slider;

  slider.$el
    .find(`.${params.pagination.currentClass}`)
    .text(`${activeIndex + 1} - ${activeIndex + params.slidesPerView}`);

  slider.$el
    .find(`.${params.pagination.totalClass}`)
    .text(slider.slides.length);
}

on: {
  init() {
    setTimeout(updateFraction, 0, this);
  },
  slideChange() {
    updateFraction(this);
  },
  resize() {
    updateFraction(this);
  },
},

https://jsfiddle.net/1xLrtyqw/

В поле зрения пользователя это значит когда пользователь доскроллил до элемента который находиться где то в контенте?

Например

var target = $('.elem');
var targetPos = target.offset().top;
var winHeight = $(window).height();
var scrollToElem = targetPos - winHeight;
$(window).scroll(function(){
	var winScrollTop = $(this).scrollTop();
	if(winScrollTop > scrollToElem){
		//сработает когда пользователь доскроллит к элементу с классом .elem
	}
});