How to display items like this?

I’ve tried all settings in the theme settings, but which option specifically should I use to display my products in these really nice boxes, with a nice “login to view prices” box?

Hello,

Please Go to Theme Settings >> Product Archive >> Product Styles and set the style to tiled.

Then try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

a.login-to-prices-msg.login-side-opener {
background: yellow;
color: black;
padding: 8px;
}

.product-grid-item .price {
text-align: center;
}

Best Regards

Here it how it looks now, any way to increase the gap between the product title and the ‘login to view prices’ box?

[Aizaz Imtiaz Awan]

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-grid-item .price {
margin-top: 20px;
}

Best Regards

• This reply was modified 3 years, 3 months ago by Aizaz Imtiaz Awan.

[Author]

Posts