CEON URI and UltimateZenCart Mobile Template Photo compatibility?

[DivaVocals]

So... things.

Example image URL before refresh

<img src="http://beta.apogeerockets.com/Rocket_Kitsimages/thumbs/Cat_RocketSkill1.jpg" alt="Skill Level 1 Kits" title=" Skill Level 1 Kits " width="100" height="100">

<img src="http://beta.apogeerockets.com/Rocket_Kitsincludes/templates/apogee_mobile/images/logo-small.png" alt="Mobile Zen Cart" title=" Mobile Zen Cart " width="70" height="40">

Example image URL after refresh

<img src="images/thumbs/Cat_RocketSkill1.jpg" alt="Skill Level 1 Kits" title=" Skill Level 1 Kits " width="100" height="100">

<img src="includes/templates/apogee_mobile/images/logo-small.png" alt="Mobile Zen Cart" title=" Mobile Zen Cart " width="70" height="40">

By adding HTTP_SERVER. before all the DIR_WS_IMAGES calls in the mobile template files, I was able to fix the files in the images folder, but not ones that are located in the template folders. By adding a / before "images" in the definition for the DIR_WS_IMAGES i fix it for the generated images, but not ones that i add in to descriptions and it kills it on the standard site.

It's taken me a while to figure out that the disappearing images is illuminated by CEON URI turning on. I had mentioned to the template author that I was having this problem, and he seemed sure that I had a problem with another module and that was the cause. I will speak with him again with this new information and see if he has suggestions.

