Prestashop 1.5.4 mobile theme

[Yngvi]

Hi

I was using prestashop 1.5.3 and the mobile them was working fine with each element appearing on rounded blocks. Yesterday, I ugraded to 1.5.4 and now the mobile version of the site just displays a pile of links with no styling at all.

 

Viewing the mobile site and looking at the page source I get this:

<link href="/js/jquery/plugins/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" media="all" />
 <link href="/themes/tina/mobile/css/jqm-docs.css" rel="stylesheet" type="text/css" media="all" />
 <link href="/themes/tina/mobile/css/global.css" rel="stylesheet" type="text/css" media="all" />
 <link href="/modules/paypal/css/paypal.css" rel="stylesheet" type="text/css" media="all" />
  <script type="text/javascript" src="/js/jquery/jquery-1.7.2.min.js"></script>
 <script type="text/javascript" src="/themes/tina/mobile/js/jqm-docs.js"></script>
 <script type="text/javascript" src="/js/tools.js"></script>
 <script type="text/javascript" src="/themes/tina/mobile/js/global.js"></script>
 <script type="text/javascript" src="/js/jquery/plugins/fancybox/jquery.fancybox.js"></script>

 

The mobile header.tpl seems to call the jquery and css files with this

{if isset($css_files)}
{foreach from=$css_files key=css_uri item=media}
<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
{/foreach}
{/if}
{if isset($js_files)}
{foreach from=$js_files item=js_uri}
<script type="text/javascript" src="{$js_uri}"></script>
{/foreach}
{/if}

 

but it does not seem to be calling all the css and jquery files.

 

Is this the source of the problem or is something else causing the mobile theme not to work after upgrading.

[Yngvi]

In case anyone else has a problem with the mobile theme not dispalying with styling after ugrading to Prestashop 1.5.4, here is the solution that worked for me.

 

I made an ugrade using the 1 click upgrade.

 

Then I downloaded the latest version of 1.5.4 to my desktop, and copied the folder 'mobile' inside the themes/default directory and replaced the mobile folder inside my theme on on my server..........and presto.........the mobile theme is now displaying with all the correct styling applied.

 

I hope this solution works for other people.

 

I assume that the 1 click upgarde does not upgrade your theme, so the mobile template inside your theme will need to be replaced manually.

[timothius]

i had to un-minify the jquery=1.2.0.min file to get any sense out of firebug

i'd love to get hold of original jquery for the mobile skin "with original comments"

[Trip]

In my case mobile theme is not working with styles when I enable CCC for Javascript. Is there an easy way to bypass the compression for the mobile theme but not the normal theme?

Thanks in advance, trip

[Trip]

Ok the solution is here http://www.prestashop.com/forums/topic/193129-ps-151-mobile-theme-becomes-weird/ .... still had to replace the mobile min js with the full version here http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.js

[Pronux]

same here: installed fresh 1.5.4.1 and when I "enable CCC for Javascript" it breaks the mobile theme. Is this a bug and if yes, has it already been reported?

[Generaal]

Hello PS folks,

Here The same prob, have to disabled CCC for JavaScript.

 

Best Regards,

Generaal

[tdr170]

Same issue here, in the latest SVN version jquery.mobile-1.1.1.min.js is included and still does not work with CCC enabled.

 

Here is the file that does work, I have renamed to .TXT download the file, rename to .JS and upload to ../themes/default/mobile/js.

 

 

 

[rakshitha]

I have same issue, please help me on this
http://canicasjaca.com/ (in mobile)