Показываем Рекомендованные товары в случайном порядке

Простой скрипт, который привнесет немного динамики и разнообразия в ваш магазин.
Проблема и решение. В рекомендованных товарах выводится одна из категорий, в которой товары идут в дефолтном порядке. Какой товар вы не откроете, у вас будут отображаться одни и те же рекомендованные. Чтобы немного разбавить это все, мы тасуем товары между собой.

Версия для 4х товаров

Версия, для случая когда вы показываете только 4 рекомендованных товара.
Количество отображаемых рекомендованных товаров можно установить в Настройках блока → Секция «Смотрите также» → Количество отображаемых товаров
Чтобы скрипт заработал, достаточно добавить его в T123 и разместить в подвале сайта / магазина. Наслаждайтесь =)
<script>
$(function() {
  var parent = $(".t-store__relevants-grid-cont");
  var divs = parent.children();
  while (divs.length) {
    parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]);
  }
});
</script>

Версия для более 4х товаров

Отличается от версии для 4х товаров тем, что создается видимость еще большей рандомности.
Например, вы показываете 20 рекомендованных товаров. Скрипт тасует их и удаляет все товары, после 4го. Таким образом пользователь будет видеть всегда 4 рекомендованных товара, но каждый раз сами товары, как и их порядок будут отличаться.

Установка:
  1. Настройка блока → Секция «Смотрите также» → Количество отображаемых товаров — устанавливаете нужное число, больше 4.
  2. Тут же убираете галочку Отображать товары в виде галереи
  3. Добавляете скрипт в T123 и размещаете в подвале сайта / магазина.
  4. Наслаждаетесь =)
<script>
$(function() {
  var parent = $(".t-store__relevants-grid-cont");
  var divs = parent.children();
  while (divs.length) {
    parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]);
  }
  $('.t-store__relevants-grid-cont .js-product:gt(3)').remove()
});
</script>
Made on
Tilda