[Resolved] Masonry grid is broken in view

[Author]

Posts

[Rostislav Avtodiychuk]

I am trying to: https://toolset.com/forums/topic/masonry-grid/#remove

Hello, please help with view my image in mansory grid. Look on screenshot when i first enter on category image in bottom is not show after another they are overlap, when i refresh page thats ok. You can try to use pagination to see with problem. Please help
my code
<script src="hidden link"></script>
[wpv-layout-start]
[wpv-items-found]
<div class="masonry-grid">
<!-- wpv-loop-start -->
<wpv-loop>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 grid-item">
[wpv-post-body view_template="WordPress Archive 1 - элемент цикла"]
</div>
</wpv-loop>
<!-- wpv-loop-end -->
</div>
[/wpv-items-found]
[wpv-layout-end]
<ul class="pagination-container">
[wpv-pagination]
[wpv-pager-archive-prev-page][wpml-string context="wpv-views"]Попередня сторінка[/wpml-string][/wpv-pager-archive-prev-page]
[wpv-pager-archive-nav-links]
[wpv-pager-archive-next-page][wpml-string context="wpv-views"]Наступна сторінка[/wpml-string][/wpv-pager-archive-next-page]
[/wpv-pagination]

[wpv-no-items-found]
[wpml-string context="wpv-views"]No items found[/wpml-string]
[/wpv-no-items-found]

Templates for this WordPress Archive

[wpv-post-title]

[wpv-post-featured-image size="full"]

link hidden link

thank for help!

[Rostislav Avtodiychuk]

I find resolved for this problem
i add code in js

var container = document.querySelector('.masonry-grid');
var msnry;
// Init Mansory, after image load
imagesLoaded( container, function() {
msnry = new Masonry( container );
});

How i can insert in some place of my grid adsense advertisment block?

[Noman Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)]

Hi,

Thank you for contacting Toolset Support. There is some confusion regarding what the actual issue is, but looks like you are able to solve it using custom JS code.

- If you are asking about where to add the JS code, then you can add it in Layouts JS section, please go to Toolset >> Layouts CSS and JS >> JS Editor >> and add your JS code there.

- OR you can also add the JS in the View’s JS editor as shown in attached screenshot.

Thank you

[Rostislav Avtodiychuk]

I solved this problem. Sorry for you disturbed,
But i need know how i can insert Adsense code in my mansory grid as i need. May be have some hook? I need open another ticket for this question?

[Noman Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)]

Hello,

Oh I see that now, no problem as we are here to help you. Thank you for the confirmation.

Yes, please open a new ticket for adding the Adsense code as this is separate then the original issue. Have a great weekend.

Thank you