Есть ли способ реализовать masonry.js в magento с помощью infinitescroll?

Увидеть http://masonry.desandro.com/#getting-started для инструкций.

Magento, вероятно, имеет списки элементов, выглядящие примерно так:

<ul class="products-grid">
<li class="item">...product info here...</li>
<li class="item">...product info here...</li>
<li class="item">...product info here...</li>
</ul>

Так. Следуя инструкциям на домашней странице Masonry, вы должны сначала убедиться, что Masony JS включен в раздел вашей страницы, добавив его в некоторые из вас XML — например, файл local.xml вашей темы в разделе по умолчанию или, возможно, просто в каталоге. раздел листинга, поэтому он не будет включен на страницы, где он не нужен.

Если вы не можете понять, как это сделать, задайте новый вопрос о том, как добавить пользовательский JS на страницы со списком продуктов. Это то, что я имел в виду под конкретностью. Вы должны выполнить начальную работу, разбив свою проблему на более мелкие части и задавая вопросы, основываясь на конкретной задаче. Никто в интернете не любит делать то, что я делаю и держу тебя за руку на протяжении всего процесса. В свободное время. Бесплатно.

Далее следует инициализировать скрипт Masonry в списке продуктов, используя один из двух доступных методов, описанных на их домашней странице. Например, вы можете добавить это к -tag:

<ul class="products-grid js-masonry" data-masonry-options="{ 'columnWidth': 200, 'itemSelector': '.item' }">
<li class="item">...product info goes here..</li>
<li class="item">...product info goes here..</li>
<li class="item">...product info goes here..</li>
</ul>

И это, вероятно, должно работать, возможно, с некоторыми добавленными исправлениями CSS.