Add this to Pages › Website Tools › Custom CSS. Change 5 to the number you want.
:root {
--related-items-columns: 5; /* columns amount for tablet desktop */
}
@media (min-width: 768px) {
.ProductItem-relatedProducts .list-grid {
grid-template-columns: ~"repeat(var(--related-items-columns), minmax(0, 1fr))" !important;
}
}
On this page
If you want your sold out texts to read differently, you can actually change it in Squarespace settings without any code. Go to Products → Selling Tools → Product Status. Sold Out Sold out text is pretty straightforward. To make a product sold out, set its quantity to 0. Limited availability Limited availability has more […]
Sometimes you just don’t want user to change quantity. Spoiler: you can’t remove quantity from the checkout page.
Because quantity on it’s own takes too much vertical space.