Масонство делает все элементы float: 0

Question

У меня есть магазин prestashop, в котором я использую модуль, который я модифицировал, который работает в другом магазине, но не в том, который я пытаюсь установить сейчас. Масонство загружается отлично, но оно применяет float: 0 ко всем элементам, делая только одну колонку вместо мозаики, как следует.

URL-адрес www.myvintageshoot.com, там вы можете увидеть проблему. Я попытался изменить функцию вызова с различными параметрами, но ничего не работает, и я не знаю, почему сценарий поставил это значение 0.

Answer 1

И наконец. Когда первый элемент шире, чем остальные, кладка использует свою ширину для остальных предметов, превращая всю мозаику в столбец. Для этого вам нужно установить ширину в конструктор, я сделал это, используя класс меньшего элемента, например:

var $grid = $('.masonry').masonry({ 
    // options... 
    columnWidth: '.brick1x1', 
    itemSelector: '.brick', 
    }); 
    // layout Masonry after each image loads 
    $grid.imagesLoaded().progress(function() { 
    $grid.masonry('layout'); 
    });