Need Some Help Show Different Tpl - If Mobile Else If Desktop

Multi-Vendor Questions
1

Hello everyone

example we have 2 different .tpl for product.

i want to style the bigpicture tpl for mobile and show only in mobile devices,

and the default tpl for desktop and show on desktop devices

one scenario is write both templates in one tpl and than serve based on client device

another scenario is one tpl with 2 children tpl

i need some help what's the best way to do it , from client detect to client serve 

{if $_is_mobile}
 bigpicture_template.tpl
{else}
default_template.tpl
{/if}
2

Hello everyone

example we have 2 different .tpl for product.

i want to style the bigpicture tpl for mobile and show only in mobile devices,

and the default tpl for desktop and show on desktop devices

one scenario is write both templates in one tpl and than serve based on client device

another scenario is one tpl with 2 children tpl

i need some help what's the best way to do it , from client detect to client serve 

{if $_is_mobile}
 bigpicture_template.tpl
{else}
default_template.tpl
{/if}

First one most likely, user agent detection can be very good, but sometimes will fail you, and if you do e-commerce you don't want that. So just use media queries. Besides, you can also just create a new template and use that, don't really see a problem if you just write it from scratch.