Bonn

Hi there,

Try adding this code snippet:

if ( ! function_exists( 'woocommerce_show_product_images' ) ) {
function woocommerce_show_product_images() {
global $product;
    if ( ! $product ) {
        return;
    }

    $post_thumbnail_id = $product->get_image_id();
    $main_image = wp_get_attachment_image( 
        $post_thumbnail_id, 
        'woocommerce_single', 
        false, 
        array( 'class' => 'wp-post-image main-image' ) 
    );

    $attachment_ids = $product->get_gallery_image_ids();
    $secondary_image = '';
    $has_second_image = false;

    if ( $attachment_ids && isset( $attachment_ids[0] ) ) {
        $secondary_image = wp_get_attachment_image( 
            $attachment_ids[0], 
            'woocommerce_single', 
            false, 
            array( 'class' => 'secondary-image' ) 
        );
        $has_second_image = true;
    }

    $container_class = 'woocommerce-product-gallery images custom-product-slider ' . ( $has_second_image ? 'has-hover-slide' : '' );

    echo '<div class="' . esc_attr( $container_class ) . '">';
        echo $main_image;
        if ( $has_second_image ) {
            echo $secondary_image;
        }
    echo '</div>';
    ?>
    <style>
        .custom-product-slider {
            position: relative;
            overflow: hidden;
            display: block;
        }
        .custom-product-slider img {
            display: block;
            width: 100%;
            height: auto;
            transition: transform 0.4s ease-in-out;
            backface-visibility: hidden;
        }
        .custom-product-slider .secondary-image {
            position: absolute;
            top: 0;
            left: 0;
            transform: translate3d(100%, 0, 0);
            z-index: 2;
        }
        .custom-product-slider.has-hover-slide:hover .main-image {
            transform: translate3d(-100%, 0, 0);
        }
        .custom-product-slider.has-hover-slide:hover .secondary-image {
            transform: translate3d(0, 0, 0);
        }
    </style>
    <?php
}
}

​I hope this helps, and let us know if that works.

Hi @chrilles

Just checking in on this topic. Do you still need assistance here?

Please note that you can also submit a support ticket via these channels.

• FREE Users: https://www.kadencewp.com/help-center/free-support/
• Premium Users: https://www.kadencewp.com/help-center/premium-support/

Thank you for your understanding!

Hi Bastian,

The Kadence theme or blocks do not have a carousel or gallery that will show all the pictures just by hovering.

Could you share a link or an example of the type of carousel you’re referring to? This will help me understand exactly what you’re looking for.

Thanks!

Hi Muhammad,

Apologies for the delayed response and thank you for your patience.

It maybe a caching issue.

Can you try clearing your website cache? https://www.kadencewp.com/help-center/docs/kadence-theme/clearing-your-website-cache/

Hi there,

Try adding this custom code snippet:

add_filter('kadence_author_use_profile_link', '__return_false');

You can add this using the Code Snippets plugin: https://www.kadencewp.com/kadence-theme/knowledge-base/advanced/how-to-add-a-custom-filter-or-function-with-code-snippets/

Hope this helps.

Hi Mike,

Apologies for the late response.

I checked your site and the screenshots you provided, and they look different.

Have you sorted this out already?