Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 10, 2017 at 2:59 pm #818780
    studioinktvis

    Hi,
    Is it possible to change the order of the single product page when you look at it on a mobile phone?
    Now I see THE PRODUCT PHOTO / WIDGET / DISCRIPTION , PRICE , AT TO CART
    I would like THE PRODUCT PHOTO / DISCRIPTION , PRICE , AT TO CART / WIDGET

    And there is a strange dashed line below the product photo

    See http://www.studioinktvis.com/winkel/pin-i-am-a-teacher-roze/

    July 11, 2017 at 12:55 pm #819304
    Nikko

    Hey studioinktvis,

    I haven’t tried this but I think it can be done with combination of this conditional tag https://codex.wordpress.org/Function_Reference/wp_is_mobile and woocommerce hooks. Hope this helps.

    Best regards,
    Nikko

    July 11, 2017 at 1:09 pm #819308
    Victoria

    Hey studioinktvis,

    Here is the code you can put in your funtions.php

    
add_action('wp_footer', 'ava_new_custom_script');
function ava_new_custom_script(){
?>
<script type="text/javascript">
(function($) {
	function a() {
		if ($.avia_utilities.isMobile) {			
                  $('.sidebar.sidebar_sidebar_right.smartphones_sidebar_active').insertBefore('#av_section_1');
		}
	}

	$(window).load(function() {
		a();
	});
})(jQuery);
</script>
<?php
}

    and css:

    
@media only screen and (max-width: 450px)
.responsive #top #main .sidebar.smartphones_sidebar_active {
    width: 86%;
    padding: 0 20px;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    • This reply was modified 7 years ago by Victoria.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.