Andrey Vasilev

Slick Slider, всё остальное ложиться на плечи CSS. Верстка не сложная.

поддерживаю. если прям совсем впадлу что-то делать, то можешь поискать на codepen что-то похожее:
https://codepen.io/search/pens?q=slick

https://alvarotrigo.com/fullPage/

Нажимаешь на нужный язык - через eachперебираешь и находишь нужный, после чего можешь присвоить нужному языку нужный класс и с этим работать. Но не забывай перед этим почистить класс у старого языка
В случае, если можно добавить один класс ко всем, то вот самый легкий вариант:

$(function(){

$('.some_link').on('click', function(e){
  $('html,body').stop().animate({ scrollTop: $('#some_point').offset().top-100 }, 1000);
  e.preventDefault();
});

});

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

ничего в данном случае

Лучше класс меняй, вот:

Ничего лишнего)

https://codepen.io/Nolis/pen/dyGOLGP?editors=1111

jQuery

$('.product').removeClass('columns-4');
$('.product').addClass('columns-1);

+ смотри подключен ли скрипт на странице

Решил проблему:

$(".mexico-flag a").on("click", function (e) {
  e.preventDefault();
  fullpage_api.moveTo(2);
  var instance = fullpage_api
    .getActiveSection()
    .item.querySelector(".fp-scrollable").fp_iscrollInstance;
  instance.scrollTo(0, -950, 900);
  setTimeout(function () {
    instance.refresh();
  }, 1000 + 150);
});

скролл нужен был только по конкретному элементу (ивен мексика), так что если захотите подогнать под свои ссылки, то меняйте $(".mexico-flag a")