Product Thumbnails – Position Left and Display Vertically

I’ve figured out how to do this for the most part just using CSS (although I’m floating my thumbnails right) but one of the problems is the column count class in the template. I’m not sure how to change this.

I’m looking at the woocommerce_product_thumbnails and woocommerce_before_template_part action hooks to see where is implemented but I’m not having any luck. Basically, I just need to change the class from “thumbnails column-3” to “thumbnails column-1” and the rest I can take care of.

If anyone can point me in the right direction, I’d be grateful!

Okay, I answered my own question… to change the product column number, just add a filter, like so (I actually found this example in the woocommerce docs after a lot of sifting through the template parts and searching the various hooks and filters):
https://docs.woocommerce.com/document/change-number-of-thumbnails-per-row-in-product-galleries/

Once you change the column class to display just a single column, you can change the widths of the various containers and image classes and apply the necessary floats to get the vertical columns either right or left.

The easiest way to override default woocommerce classes is to apply a unique body class to your template pages either in the template files themselves or using conditional statements in your functions.php file, then use hierarchy/inheritance to add the styles necessary to change the default woocommerce styles (if those styles are already declared in the included woocommerce styles.) If they aren’t, then you can just use the class names as-is and add your style declarations to the various selectors.

• This reply was modified 7 years, 8 months ago by thoughtwell. Reason: clarification to the original poster's question

oxyhospedagem

(@oxyhospedagem) can you tell me which plugin you used to put thumbnails on left of featured image. This is my first time on this forum so if I didn’t do it correctly I sorry.

Sorry for too long time to Answer @jrogers07, it was Twist – Product Gallery Slider for Woocommerce. Thankyou

Sorry for more questions. I installed but thumbnails stayed at bottom. What else did you do to make thumbnails appear on left?

there is an option in plugin, check this out https://niloysarker.gitbooks.io/twist-woocommerce-product-gallery-slider/content/how_to_use_twist.html

Thanks. I found it in the pay version. You have been a great help.