Иван Медведев

Не те теги выбрали, копайте в сторону "платежных систем для сайта", как правило у них есть документация. Выберите ту которая подходит вам и почитайте у них как настроить.

уже был вопрос по анимации как на travelshift.com

Анимация на canvas/js?

Зачем руками прописывать от 1920 до 2020 годы, если можно циклом пробежаться и вывести?
<select id="year"></select>

for (let year = 1920; year <= 2020; year++) {
  let options = document.createElement("OPTION");
  document.getElementById("year").appendChild(options).innerHTML = year;
}

Чтобы менялись стили на переключателе убираем return false;
Для изображений можно так сделать:
1. Создаете некое «хранилище» изображений

const images = [
  {
    selector: '#img',
    dark: 'https://dummyimage.com/600x400/fc0/fff',
    light: 'https://dummyimage.com/600x400/0f3/fff'
  },
  ...
];

2. Создаем функцию для переключения изображений

function swapImages() {
  const isDark = $('.light').hasClass('dark');
  for (let image of images) {
    $(image.selector).attr('src', isDark ? image.dark : image.light);
  }
}

2. В скрипт переключения дописываем

$('.checkbox').click(function () {
    $('.light').toggleClass('dark');

    swapImages();
});

4. В $(document).ready дописываем swapImages();

ЗЫ - Чтобы заработал jQuery в песочнице, надо в настройках добавить его - в разделе JS.

https://codepen.io/5h4dy_s/pen/BaNvxQb

<div class="container">
<div class="row">
    <div class="col-4">
        ....
    </div>
    <div class="col-8">
        ....
    </div>
    <div class="col-4">
        ....
    </div>
    <div class="col-4">
        ....
    </div>
    <div class="col-4">
        ....
    </div>
    <div class="col-8">
        ....
    </div>
    <div class="col-4">
        ....
    </div>
</div>
</div>

Скорее всего у вас используется какой-то masonry-плагин. Я тут вижу два варианта

1. Искать причину по которой он не правильно рассчитывает позиции элементов.
   
2. Изменить верстку так, чтобы отказаться от него в принципе
   

Так вы должны в самом html форичить и вывести в li.

<ul>
  <?php  
    foreach ($featured_list as $list_item) {
      echo "<li>" . $list_item . "</li>";
    }
  ?>
</ul>

вы же сами все написали.
Получаем значение переменной, как я понимаю из настроек темы.
а в разметке проверяем ее значение и выводим ту разметку которую надо

<?php if($other_photo == 4) : ?>
  разметка
<?php elseif($other_photo == 3) : ?>
  другая разметка
<?php elseif($other_photo == 2) : ?>
  третья разметка
<?php else : ?>
  минимальная разметка
<?php endif; ?>

итд
можно через switch