Return to previous page

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

This topic has 2 replies, 2 voices, and was last updated 3 years ago ago by Rose Tyler

Đặng Đức Thăng

Participant

April 14, 2021 at 13:28

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

#284184 Copied Theme version: 9846247064618043430621 WooCommerce version: gdg

1 Answer

Rose Tyler

Support staff

April 14, 2021 at 13:34

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