• Priority: 0
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 10.10.24, 17:41
  • Opened by: Davide De Marchi

Ticket #25803 - Multi-image on Hover not working

Hi, I’ve tried with both Predifined Layout and Creative Elements but the multi-image on the product miniature isn’t working.

Thank you!!
Davide

Comments

Fred 10 Oct 2024, 22:13

Hi, Davide De Marchi.
Do you have enabled some extra cache? I have updated the file /themes/alysum/assets/css/theme.css but still see an old file version through browser

Admin Bootique 15 Oct 2024, 15:50

Hi, I have the same bug on my website.

Fred 15 Oct 2024, 21:26

Here is a piece of CSS to add

.product-thumbnail {
    .pmimage-switcher {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 12;
        align-items: stretch;
        &:hover:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background-color: rgba(255, 255, 255, 0.2);
            transition: all 0.3s ease-in-out;
        }
        span {
            display: block;
            flex-grow: 1;
            position: relative;
            &:after {
                transform: translateY(5px);
                background: rgba(0, 0, 0, 0.1);
                content: '';
                display: block;
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 4px;
                transition: all 0.2s ease-in-out;
                z-index: 2;
            }
            &:hover:after {
                background: rgba(0, 0, 0, 0.4);
                transform: translateY(0);
            }
        }
    }
}
Davide De Marchi 17 Oct 2024, 16:47

Hi, solved, thank you!!

Fred 17 Oct 2024, 21:41

Great! You are welcome