Максим Тимофеев

А в чем проблема строку в переменную записать? И каким боком тут yii?

$somevar = '$("#prosto-form2 select[name=modelSearchService] option:selected").val()';
echo $somevar;

position: sticky;
https://developer.mozilla.org/ru/docs/Web/CSS/position

1 что надо всегда делать, это смотреть на ошибки в консоле, но допустим их там нет, тогда:

<script src="js/slick.min.js"></script>
<script src="js/slick.js"></script>

Зачем дважды?

<link rel="stylesheet" href="css/slick-theme.css">
<link rel="stylesheet" href="css/slick.css">

Почему тема перед основными стилями?

Убедитесь что $('.single-item') находит, например так:
console.log($('.single-item').length);
выведет в консоль 1 если все ок.

Реально ли это сделать с помощью css?

нет

Или может есть какие-то идеи как это организовать

сделать фото одинакового размера, ну или листать блоки фиксированной, одинаковой высоты, а картинки на background

А при чем тут вообще логин, просто надо переадресацию после логина вести на 1 урл или на другой. Сама авторизация тут грубо говоря не имеет значения.
Есть сущность User, после авторизации проверяем ее параметр какой-то и переадресуем "на" или "в".

api.jquery.com/animate

Если на js, то получить высоту видимой области, получить высоту блоков, рассчитать отступы, добавить отступы
Но мне кажется проще css(flex):
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

не селен в js

1. Удалите пробел:
$(' .btn-stock')
2. При клике на кнопку с type="submit" идет отправка формы, надо отменить стандартное действие, что бы что-то произошло.

$('.btn-stock').click( function(e){
e.preventDefault();

или же отправить форму ajax-ом и по успешному ответу сервера, что-то выводить

Зачем flex?
htmlbook.ru/css3-na-primerah/mnogokolonochnyy-tekst

плагин или самопис?

слайдер можно взять готовый, а вот переключение слайдов в зависимости от выбора в форме надо дописать ручками

а не проще серую линию изначально сегментами сделать и просто красить их?
Но можно еще попробовать сделать градиент и применять его всей линии.

Я так понимаю Вам нужен объект Колода, который содержит n экземпляров класса Карта и который формируется в объекте Game

<button type="button" data-toggle-chpuk data-target="#someid">Жмяк нежно</button>

$('[data-toggle-chpuk]').on('click', function() {
   var selector_to_remove = $(this).attr('data-target');
  $(selector_to_remove).removeClass( "d-none" );
});

через position: absolute не получится адаптивно, будет наезжать друг на друга или прийдется миллион брейкпоинтов ставить. Лучше svg

Главная ошибка - писать все с нуля без framework. Есть куча решений, которые помогли бы Вам в решении поставленной задачи. К тому же знать framework надо обязательно, можно не использовать, но знать надо. Ибо именно работая с ними Вы видите правильную архитектуру, правильные подходы и методы.

Написать функцию, которая перебирает массив, перебирает в массиве объекты и проверяет вхождение вашей подстроки в значение объекта. И юзать потом mySearch(arr,search)
Если не понятно о чем я - читать тут и до конца: https://learn.javascript.ru/array