Vertical gallery in product

  • Resolved nbietti

    (@nbietti)


    3 years ago

    Good afternoon, I am trying a vertical gallery in each of my products. Something similar to this: View example

    I have used the following code and I have succeeded:

    .woocommerce-product-gallery {
    display: flex;
}

.woocommerce-product-gallery .flex-control-thumbs {
    order: -10;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 100%;
    padding-top: 0;
    padding-bottom: 5px;
}

    But the thumbails are too small. Could you tell me how to adjust with a little css, so that it looks similar to the example?
    Thanks

    • This topic was modified 3 years ago by nbietti.
    • This topic was modified 3 years ago by nbietti.
    • This topic was modified 3 years ago by nbietti.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Stef

    (@serafinnyc)

    There’s something wrong with your markup on the page itself. Not this CSS above but like literally your markup. The main image is missing.

    Thread Starter nbietti

    (@nbietti)

    I do not understand what you want to say. I just need the small images to be a bit bigger, as I showed in the example.

    Hey @nbietti,

    When I pull the URL above, I’m getting an “under construction” page. Were you able to get this working?

    Thanks

    Mirko P.

    (@rainfallnixfig)

    Hi @nbietti,

    We’ve not heard back from you in a while so I’ll go ahead and mark this thread as resolved. Hopefully, you were able to find a solution to this issue.

    If you have further questions, please feel free to open a new topic.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Vertical gallery in product’ is closed to new replies.