Home › Forums › WoodMart support forum › Optical Issues with Woo 3.3.1

Optical Issues with Woo 3.3.1

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 6, 2018 at 8:15 pm #37880

    covicon
    Participant

    As written on Envato Board, here the Pictures and Links to Live and Staging Site with the optical issues when Woodmart 10.10 is used with Woo 3.3.1.

    Attachments:
    You must be logged in to view attached files.
    February 7, 2018 at 8:13 am #37945

    Artem Temos
    Keymaster

    Hi,

    We will fix this issue in our 1.10.1 update that will be released today.

    Regards

    February 7, 2018 at 8:48 am #37950

    covicon
    Participant

    Thanks, great Support as usual! Anoteher question, is it easy possible do deactivate the double click on Product images in Mobile view? Maybe also the Frame tat pops up? It is great on Desktop, but on mobile i thinks it is better the “normal” way?

    February 7, 2018 at 9:56 am #37966

    Artem Temos
    Keymaster

    Here is a topic with a similar question that should help you https://xtemos.com/forums/topic/disable-mobile-hover/

    Regards

    February 7, 2018 at 11:33 am #37989

    covicon
    Participant

    Thanks, i tried this now, but first, i dont have any Custim JS for Mobile Area, only Global and On document ready?

    I tried to enter this on Global:

    
if( jQuery(window).width() <= 1024 ) {
    jQuery('body').on('click', '.woodmart-hover-base', function( e ) {
        window.location = jQuery(this).find('.product-element-top > a').attr('href');
    });
}

    and this on Document ready, it wont work?

    div.woodmart-hover-base.hover-ready.state-hover, 
div.woodmart-hover-base.hover-ready:hover {
   -webkit-transform: none;
   transform: none;
}

div.woodmart-hover-base .content-product-imagin,
.woodmart-hover-base .fade-in-block {
    display:none;
}
    February 7, 2018 at 12:37 pm #38015

    Artem Temos
    Keymaster

    This should be added on document ready 

    if( jQuery(window).width() <= 1024 ) {
    jQuery('body').on('click', '.woodmart-hover-base', function( e ) {
        window.location = jQuery(this).find('.product-element-top > a').attr('href');
    });
}

    and this to Custom CSS for mobile and tablet devices

    div.woodmart-hover-base.hover-ready.state-hover, 
div.woodmart-hover-base.hover-ready:hover {
   -webkit-transform: none;
   transform: none;
}

div.woodmart-hover-base .content-product-imagin,
.woodmart-hover-base .fade-in-block {
    display:none;
}
    February 7, 2018 at 12:39 pm #38018

    covicon
    Participant

    OK thanx, but where can i find “Custom CSS for mobile and tablet devices” ?

    February 7, 2018 at 12:40 pm #38020

    Artem Temos
    Keymaster

    You can find it in Theme Settings -> Custom CSS.

    February 7, 2018 at 12:44 pm #38027

    covicon
    Participant

    Thanks, my fault, i looked into Custom JS Tab instead of Custom CSS. It works perfect, thanks you!

    February 7, 2018 at 12:50 pm #38033

    Artem Temos
    Keymaster

    Great, you are welcome!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)