Product Slider to Slide Images Horizontally Instead of Vertically

[ninesolutions]

Dear Swiftideas Team,

Is there anyway which i can set the product page product images slider to slide each image horizontally instead of vertically?

thanks!

[David Martin – Support]

Hi,

Sure, Theme Options => WooCommerce Options => Product Options => Product slider thumbs position => Bottom.

Thanks.

[adstream]

Hello,
Im trying to change this, but I cant get it to work. Im using a “fullscreen split” product. I want the product gallery thumbs to be shown to the left. But just the slider to rotate vertically. Is it possbile to do?

[Rui Guerreiro – SUPPORT]

Hi,

You mean the image on the slider rotate vertically?
At the moment that isn’t possible.

Will forward that suggestion to the development team.

-Rui

[adstream]

Yes! Just as it rotates in on phone/ipad responsive mode. Seems like a simple enough tinker in the css. Like:

ul.lightSlider li
transform: translate3d(1000px, 0px, 0px);
}

But im not the expert here. 🙂

[Swift Ideas – Ed]

Hi @adstream

On mobile, the slider is forced into horizontal mode. The reason for this is that when the slider is in vertical mode on mobile, it is very difficult to scroll past due to the slider taking precedence of the scroll.

This is by design, and would need a JS override to change.

– Ed

[adstream]

Okay then! Would be awesome to impelement this in a coming update. When you use models mixed with isolated products it gets weird when you scroll vertically (aspecially when you have to cut away from nose down as the new reports dictates you should in clothing commerce). More natural flow if you scroll vertically. Thanks for the support though!

[David Martin – Support]

Thanks for the feedback. To implement this you would need to work with a developer in the short term.

This is certainly something that could be considered for a future update.

– David.