Change order of widgets in product page on mobile devices

Hi Markus,

Sorry for the late reply. Please try this in your functions.php file:

function add_mobile_product_sidebar_below_description() {
	?>
	<script>
	jQuery(document).ready(function($) {
	  var sidebar = $('.single-product .smartphones_sidebar_active').detach();
	  $('.single-product .single-product-summary').append(sidebar);
	});
	</script>
<?php
}
add_action('wp_footer', 'add_mobile_product_sidebar_below_description');

Best regards,
Rikard

Hi Markus,

Thanks for the update. Please try this instead:

function add_mobile_product_sidebar_below_description() {
    if(wp_is_mobile()) {
    ?>
	<script>
	jQuery(document).ready(function($) {
	  var sidebar = $('.single-product .smartphones_sidebar_active').detach();
	  $('.single-product .single-product-summary').append(sidebar);
	});
	</script>
    <?php
    }
}
add_action('wp_footer', 'add_mobile_product_sidebar_below_description');

It should only apply on mobile devices.

Best regards,
Rikard

Hi,

I can’t reproduce that problem on my end, the code is added as it should. Where exactly are you adding it?

Best regards,
Rikard