sparkles2.png

Make Related Products Vertical

 

This effect will allow you to have a vertical group for related products on a product page. This will allow some more cusomizability with having a more condensed page with the 'similar items' running down the side of the page.

 
 
 

See the effect in action

 
Screenshot 2021-04-20 at 16.45.22.png
 
 
 

How to use the Effect

Simply head to the 'edit CSS' section of Blocklab whilst you are on the product page, copy and paste the below code in, hit 'Save' and then go back to Blocklab and hit 'Publish' to apply the effect.

 

#shop #blocklab-product-page [id^="product-related-products-default"] .product {
    width: 100% !important;
    margin-bottom: 0px !important;
}