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?
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
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?
Hi, I found this link http://kriesi.at/documentation/enfold/change-woocommerce-single-product-page-layout/
But it doesn’t work anymore.
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
That’s awesome. Thank you.