• Open
  • Sergio Cutrera
    Participant
    November 16, 2018 at 5:49 am #40911

    Hi,

    When I tried to show the Woocommerce products in Alora Theme, is shows in only one column instead of 4.

    Is there any fix for that?
    You can have a look of the problem in this page: https://4mates.com.au/order-empanadas/
    This happened some time ago with some upgrades, it suppose to show the products in that way: http://m1.4mates.com.au/order-empanadas/ (in this case I am using the free version of Evolve).

    Thank you very much,

    Sergio,

    Roman
    Keymaster
    Posts: 2752
    November 16, 2018 at 5:20 pm #40915

    Hi,

    try this Additional CSS, I didn’t test it:

    .products {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    
    .products li {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-clip: border-box;
        width: 100%;
    }
    Sergio Cutrera
    Participant
    Posts: 8
    November 19, 2018 at 11:43 am #40920

    Thanks, it is working better. But the evolve css is so much better.
    Do you know where is the definition of the product css for Evolve that I can copy into Alora to create a similar experience?

    Sergio Cutrera
    Participant
    Posts: 8
    November 19, 2018 at 12:05 pm #40921

    In my previous attempt, I copy & paste your code in “Edit CSS” on the configuration of the theme. But it is not working so well.
    So then, I copy the “style.css” from Evolve to Alora, but it is not working well either.
    Do you have any other solution that could work?

    Thank you very much and best regards,

    Sergio

    Roman
    Keymaster
    Posts: 2752
    November 19, 2018 at 12:10 pm #40922

    Hi,

    alora and evolve are based on different frameworks. alora is an outdated theme which won’t be developed anymore. So it’s not possible simply copy and paste any code from evolve to alora as they have different layout system. evolve is built on the newest frameworks and keep update with the latest woocommerce templates.

    Sergio Cutrera
    Participant
    Posts: 8
    November 19, 2018 at 12:21 pm #40923

    I put your code in the “Edit CSS” in the alora theme, and this is how it looks now: http://m1.4mates.com.au/order-empanadas/

    Still not working, like evolve. Any idea on how I can solve this?

    Thanks, Sergio.

    Roman
    Keymaster
    Posts: 2752
    November 19, 2018 at 12:50 pm #40924

    can you provide the website WP admin login in private reply? I will have a look