Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #818780

    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/

    #819304

    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

    #819308

    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 2 years, 10 months ago by  Victoria.
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.