New Landing How can we help? Atelier Masonry lay-out products

Viewing 6 posts - 1 through 6 (of 6 total)
  • Posted in: Atelier
  • #220541
    Enrico
    Member
    Post count: 37

    Hello

    I am trying to get the masonry lay-out as you did in your demo shop http://awesomescreenshot.com/0fe5bhbc06 – could you please let me know the right settings when I add a products block via swift page builder? Thanx in advance.

    #220552
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Please select

    1) “MULTI-MASONRY DISPLAY => Yes”.
    2) COLUMN COUNT => 2

    That will set the layout, you will then need to edit the products that are displayed and change the masonry thumbnail size if you wish. Meta Options => Masonry Thumbnail.

    Cheers,
    David.

    #220568
    Enrico
    Member
    Post count: 37

    Hi David
    thank you. Almost there. Why do I get the sales price out of place? http://awesomescreenshot.com/0575bhiaae
    And how do I flip the group of products horizontally, with the large image on the right and the four small thumbs on the left?
    Let me know.

    #220580
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    1)

    You can change them to be side by side, ex:

    .woocommerce ul.products li.product .price del {
        display: inline-block!important;
    }

    2)

    You need to change the first product Masonry Thumbnail to “Standard”, then for the 5th product output change that Masonry Thumbnail to the larger size.

    Thanks,
    David.

    #220675
    Enrico
    Member
    Post count: 37

    Hi David
    Got it. Works all fine now – thanks for your help.
    Stefania

    #220685
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Great thanks to David 🙂 .
    Mohammad

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.