Image Gallery issue + YITH WooCommerce Badge Management

This topic has 18 replies, 3 voices, and was last updated 2 years, 1 months ago ago by Krzysztof

  • Avatar: Krzysztof
    Krzysztof
    Participant
    September 24, 2022 at 19:34

    Hi

    I saw on other forum topics that YITH WooCommerce Badge Management seem to be not compatible with XSTORE photo gallery.
    Is there any workaround available ?

    Second issue I noticed (disregards if YITH WooCommerce Badge Management is turned on or off) is that after variant selection something crazy happening with gallery .. see video: https://gyazo.com/5a65f6218f04d1f6ec804ede2eac27f1

    Please, contact administrator
    for this information.
    17 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    September 25, 2022 at 07:05

    Hello, @Krzysztof,

    1. Our Theme Xstore is compatible with the YITH WooCommerce Badge Management Premium plugin. See image for better reference : https://postimg.cc/BjMrSNRn

    You can check and read changelog here : https://xstore.8theme.com/update-history/

    2. Could you please share your site WP Admin URL and Credentials with me here, in the private content area of this topic, like below listed format, so that I’ll check it for you further on your site.

    WP Admin URL:
    WP Admin Username:
    WP Admin Password:

    Regards 8Themes Team.

    Avatar: Krzysztof
    Krzysztof
    Participant
    September 25, 2022 at 09:29

    please see prv.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 28, 2022 at 09:27

    Hello @Krzysztof,

    Sorry for the delay in answering.
    Please provide FTP access also.
    Also, update the theme and plugins to latest versions – https://www.8theme.com/documentation/xstore/theme-installation/theme-update/ https://www.8theme.com/documentation/xstore/plugins/plugins-update/

    Regards

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 28, 2022 at 09:35

    Also, temporarily disable CDN and let us know.

    Regards

    Avatar: Krzysztof
    Krzysztof
    Participant
    September 28, 2022 at 15:56

    Hi all prepared but not on “prod” but on “staging” site .. please see priv
    I also turned on WP debug so you can look into logs if needed 🙂

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 30, 2022 at 07:38

    Hello,

    1/ Premium Addons for Elementor connects its admin styles to the frontend thereby adding a bullet that breaks the displaying https://prnt.sc/zAHj2nL_09l0
    2/ where exactly do you want the labels to be
    on the large image or on each thumbnail https://prnt.sc/dQ3Lq0ISmvoi ?
    3/ YITH WooCommerce Product Add-ons & Extra Options Premium conflicts with YITH WooCommerce Badge Management Premium plugin , because YITH WooCommerce Product Add-ons & Extra Options Premium has options https://prnt.sc/ZOXWmHYPcPAl and it leads to this https://prnt.sc/35zU38ZxtyDF

    Regards

    Avatar: Krzysztof
    Krzysztof
    Participant
    September 30, 2022 at 14:49

    Hi
    Thank you for your findings.

    Ad.1 – Premium Addons removed … I managed to replace it with Xstore default addons 🙂
    Ad.2 – badge should not be shown on any miniatures … only on the “big” picture
    Ad.3 – YITH WooCommerce Product Add-ons & Extra Options replaced by different plugin providing exactly the same functionality … anyway we had a plan to replace YITH 🙂

    Could you please check now …

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 30, 2022 at 16:51

    Hello,

    Fixed on your staging site, because you give access to this site only.
    1/ We added custom CSS code:

    / Show Yith badge na main image /
    body .main-images .yith-wcbm-badge--anchor-point-top-left{
    display: inline-block;
    }
    body .main-images .yith-wcbm-badge {
    display: inline-block;
    }
    body .main-images .yith-wcbm-badge__wrap {
    display: inline-block !important;
    visibility: visible !important;
    }
    body .main-images .yith-wcbm-badge__wrap+{
    display: inline-block !important;
    visibility: visible !important;
    }

    2/ Changes were done in next files themes\xstore\woocommerce\single-product\product-image.php
    themes\xstore\woocommerce\single-product\product-image-builder.php
    3/ Fix will be included in the next update also.

    Regards

    Avatar: Krzysztof
    Krzysztof
    Participant
    September 30, 2022 at 17:45

    Thank you … it seems to be better but not fully solved.
    Please see video https://gyazo.com/5b003d742be59e08b939ea06095e1c5a
    Main image is not swapping when I select one of the galley items or select a variation

    Please contact administrator
    for this information.
    Avatar: Krzysztof
    Krzysztof
    Participant
    September 30, 2022 at 17:51

    one more observation 🙂
    When I select a variant main image stays as it was but when I move mouse over it, it zooms correct image (as it would be swapped already)
    see video: https://gyazo.com/eada0afa068a0ba317390498a8a08bda
    First, I selected a blue colour, main image stays with both colours, moved mouse over image and zoom was showing blue colour only.
    Then, I selected ping and moved mouse over main image .. saw pink image 🙂
    So seems that we have a problem only with main image display.

    Avatar: Krzysztof
    Krzysztof
    Participant
    September 30, 2022 at 18:33

    One more detail … I reminded to myself that I already tried to play with css for YITH WooCommerce Badge Management
    There is a code snippet added (XStore | YITH Badges) with the following

     .yith-wcbm-badge {
         z-index: 4;
    }
    
     .et_b_header-wishlist .et-mini-content  .yith-wcbm-badge {
        display: none;
    } 
    
    .mobile-header-wrapper li .yith-wcbm-badge{
        display: none !important;
    	visibility:hidden !important; 
    }
    
    .draggable div .yith-wcbm-badge--anchor-point-top-right{
    	display: none !important;
    	visibility:hidden !important; 
    }
    
    .vertical-thumbnails div .yith-wcbm-badge{
        display: none;
    } 
    .vertical-thumbnails div .yith-wcbm-badge__wrap{
        display: none !important;
    	visibility:hidden !important; 
    }
    	
    .main-images .yith-wcbm-badge--anchor-point-top-left{
        display: none;
    }
    
    .main-images .yith-wcbm-badge {
        display: none;
    } 
    .main-images .yith-wcbm-badge__wrap {
        display: none !important;
    	visibility:hidden !important; 
    }

    just in case and not to interfere with your code I deactivated my snippet

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 3, 2022 at 15:24

    Hello,

    Please clear cache and check on ethe staging site.
    Changes were done in next files:
    themes\xstore\woocommerce\single-product\product-image.php
    themes\xstore\woocommerce\single-product\product-image-builder.php
    themes\xstore\js\modules\single-product.min
    themes\xstore\js\modules\single-product-builder.min
    css/modules/woocommerce/single-product/single-product-builder-rtl.css
    css/modules/woocommerce/single-product/single-product-builder-rtl.min.css
    css/modules/woocommerce/single-product/single-product-builder.css
    css/modules/woocommerce/single-product/single-product-builder.min.css

    Regards

    Avatar: Krzysztof
    Krzysztof
    Participant
    October 3, 2022 at 15:39

    great 🙂 … seems to be working as it should 🙂 Thank you very very much.
    One last little thing 🙂
    Can we get rid of badges here: https://gyazo.com/f530df481c9252140b23c6c295e42b31

    those are images on next/previous buttons on the sides of the screen.

    I could try to hide it via custom CSS, but I think this should be done on “upper” level as really doesn’t make sense to show any badges on such a small images.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 4, 2022 at 13:26

    Hello,

    Please check now on the staging site. Changes were done in themes\xstore\templates\navigation-prev-next.php

    Regards

    Avatar: Krzysztof
    Krzysztof
    Participant
    October 5, 2022 at 18:07

    Hi
    Seem all good now 🙂 … once again, thank you very much.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 6, 2022 at 07:17

    Hello, @Krzysztof,

    Most Welcome 🙂

    If you do not mind, can you please leave 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in the future. It would encourage our work a lot. If you like our Theme and Support.

    Thanks for contacting us.
    Have a great day 🙂

    Case Closed.
    Regards 8Themes Team.

    Avatar: Krzysztof
    Krzysztof
    Participant
    October 6, 2022 at 10:25

    I’m a great fan of 8Theme so my feedback is already there 🙂

  • Viewing 18 results - 1 through 18 (of 18 total)

The issue related to '‘Image Gallery issue + YITH WooCommerce Badge Management’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.