cancel
Showing results for 
Search instead for 
Did you mean: 

PDP image gallery overlapping the "related products" title below

PDP image gallery overlapping the "related products" title below

Hi, folks. I recently had to fire my developer for a variety of reasons, and they left me with an issue that didn't exist before they worked on my site. On my product detail pages, the fotorama image gallery is now overlapping the related products title "You May Also Like" below it. See attached screenshot and link to a live page:

 

https://www.nationalbarstool.com/brixton-swivel-bar-stool-with-cushioned-seat-backrest.html


Since it might take me a while to properly vet a new developer, I was hoping someone in the community might be able to tell me what's wrong with the code to cause this issue, so I can fix it myself in the meantime? I assume its a relatively simple adjustment, but I'm just a lowly retailer with no code experience. :-/ Any advice would be most appreciated. Thanks very much for reading.screencapture-nationalbarstool-brixton-swivel-bar-stool-with-cushioned-seat-backrest-html-2022-06-14-13_16_20.png

3 REPLIES 3

Re: PDP image gallery overlapping the "related products" title below

Just figured it out, I used a body onload function that runs when all of the images have finished loading 

<script>
function run(){
var $grid = $('.grid').isotope({
itemSelector: '.element-item',
layoutMode: 'masonry' //options:  https :  // isotope . metafizzy  . co / layout - modes . html
});
}
</script>

 

jcp associate kiosk at home

Re: PDP image gallery overlapping the "related products" title below

Thanks for the reply. I really appreciate it. Unfortunately, because I'm a layman, I don't know what to do with the code you cited in your post. Would I insert that anywhere into my code base, or does it need to go someplace specific?

Re: PDP image gallery overlapping the "related products" title below

https://prnt.sc/ptrZzd4mx5PY

Hope that helps, please let me know if you need more help.