Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 13, 2017 at 4:34 pm #864049
    alexandernoe

    Hi team,
    is it possible to show the gallery pictures at the right side instead of buttom.
    Plz see the example link in the private content.
    Hope you can help…as always. :-)
    Best regards
    Alexander

    October 16, 2017 at 7:25 am #864688
    Ismael

    Hey Alexander,

    Thank you for using Enfold.

    Please try the following css codes.

    .woocommerce-product-gallery__image {
    float: left;
    width: 63%;
    margin-right: 2%;
}

.woocommerce-product-gallery__image + .thumbnails {
    width: 35%;
    float: left;
}

#top .single-product-main-image .thumbnails a {
    width: 100%;
    margin: 0 4px 4px 0;
    padding: 4px;
}

div.product div.images div.thumbnails {
    padding-top: 0;
    margin: 0;
}

    Adjust the values as needed.

    Best regards,
    Ismael

    October 16, 2017 at 5:21 pm #864894
    alexandernoe

    Hi Ismal,
    i´m sorry but the code didn´t work. We build the products with the advanced builder. Could this be the problem?
    Alexander

    October 19, 2017 at 4:17 am #866042
    Ismael

    Hi!

    I’m sorry about that. The forum converts the text “woocommerce” to something else that’s why it’s not working. We modified the code a bit. Please try it again.

    Cheers!
    Ismael

    October 19, 2017 at 10:32 am #866137
    alexandernoe

    Hi Ismael,
    now i´m very sorry…i forgot to tell that i build the product with the advanced editor and i choose a gallery modul, Big picture with thumbnail. The gallery is nothing from woocommerce it´s from enfold. Is there a possibility to have the thumbails at the right sight? Plz… :-)
    Best regards,
    Alexander

    October 23, 2017 at 2:11 am #867394
    Ismael

    Hi,

    Thank you for the update. Please try the following css codes.

    #top div .avia-gallery .avia-gallery-big {
    width: 80%;
    float: left;
}

    Best regards,
    Ismael

    October 23, 2017 at 9:49 am #867515
    alexandernoe

    Hi Ismael,
    many thanks for the code. The result looks really cool!! Plz have a look: https://www.brautbluete.de/produkt/aire-batista/
    Wish you great start into the workweek!
    Best regards,
    Alexander
    P.S. You can close the thread

    October 23, 2017 at 10:43 am #867535
    Nikko

    Hi,

    Looks Great! Glad that Ismael helped you and thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Woocommerce Single Product Gallery Look’ is closed to new replies.