Woocommerce image gallery

Hi, please send a URL. Thanks.

This reply has been marked as private.

Thanks for the link. I can’t replicate this yet in my local install. If possible, please try a quick plugin conflict test. Temporarily deactivate all plugins not authored by SiteOrigin, does the image issue persist?

Please, try adding the following to Customize > Additional CSS or a Custom CSS location of your choice:

.woocommerce-product-gallery {
	direction: ltr;
}

thanks, this way worked,
i have some question about some bug in rtl mode. i ask here or make new topic?

Awesome.

Sure, you can let me know the other question here, thanks.

hi again
for example in main menu , because i use theme in rtl mode last element of main menu in header stick to close of semi last element. (i use “>” element in menu to show what happen for you)
also in firefox and chrome , main menu in header have upright position in right but in IE main menu stick in left postion,
also for responsive view for example in mobile browser, menu elements stick on right position but on click the menue elements show in left postion of boxes.
also in all browser sub menu elements in main menu thats show in left box and drop out of box,

This reply has been marked as private.

Thanks. If you can give me a few days, I’ll try get a theme update out with fixes. It’s quite a few items so it’ll be better if I start to add RTL support to the theme. Sorry for the delay.

sure andrew, i’ll be wait for update..

Hi Andrew,

I’m not sure if I should open a new thread or use this one.
I’m using woo commerce and ultra premium and I would like to modify the gallery thumbnail size in the product page. I understand it can’t be done through the customizer and should be done with CSS.
Could you help me with the CSS ? I’m don’t want to mess the site by trying to write it myself.
I would like the image in the gallery thumbnail to keep their original aspect ratio which is : Height : 3 * width : 2

Many thanks
Alexia

Hi Alexia 🙂 Sure, this can be done, I think we’d need to use PHP though. Please, can you open a new topic and I’ll assist there. Thanks.

Hi Shahab

Apologies for the delay. Please, try replacing our previous WooCommerce snippet with the following which includes that rule for the gallery:

body {
  direction: rtl;
  unicode-bidi: embed; }

.main-navigation ul li {
  margin-right: 0;
  margin-left: 1.78571em; }
  .main-navigation ul li:last-of-type {
    margin-left: 0; }

.main-navigation ul ul {
  right: 0;
  left: initial;
  text-align: right; }
  .main-navigation ul ul ul {
    left: initial;
    right: 100%; }

.main-navigation ul .sub-menu .menu-item-has-children > a:after,
.main-navigation ul .sub-menu .page_item_has_children > a:after,
.main-navigation ul .children .menu-item-has-children > a:after,
.main-navigation ul .children .page_item_has_children > a:after {
  content: "\f104";
  right: initial;
  left: 1em; }

.responsive-menu .main-navigation.toggled ul li a {
  text-align: right; }

.responsive-menu .main-navigation.toggled ul > li[class*=children] > span {
  right: auto;
  left: 0; }

.woocommerce-product-gallery {
  direction: ltr; }

Above I’ve attempted to resolve the main and mobile menu RTL challenges you raised. Please, let me know how it goes.

Thanks 🙂

hi andrew

i test it and its seem has solved. i tested with firefox, edge, mobile, chrome and challenge is down. 😀

but in internet explorer, main menu with logo shift to left so that drop out of screen and should scrolled Horizontally to show logo.
this problem only shown on internet explorer,

thanks andrew

Sure, will take a look ASAP tomorrow.

Which version of IE are you testing with?

Please could you also open IE developer console and let me know which engine is rendering, IE can render from a version that’s different to the version being used.

F12 to open the console.