Интерактивность без языков программирования

@aleksskay4 · Регистрация: 02.12.2015

Author24 — интернет-сервис помощи студентам

Изначально в блоке со списком товаров выводятся товары по всем
видам. При клике на соответствующий вид в фильтре, в блоке остаются только
товары этого вида. При клике на категорию «Все» фильтр должен
сбрасываться;
Преимущества в блоке со слайдером должны переключаться;
Не использовать языки программирования, как это сделать?

Добавлено через 2 минуты
Пример можете показать

@Yurets_777 · 14.01.2021, 23:59

Можно, но геморно.
Засунуть разные товарные категории в разные div-ы.
И через чекбокс (отмечен/не отмечен), - менять в css свойство «видимости» необходимых div.
Но это такое себе решение.

@aleksskay4 · 15.01.2021, 14:04 **[ТС]**

Пример можете показать

@mrtoxas · 15.01.2021, 14:42

HTML5

<input type="radio" data-select="product-all" id="inp1" name="products" hidden selected>
<input type="radio" data-select="product-1" id="inp2" name="products" hidden>
<input type="radio" data-select="product-2" id="inp3" name="products" hidden>
<label for="inp1">Все</label>
<label for="inp2">Продукт1</label>
<label for="inp3">Продукт2</label>
<div class="products">
  <div class="product product1">ПРОДУКТ1</div>
  <div class="product product2">ПРОДУКТ2</div>
  <div class="product product3">ПРОДУКТ3</div>
</div>

CSS

hidden {
  display: none;
}
 
label {
  cursor: pointer;
}
label:hover {
  color: red;
}
 
.product {
  display: none;
}
 
input[data-select=product-all]:checked ~ .products > .product,
input[data-select=product-1]:checked ~ .products > .product1,
input[data-select=product-2]:checked ~ .products > .product2 {
  display: block;
}

Про слайдер не понятно

@aleksskay4 71 / 68 / 46 Регистрация: 02.12.2015 Сообщений: 890 Записей в блоге: 1
		1
	Интерактивность без языков программирования 14.01.2021, 21:32. Показов 1237. Ответов 3 Метки нет (Все метки) Изначально в блоке со списком товаров выводятся товары по всем видам. При клике на соответствующий вид в фильтре, в блоке остаются только товары этого вида. При клике на категорию «Все» фильтр должен сбрасываться; Преимущества в блоке со слайдером должны переключаться; Не использовать языки программирования, как это сделать? Добавлено через 2 минуты Пример можете показать 0

@Yurets_777 5 / 5 / 0 Регистрация: 06.01.2021 Сообщений: 17
	14.01.2021, 23:59	2
	Можно, но геморно. Засунуть разные товарные категории в разные div-ы. И через чекбокс (отмечен/не отмечен), - менять в css свойство «видимости» необходимых div. Но это такое себе решение. 0

@aleksskay4 71 / 68 / 46 Регистрация: 02.12.2015 Сообщений: 890 Записей в блоге: 1
	15.01.2021, 14:04 [ТС]	3
	Пример можете показать 0

	15.01.2021, 14:42

Интерактивность без языков программирования

Решение