I'd like to suggest you add separate options for Mobile view and Desktop view, at least for the "Position" setting. On Desktop, it makes sense to have a nice sidebar view of the cart (right or left), but not on mobile, as that takes up the entire screen, and it may not be immediate clear to the custom what has happened, and how to return to viewing products. So, my preference would be to set the position to Right for desktop, and Center for mobile.
I think if a number of the other settings (such as what to display in the cart, and whether it automatically pops up when item is added to cart), were split into Desktop and Mobile sections that would also make it more flexible for store owner to optimize the layout for these two very different formats.
Thanks for the suggestion. I have written a note to our developers so that they can consider if this is possible to be added in future updates. Hope that there will be a way for that soon.
Hi there,
I'd like to suggest you add separate options for Mobile view and Desktop view, at least for the "Position" setting. On Desktop, it makes sense to have a nice sidebar view of the cart (right or left), but not on mobile, as that takes up the entire screen, and it may not be immediate clear to the custom what has happened, and how to return to viewing products. So, my preference would be to set the position to Right for desktop, and Center for mobile.
I think if a number of the other settings (such as what to display in the cart, and whether it automatically pops up when item is added to cart), were split into Desktop and Mobile sections that would also make it more flexible for store owner to optimize the layout for these two very different formats.
Regards,
Jonathan
Hi Jonathan,
Thanks for the suggestion. I have written a note to our developers so that they can consider if this is possible to be added in future updates. Hope that there will be a way for that soon.
Best regards.
Janilyn T. - WPClever Support Agent
Hi Mckays,
Currently, you can add the below custom code (How to add custom code?)
add_action( 'wp_footer', 'woofc_footer_js_change_position' ); function woofc_footer_js_change_position() { ?> <script type="text/javascript"> jQuery(document).on('woofc_cart_loaded', function() { woofc_change_position(); }); jQuery(window).on('resize', function() { woofc_change_position(); }); function woofc_change_position() { if (jQuery(window).width() > 767) { jQuery('#woofc-area').removeClass('woofc-effect-05').addClass('woofc-effect-01'); } else { jQuery('#woofc-area').removeClass('woofc-effect-01').addClass('woofc-effect-05'); } } </script> <?php }And the result https://www.screencast.com/t/o3bgkIvSe
Best regards,
Dustin