Moving Product Image Thumbnails

[Kannakart]

Hello,

Our product images currently display the thumbnails at the top. We would like to move them to the bottom and outside of the product image.

https://www.litculture.com/product/lit-premium-hemp-wraps-original/

I’ve attached a screenshot showing the area we’d like to move them to. Thanks in advance!

[Prasant]

Hello @Kannakart,

Thanks for asking.

To move thumbnail images I request you to please review following article and you can implement the solution mentioned in the same:

WooCommerce Image Size Changes | Themeco Docs

Thanks.

[Kannakart]

Hi Prasant,

Thank you for the reply. I do not need to resize the thumbnail images. The article didn’t really cover how to move the thumbnails around the product photo. Do you have any other resources that can help me with this?

[ruenel]

Hello There,

Do you want something like this?

If that is the case, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.woocommerce .flex-control-nav.flex-control-thumbs {
    position: relative;
    width: 100%;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}

And if you just want to switch back to the old image thumbnail like in our demo site: http://demo.theme.co/shop-integrity/product/happy-ninja/

You can refer to this thread:

Product Gallery