- This topic has 21 replies, 3 voices, and was last updated 6 years, 4 months ago by Andrew Misplon.
- AuthorPosts
- April 17, 2018 at 5:52 pm #9425
shahab_azParticipanti set a main photo in product page edit and published but main photo doesent show in product page and intended with white pic but under the main product photo(white pic) i have photo gallery just i need to click on magnifier to show on slider.
i used theme in rtl mode,also i test photos in other resolution but thats not work too,April 17, 2018 at 6:06 pm #9426
Andrew MisplonKeymasterHi, please send a URL. Thanks.
April 17, 2018 at 6:08 pm #9427
shahab_azParticipantThis reply has been marked as private.April 17, 2018 at 6:45 pm #9428
Andrew MisplonKeymasterThanks 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?
April 17, 2018 at 6:49 pm #9429
Andrew MisplonKeymasterPlease, try adding the following to Customize > Additional CSS or a Custom CSS location of your choice:
.woocommerce-product-gallery { direction: ltr; }
April 18, 2018 at 7:01 am #9448
shahab_azParticipantthanks, this way worked,
i have some question about some bug in rtl mode. i ask here or make new topic?April 18, 2018 at 8:36 am #9449
Andrew MisplonKeymasterAwesome.
Sure, you can let me know the other question here, thanks.
April 18, 2018 at 8:54 am #9451
shahab_azParticipanthi 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,April 18, 2018 at 8:55 am #9452
shahab_azParticipantThis reply has been marked as private.April 18, 2018 at 9:20 am #9460
Andrew MisplonKeymasterThanks. 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.
April 18, 2018 at 9:46 am #9461
shahab_azParticipantsure andrew, i’ll be wait for update..
April 23, 2018 at 7:30 am #9494
Alexia JolliotParticipantHi 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 : 2Many thanks
AlexiaApril 23, 2018 at 7:46 am #9495
Andrew MisplonKeymasterHi 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.
April 26, 2018 at 5:37 pm #9559
Andrew MisplonKeymasterHi 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 🙂
April 29, 2018 at 10:21 am #9588
shahab_azParticipanthi 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
- AuthorPosts
You must be logged in to reply to this topic.