[Resolved] Woocommerce image gallery

  • Author
    Posts
  • #9425

    shahab_az
    Participant

    i 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,

    #9426

    Andrew Misplon
    Keymaster

    Hi, please send a URL. Thanks.

    #9427

    shahab_az
    Participant
    This reply has been marked as private.
    #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?

    #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;
    }
    #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?

    #9449

    Andrew Misplon
    Keymaster

    Awesome.

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

    #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,

    #9452

    shahab_az
    Participant
    This reply has been marked as private.
    #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.

    #9461

    shahab_az
    Participant

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

    #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

    #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.

    #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 🙂

    #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

Viewing 15 posts - 1 through 15 (of 22 total)

You must be logged in to reply to this topic.

Scroll to top