(Free) Related Products Carousel

To turn Related Products to Carousel on Mobile, like this.

or like this.

First, click Gear icon on Store Page

Next, click Advanced > Page Header Code Injection

Paste this code

<!-- @tuanphan - related products carousel -->
<link rel="stylesheet" href="https://code.beaverhero.com/file?filename=1759721810948relatedcarousel.css"/>
<script src="https://code.beaverhero.com/file?filename=1759721855169relatedcarousel.js.js"></script>

If Related Products disappear on Mobile, you can use this to Custom CSS to fix it.

@media screen and (min-width:768px) {
.product-related-products>div[data-section-width] {
    display: grid !important;
}}