Toggle back to mobile version

[lesliekirk]

I'm wanting to be able to add a link back to the mobile commerce version for those who might want to return to it after clicking the "Desktop" link:

<div id="ui-toggle">
    <span>Mobile</span><a href="&mvt:global:sessionurl;" rel="nofollow" onclick="createCookie('ui','desktop',1);">Desktop</a>
</div>
<!-- end #ui-toggle -->

Is it possible? Looks like the cookie that gets created would have to be cleared.

Leslie

[KNewbrough]

Re: Toggle back to mobile version

Hi Leslie,

This should do the trick:

<a href="[COLOR=#333333]&mvt:global:sessionurl;[/COLOR]" title="Switch to Mobile" rel="nofollow" onclick="eraseCookie('ui','desktop');">Switch to Mobile</a>

If you wanted that button to only be available on mobile devices viewing the desktop site (and not available for regular desktop computers), you can go to the store's HTML Profile element and find this block of code, and add another variable for that purpose (all code included here for reference, but you only need the labeled line below).

<mvt:if expr="( 'android' CIN s.http_user_agent OR         'iphone' CIN s.http_user_agent OR 
        'opera mini' CIN s.http_user_agent OR
        'opera mobile' CIN s.http_user_agent OR 
        'ipod' CIN s.http_user_agent OR 
        'webOS' CIN s.http_user_agent OR 
        'iemobile' CIN s.http_user_agent OR 
        'blackberry' CIN s.http_user_agent) AND NOT('tablet' CIN s.http_user_agent OR 
        'GT-P1000' CIN s.http_user_agent OR 
        'SCH-I800' CIN s.http_user_agent OR 
        'is_tablet' CIN s.http_user_agent OR 
        'is_tablet' CIN s.http_user_agent) ">
                
<mvt:item name="toolkit" param="sassign|mobile|TRUE" />
<mvt:item name="toolkit" param="sassign|mobileButton|truthy" /> <!-- This is the line you will add to the existing code -->
<mvt:item name="toolkit" param="vassign|mivaScreen|l.all_settings:page:code" />
</mvt:if>

Then put this on the bottom of the page:

<mvt:if expr="g.mobileButton">
  <a href="[COLOR=#333333]&mvt:global:sessionurl;[/COLOR]" title="Switch to Mobile" rel="nofollow" onclick="eraseCookie('ui','desktop');">Switch to Mobile</a>
</mvt:if>

[lesliekirk]

Re: Toggle back to mobile version

Hi Kyle,

Thanks. I added this to crohns.net, but the Mobile link is not showing up in the mobile version. Also I just noticed that I have to press the Desktop link twice to get to the Desktop version of the site. The Mobile link should show up at the very bottom of the page next to the Search link.

Leslie

[wcw]

Re: Toggle back to mobile version

You have bigger problems than that. Somebody has changed the links to the products (both in categories and search) so they are showing the store code input twice with a fatal error screen. Hence you cannot get to the product pages in mobile. Also, I did not see a switch back to mobile link in the desktop. I had no problem going from mobile to desktop but no way to get it back to mobile.

[lesliekirk]

Re: Toggle back to mobile version

You have bigger problems than that. Somebody has changed the links to the products (both in categories and search) so they are showing the store code input twice with a fatal error screen. Hence you cannot get to the product pages in mobile. Also, I did not see a switch back to mobile link in the desktop. I had no problem going from mobile to desktop but no way to get it back to mobile.

Not being able to get back to the mobile version is the reason I posted the link. I'll look at the other.

[lesliekirk]

Re: Toggle back to mobile version

You have bigger problems than that. Somebody has changed the links to the products (both in categories and search) so they are showing the store code input twice with a fatal error screen. Hence you cannot get to the product pages in mobile. Also, I did not see a switch back to mobile link in the desktop. I had no problem going from mobile to desktop but no way to get it back to mobile.

Not being able to get back to the mobile version is the reason I posted the link. I'll look at the other.

[lesliekirk]

Re: Toggle back to mobile version

You're right Bill - it looks like someone made changes to the .htaccess file that have now broken the product links. They use &mvte:product:link; so something in that .htaccess file has broken them. Looks like there is also a rewrite for the category links, but I may be able to fix those in the layout.

Arrrgghhhh...too many cooks in the kitchen.

[Bruce - PhosphorMedia]

