Support/Ultra Theme/Woocommerce image gallery

[Resolved] Woocommerce image gallery

Tagged: 

  • Author
    Posts
  • April 17, 2018 at 6:06 pm #9426

    Andrew Misplon
    Keymaster

    Hi, please send a URL. Thanks.

    April 17, 2018 at 6:08 pm #9427

    shahab_az
    Participant
    This reply has been marked as private.
    April 17, 2018 at 6:45 pm #9428

    Andrew Misplon
    Keymaster

    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?

    April 17, 2018 at 6:49 pm #9429

    Andrew Misplon
    Keymaster

    Please, 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_az
    Participant

    thanks, 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 Misplon
    Keymaster

    Awesome.

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

    April 18, 2018 at 8:54 am #9451

    shahab_az
    Participant

    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,

    April 18, 2018 at 8:55 am #9452

    shahab_az
    Participant
    This reply has been marked as private.
    April 18, 2018 at 9:20 am #9460

    Andrew Misplon
    Keymaster

    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.

    April 18, 2018 at 9:46 am #9461

    shahab_az
    Participant

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

    April 23, 2018 at 7:30 am #9494

    Alexia Jolliot
    Participant

    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

    April 23, 2018 at 7:46 am #9495

    Andrew Misplon
    Keymaster

    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.

    April 26, 2018 at 5:37 pm #9559

    Andrew Misplon
    Keymaster

    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 🙂

    April 29, 2018 at 10:21 am #9588

    shahab_az
    Participant

    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

    April 29, 2018 at 10:45 am #9589

    Andrew Misplon
    Keymaster

    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.

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 21 total)
1 2

You must be logged in to reply to this topic.

Scroll to top