How to install motion mode photos in the store like the video below?

1 reply2 participantsUpdated by Rose Tyler

  • Avatar: Dang_Duc_Thang
    Đặng Đức Thăng
    Participant

    https://drive.google.com/file/d/1RCbzqAH0z2MJNE31HQU0QBqEJh_bz44A/view?usp=sharing

    #284184 Copied Theme version: 9846247064618043430621 WooCommerce version: gdg

    1 Answer

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Add the next code in Theme Options > Theme custom CSS:

    .products-loop .product:hover,.carousel-area .product-slide:hover {
    box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
    z-index: 2;
    transform: translateY(-5px) scale(1.007);
    border-radius: 5px;
    background-color: #fff
}
.products-loop .type-product {
    padding-top: 15px
}
.products-loop .content-product {
    margin-bottom: 15px
}    
.products-loop .product,.products-slider.second-initialized .product-slide {
    transition: all .2s ease-in-out
}

    Regards

    #284186 Copied

You must be logged in to reply to this topic.Log in/Sign up