Re: Toggle back to mobile version

They don't sound like cooks to me<g>

[wcw]

Re: Toggle back to mobile version

That domain seems like one I did the mobile tabs on. It was completely working when I completed my task quite some time ago. Look at the mobile content tab in the PLSTS page template and copy and paste the link to the product that is in there now.

[lesliekirk]

Re: Toggle back to mobile version

That domain seems like one I did the mobile tabs on. It was completely working when I completed my task quite some time ago. Look at the mobile content tab in the PLSTS page template and copy and paste the link to the product that is in there now.

It was and it's an .htaccess thing that is being worked out.

[Dan - Glendale Designs]

Re: Toggle back to mobile version

Arrrgghhhh...too many cooks in the kitchen.

Me being the other cook in the kitchen, think we might want to tone back that statement a little. I fully documented the issue to the client and was able to resolve immediately. Considering the extent of what has been done to this site in terms of redirects, numerous inconsistent url structures and the fact that we have been able to resolve anything that has popped up, I am a little disappointed in what was said here.

[lesliekirk]

Re: Toggle back to mobile version

Me being the other cook in the kitchen, think we might want to tone back that statement a little. I fully documented the issue to the client and was able to resolve immediately. Considering the extent of what has been done to this site in terms of redirects, numerous inconsistent url structures and the fact that we have been able to resolve anything that has popped up, I am a little disappointed in what was said here.

Many apologizes to you Dan. I was not made aware that anyone else was in the kitchen when I was trying to resolve the Desktop & Mobile buttons issue. The redirects was indeed an issue that I had recommended you to help with as it is your area of expertise. There has been an issue with more than just you and I working in this kitchen. And again, in that instance I was also not aware that someone had been until I was told it was "broken".

[lesliekirk]

Re: Toggle back to mobile version

Hi Leslie,

This should do the trick:

<a href="[COLOR=#333333]&mvt:global:sessionurl;[/COLOR]" title="Switch to Mobile" rel="nofollow" onclick="eraseCookie('ui','desktop');">Switch to Mobile</a>

If you wanted that button to only be available on mobile devices viewing the desktop site (and not available for regular desktop computers), you can go to the store's HTML Profile element and find this block of code, and add another variable for that purpose (all code included here for reference, but you only need the labeled line below).

<mvt:if expr="( 'android' CIN s.http_user_agent OR         'iphone' CIN s.http_user_agent OR 
        'opera mini' CIN s.http_user_agent OR
        'opera mobile' CIN s.http_user_agent OR 
        'ipod' CIN s.http_user_agent OR 
        'webOS' CIN s.http_user_agent OR 
        'iemobile' CIN s.http_user_agent OR 
        'blackberry' CIN s.http_user_agent) AND NOT('tablet' CIN s.http_user_agent OR 
        'GT-P1000' CIN s.http_user_agent OR 
        'SCH-I800' CIN s.http_user_agent OR 
        'is_tablet' CIN s.http_user_agent OR 
        'is_tablet' CIN s.http_user_agent) ">
                
<mvt:item name="toolkit" param="sassign|mobile|TRUE" />
<mvt:item name="toolkit" param="sassign|mobileButton|truthy" /> <!-- This is the line you will add to the existing code -->
<mvt:item name="toolkit" param="vassign|mivaScreen|l.all_settings:page:code" />
</mvt:if>

Then put this on the bottom of the page:

<mvt:if expr="g.mobileButton">
  <a href="[COLOR=#333333]&mvt:global:sessionurl;[/COLOR]" title="Switch to Mobile" rel="nofollow" onclick="eraseCookie('ui','desktop');">Switch to Mobile</a>
</mvt:if>

I've tried this both ways and neither seems to return the desktop version back to the mobile version on my iPhone using Safari and Chrome - it doesn't seem to want to behave for me.

Leslie

[wcw]

Re: Toggle back to mobile version

Is the head tag item on every page?

Is the javascript erasecookie function in the head tag/css tab for the store.

You might change the destination url for the erase from &mvt:global:sessionurl; to /SFNT.html or whatever the mobile's front page is.

[lesliekirk]

Re: Toggle back to mobile version

Is the javascript erasecookie function in the head tag/css tab for the store.

javascript erasecookie function? I just used the code that Kyle provided. If there is a function that is supposed to go along with it, that could be why it's not working for me.