Supply Theme - Related Products Container Gone Rogue

Highlighted
Tourist
12 1 1

Hi,

 

So I found the supply theme has this ugly thing where it doesn't align grid products if they have various title lenghts. I managed to find a solution on the forum for the collections and homepage grids:

 

Adding: $('.product-grid-image~p').css('height', 'auto').equalHeights(); in the theme.js.liquid did the trick. Here's how the correctly aligned products look:

https://gyazo.com/d3a1a505e6c4121683d81c3b93023ebd

 

However, it doesn't affect the container for Related Products (I'm using the standard one that can be checked on and off from the theme's customize dashboard). Here's how it looks:

https://gyazo.com/5f8f8032240162540397772ad592d88f

Can anyone help me out? I'm not a web designer so I couldn't make sense of where and what I need to modify.

P.S. I contacted Shopify support and they sent me here.

Thanks!
Tudi

0 Likes
Highlighted

Hello Tudi,
Can you share website URL. 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
12 1 1

Hi, sure thing: www.oacoac.ro

You can see the problematic related products container on the individual product pages, such as:

https://oacoac.ro/products/masinuta-cu-telecomanda-4x4-cu-roti-spate-flexibile-pentru-a-urca-peste-o...

Thanks!

0 Likes