Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #380161

    Hi,

    On all my single product pages (see link below) there’s a main image on the left side. When a user scrolls down to choose the variations, this image isn’t visible anymore on the screen, because the user scrolls down. Also, when choosing different variations the image changes per variation, but this isn’t visible because the user is scrolled down.

    I want this main image to be visible, maybe by scrolling with the user till related products. Is this possible? Is there any other option to show the main image when scrolled down?

    #381261

    Hi Casyi!

    try to use this code in your Quick CSS field:

    .template-shop .single-product-main-image .images a {
    position: static;
    top: 250px;
    left:
    width: 250px;
    }
    

    and adjust as needed.
    It won’t be possible to stop till related products. This would be out of support scope and you would need to hire a freelancer for this.

    Cheers!
    Andy

    #381748

    Hi,
    Thanks for the response. Is there any way to switch places with the short description and the variations? So the variations will be on top, next to the image and the description below?

    I’m searching for a way to edit the ‘single product page’ but I can’t find it?

    #382956

    Hi, I found this link http://kriesi.at/documentation/enfold/change-woocommerce-single-product-page-layout/
    But it doesn’t work anymore.

    #383647

    Hi!

    Try this on functions.php:

    /**
     * Modify Product Layout
     */
    
    add_filter('wp_footer', 'avf_product_layout', 10);
    function avf_product_layout() { ?>
    <script>
    (function($){
        $(window).load(function(){
    		$('#top .variations_form').insertAfter('.product_title.entry-title');
    	});
    	
    })(jQuery);
    </script>
    <?php
    }

    Remove browser cache then reload the page.

    Cheers!
    Ismael

    #383690

    That’s awesome. Thank you.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Single product page – main image – not visible when choosing variations’ is closed to new replies.