Для добавления горизонтальной прокрутки на странице, созданной с помощью Elementor в Wordpress, вам потребуется использовать CSS и JavaScript.
1. Добавьте следующий CSS код в пользовательский CSS стиль вашей страницы:
```css
.elementor-container {
overflow-x: auto;
white-space: nowrap;
}
.elementor-column {
display: inline-block;
vertical-align: top;
}
```
2. Создайте необходимую разметку на странице с помощью Elementor, разместив несколько колонок внутри контейнера.
3. Для реализации горизонтальной прокрутки с навигационными кнопками, вам потребуется добавить следующий JavaScript код:
```javascript
jQuery(document).ready(function($) {
var container = $('.elementor-container');
var slideWidth = $('.elementor-column').outerWidth(true);
var containerWidth = $('.elementor-row').width();
$('.next-button').click(function() {
container.animate({scrollLeft: container.scrollLeft() + slideWidth});
});
$('.prev-button').click(function() {
container.animate({scrollLeft: container.scrollLeft() - slideWidth});
});
});
```
4. Добавьте на страницу две кнопки с классами ".next-button" и ".prev-button" для прокрутки вправо и влево соответственно.
Этот код позволит вам прокручивать группу слайдов внутри контейнера горизонтально с помощью навигационных кнопок, похоже на пример изображенный на вашем скриншоте. Вы можете добавить стилизацию кнопок и управлять количеством отображаемых слайдов, путем изменения значений в JavaScript коде.