I promise you it's NOT Ceon URI.. The template is not grabbing the images the way other templates do, and that's the issue.. since NO ONE can see the code from your template, I'm afraid we'd all be guessing at a solution (which isn't particularly helpful IMHO).

[mc12345678]

I am in fact suggesting that the solution be posted here and a reference (link) to that solution should be shared in the Ceon URI thread.. (which is the usual way folks do this)

Which is what I thought would be expected, though not how I read the previous statement. In the end, trying to make sure I think the same goal, solution shared where appropriate.

[lhungil]

Maybe a silly question... But does your template correctly include the "base" element in the HTML "head"? And does this element always appear before any other resources (such as CSS and JavaScript)?

Also if you are using jQuery Mobile... Make sure you are using the latest version (see this bugfix)...

[apogeerockets]

I promise you it's NOT Ceon URI.. The template is not grabbing the images the way other templates do, and that's the issue.. since NO ONE can see the code from your template, I'm afraid we'd all be guessing at a solution (which isn't particularly helpful IMHO).

I know.... and since it's a purchased template, not sure posting the code is allowed. :/ But you can't use the template without the encrypted pages.... Maybe comparing the full calls between my standard template and my mobile template will provide insight.

[apogeerockets]

Also if you are using jQuery Mobile... Make sure you are using the latest version (see this bugfix)...

Dang, I was hoping the fix would be as easy as that.


Got a timely response from the author!

I won't be able to help you there. You may contact jsweb. I think they had a fix for it.

You are using two plugins that rewrite URLs. jQuery Mobile rewrites the URLs using Ajax. The only fix I know at least for the jQM portion is to disable Ajax. I don't remember if you may have that option from the admin.

If you disable Ajax, jQM will not rewrite the URLs but you will lose the transition effects.

[mc12345678]

So... things.

Example image URL before refresh

<img src="http://beta.apogeerockets.com/Rocket_Kitsimages/thumbs/Cat_RocketSkill1.jpg" alt="Skill Level 1 Kits" title=" Skill Level 1 Kits " width="100" height="100">

<img src="http://beta.apogeerockets.com/Rocket_Kitsincludes/templates/apogee_mobile/images/logo-small.png" alt="Mobile Zen Cart" title=" Mobile Zen Cart " width="70" height="40">

Example image URL after refresh

<img src="images/thumbs/Cat_RocketSkill1.jpg" alt="Skill Level 1 Kits" title=" Skill Level 1 Kits " width="100" height="100">

<img src="includes/templates/apogee_mobile/images/logo-small.png" alt="Mobile Zen Cart" title=" Mobile Zen Cart " width="70" height="40">

By adding HTTP_SERVER. before all the DIR_WS_IMAGES calls in the mobile template files, I was able to fix the files in the images folder, but not ones that are located in the template folders. By adding a / before "images" in the definition for the DIR_WS_IMAGES i fix it for the generated images, but not ones that i add in to descriptions and it kills it on the standard site.

It's taken me a while to figure out that the disappearing images is illuminated by CEON URI turning on. I had mentioned to the template author that I was having this problem, and he seemed sure that I had a problem with another module and that was the cause. I will speak with him again with this new information and see if he has suggestions.

Deleted as misunderstood presentation of data/info. Template is trying to push a full path instead of relative path, even though that too is incorrect.

[DivaVocals]

Dang, I was hoping the fix would be as easy as that.


Got a timely response from the author!

I won't be able to help you there. You may contact jsweb. I think they had a fix for it.

You are using two plugins that rewrite URLs. jQuery Mobile rewrites the URLs using Ajax. The only fix I know at least for the jQM portion is to disable Ajax. I don't remember if you may have that option from the admin.

If you disable Ajax, jQM will not rewrite the URLs but you will lose the transition effects.

So the issue IS the template which appears to have it's own re-writer built in.. This tells me that this template will probably also be problematic with ANY URL re-writer..

Now one option is that Ceon URI allows you to exclude certain modules from being re-written.. Not sure which file you need to exclude to allow the template's own URL re-writer to do it's thing.. OR the author needs to provide a means to disable it's build in re-writer..

Either way the issue isn't something the URL re-writer needs to correct.. IMHO the TEMPLATE includes conflicting functionality that should have been tested and taken into account by the author..

All that said, and no offense to jsWebs, but they have done NOTHING to support any of the free Ceon modules since taking over Ceon, and I don't expect their assistance here either.. (sorry.. I call things how I see 'em) I am sure that if you utilize their paid support, that they will assist you with a solution. and that is an option you can exercise.. clearly the template author can/will not be able to help either.. so if you want this communities help, you are going to have to share at LEAST the relevant parts of your template code or we will be guessing at things and you will be getting nowhere FAST.. It's open source code whether it's free or commercial and there's NOTHING in the GPL that says you cannot share the code for any reason especially for the purposes of troubleshooting..

[lhungil]

...You are using two plugins that rewrite URLs. jQuery Mobile rewrites the URLs using Ajax. The only fix I know at least for the jQM portion is to disable Ajax. I don't remember if you may have that option from the admin. ...

One should be able to code their JavaScript to correctly read / use the "base" element when "rewriting" URLs (links should be generated as relative to the "href" attribute of the "base" element when present instead of relative to the current URL).

Barring that, the template should include an option to "selectively" alter the URLs... Or not alter the URLs at all...

On another note, due to the restrictions on calling GPL2 code (such as all of the Zen Cart functions including zen_href_link)... A "commercial" module not released under a compatible license may not be able to fully integrate in Zen Cart (or call these functions)...

[apogeerockets]

Deactivating AJAX ($.mobile.ajaxEnabled=false;) has resolved the problem. Or, rather, eliminated the symptom.

For future reference:

To remove ajax from the theme do the following:

on your includes/templates/YOUR TEMPLATE _mobile/jquery/jquery_scripts.php

either remove or uncomment lines 23 and 25

23 <?php if (in_array($current_page_base,explode(",",'shopping_cart,checkout_payment')) ) { ?>

and

25 <?php } ?>

Doing so will expose line 24 $.mobile.ajaxEnabled=false; for all pages. That is the line that removes Ajax.

I'll still be poking around to see if i can figure out a not-disable-ajax-and-thus-the-animated-transitions solution and post ideas/code snippets/etc here as I go.

[DivaVocals]

Deactivating AJAX ($.mobile.ajaxEnabled=false;) has resolved the problem. Or, rather, eliminated the symptom.

For future reference:


I'll still be poking around to see if i can figure out a not-disable-ajax-and-thus-the-animated-transitions solution and post ideas/code snippets/etc here as I go.

Honestly IMHO, the author of the mobile template needs to test their code with the two popular re-writers and correct their code to eliminate conflicts with re-write modules accordingly..

or

you can opt for a responsive template instead which would eliminate these conflicts altogether..