Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #190679

    Hallo,

    mein Englisch ist leider nicht so gut, daher auf Deutsch. Wenn man mit der Maus über ein Produkt fährt, wird das Produktbild etwas größer und die Buttons “in den Warenkorb” bzw. “Details” werden eingeblendet. Ich möchte gern erstens die Hover-Effekte ausschalten und zweitens die Button’s Warenkorb und Details dauerhaft sichtbar haben. Hab versucht in versch. Dateien fündig zu werden, ich krieg es einfach nicht hin. Habt Ihr einen Tipp für mich?

    MfG
    Lisa

    #190776

    Hey Lisa!

    You can add this on your custom.css or Quick CSS:

    .csstransitions #top .products .product .inner_product, #top .products .product.js_hover>.inner_product {
    z-index: 100;
    width: 100% !important;
    left: -9%;
    }
    
    .csstransitions #top .products .product:hover .inner_product, #top .products .product.js_hover:hover>.inner_product {
    z-index: 100;
    width: 100% !important;
    left: -9%;
    -moz-box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.3);
    }
    
    .csstransitions .product > .inner_product .avia_cart_buttons, .product.js_hover > .inner_product .avia_cart_buttons {
    visibility: visible;
    opacity: 1 !important;
    }
    
    .csstransitions .product:hover > .inner_product .avia_cart_buttons, .product.js_hover:hover > .inner_product .avia_cart_buttons {
    visibility: visible;
    opacity: 1 !important;
    }
    
    .products .product {
    margin-bottom: 90px !important;
    }
    
    .inner_cart_button {
    box-shadow: none;
    }

    Remove browser cache then reload the page.

    Regards,
    Ismael

    #191025

    Hi Ismael,

    many thanks, that’s it

    MfG
    Lisa

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Hover Effekte ausschalten’ is closed to new replies.