You can make them scroll back and reverse on home using script
in style.css / underneath line: /* ITEM GRID & LIST */
.products.q1 { display: flex; flex-wrap: nowrap; flex-direction: row; overflow-x: scroll; }
File main.php search for
<div id="premium-items" class="products grid nice-scroll no-visible-scroll">
And replace with:
<div id="q1" class="products grid nice-scroll q1 no-visible-scroll">
In same section after first </div> put
<script>
function animatethis(targetElement, speed) {
var scrollWidth = $(targetElement).get(0).scrollWidth;
var clientWidth = $(targetElement).get(0).clientWidth;
$(targetElement).animate({ scrollLeft: scrollWidth - clientWidth },
{
duration: speed,
complete: function () {
targetElement.animate({ scrollLeft: 0 },
{
duration: speed,
complete: function () {
animatethis(targetElement, speed);
}
});
}
});
};
animatethis($('#q1'), 80000);
</script>