View Horizontally

Hi @juvepress
Thanks for reaching out, this is the 1st question I receive 🙂

This is a good idea in fact, I will incorporate in a future update of the plugin. For now, you can use the following CSS snippet:

* Make MRVP list horizontal */
.mrvp-product-list {
	display: flex;
	flex-direction: row;
	gap: 20px;
	overflow-x: auto;
	padding: 10px 0;
}

.mrvp-product-list li {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: none !important;
	width: 160px; /* Adjust as needed */
}

.mrvp-product-list .mrvp-product-link {
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.mrvp-product-list .mrvp-product-link img {
	margin: 0 0 10px 0;
}

You can paste this CSS into Appearance > Customize > Additional CSS.
Refresh the product/post/page with the MRVP widget.
Scroll horizontally if you added more than 3–4 items.
Tweak the CSS based on what you want to achieve.

Let me know if it works, thanks!