Zen Cart Logo
Forums / Addon Templates / Winchester Responsive

Winchester Responsive

Views: 443,030

Results 81 to 100 of 953
12 May 2014, 5:43 PM
#81
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Winchester Responsive

You are the BEST.. Thanks for this..

rbarbour:

Try:

<?php if($detect->isMobile() && !$detect->isTablet() && $_SESSION['display_mode']=='isMobile' or $detect->isTablet() && $_SESSION['display_mode']=='isMobile' or $_SESSION['display_mode']=='isMobile'){ ?> <script type="text/javascript"><!-- $(document).ready(function() { $("#foo1").carouFredSel({ auto: false, align: "center", padding: [0, 25, 0, 20], width: "100%", height: "auto", items: { }, scroll: 1, prev : { button : "#foo1_prev", }, next : { button : "#foo1_next", } }); }); --></script> <?php } else { ?> <script type="text/javascript"><!-- $(document).ready(function() { $("#foo1").carouFredSel({ auto: false, align: "center", padding: [0, 25, 0, 20], width: "100%", height: "auto", items: { }, scroll: 4, prev : { button : "#foo1_prev", }, next : { button : "#foo1_next", } }); }); --></script> <?php } ?>
12 May 2014, 6:08 PM
#82
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Winchester Responsive

picaflor-azul:

We will have to consult rbarbour about this. The template does work on both landscape and portrait tablets. Maybe it is the way that you have your devices configured that is not allowing the user agent to be detected by the php mobile detect script? See this:

http://code.google.com/p/php-mobile-detect

and what does this say when you visit on your tablet:

http://demo.mobiledetect.net/

Thanks,

Anne

RixStix:

Android 8" and 10" Tablets detected as tablets.
Android 7" tablet detected as mobile.
Windows 8.1 Pro tablet is detected as desktop.
Windows 8.1 RT tablet detected as tablet.

The php-mobile-detect is open source, active and updated regularly (currently 4 new versions exist). Devices are added and updated in every new version, the code however cannot detect a device with a UA that is not expressed (device browsers mainly) do not express "mobile" or "tablet".

For this reason, the responsive_default.css still exists, to provide common breakpoints and a default layout where the php-mobile-detect code falls short.

RixStix:

Some issues are related to screenwidth, not tablet/desktop because they exist either on tablet or desktop with width resized to the 768 width step.

Any layout issues related to the above screen width should be added to the responsive_default.css file between the @media (min-width:768px) and (max-width:979px) curly brackets {}

RixStix:

Some issue related to the buttons mentioned earlier that have expected functionality but designed functionality is 'do nothing' and require a tap on the teeny arrows instead. Nothing you can do about the built-in feature that do not function as expected by other users.

Core zencart functionality works fine with a tap.
Responsive functionality requires tap and hold to function in some cases which causes confusion when some buttons are tap only functionality and some are tap and hold.

Tap and hold functionality, when used on Windows tablets, opens a typical 'right-click' window instead of expected action.

The tap and tap/hold issues I believe are 3rd party plugin/add-on related and I have not had a chance to view or play with. Will do so, so I can try to better help troubleshoot.

12 May 2014, 7:11 PM
#83
rixstix avatar

rixstix

Totally Zenned

Join Date:
Aug 2009
Location:
North Idaho, USA
Posts:
2,015
Plugin Contributions:
0

Re: Winchester Responsive

TNX rbarbour.

I am not a coder, just a technician that can implement changes when I have an example or similar.

I do not own any Apple devices and haven't looked at the screen resolution used by them.

I do own Samsung Android 8 &10 inch tablets. Both screen resolutions are identical 1280 x 800. Some responsive functionality is different between the two tablets but I haven't a clue what in the code would make them different unless it is the UA detection. I listed the various UA by different browsers within them in an earlier post.

I do own 2 Windows tablets but MSFT seems to have given them a mind of their own. I have no known 3rd party plugins installed for touch functionality; just out of the box IE11.

Not being able to make menu selections because the selections extend off the bottom of the screen is a major showstopper. I am assuming it is related to slimmenu. How do we freeze or delay the menu on MouseLeave instead of collapsing the menu. I'm assuming touch input coming off the screen is functionally equivalent to mouseleave.

Whatever I can do to help, please ask either here or PM. You and Anne have my utmost respect in being forthcoming and volunteering time and efforts to the community.

12 May 2014, 9:43 PM
#84
rixstix avatar

rixstix

Totally Zenned

Join Date:
Aug 2009
Location:
North Idaho, USA
Posts:
2,015
Plugin Contributions:
0

Re: Winchester Responsive

rbarbour:

The php-mobile-detect is open source, active and updated regularly (currently 4 new versions exist). Devices are added and updated in every new version, the code however cannot detect a device with a UA that is not expressed (device browsers mainly) do not express "mobile" or "tablet".

I checked the mobile-detect code and both of my Android tablets are listed so I assume the mobile detect code applies instead of the responsive_default.css code. OR the UA detection has functionality issues with Android UA strings.

In my quest to dig deeper....

Based upon 2nd hand information & tester, Apple touch responses to slimmenu (is that what it's called) are different than Android responses.

  • If the menu extends offscreen, Apple tablets can just swipe again to reveal the portion of the menu that extends off the screen. The menu does not collapse when touch input is lifted.
  • Android tablets collapses the menu when touch input is removed, making it impossible to select lower menu selections.

Many (dare I say most) Android & Windows tablets fall within "No Man's Land" screen sizes as far as responsive code is concerned.

12 May 2014, 10:50 PM
#85
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Winchester Responsive

RixStix:

I checked the mobile-detect code and both of my Android tablets are listed so I assume the mobile detect code applies instead of the responsive_default.css code. OR the UA detection has functionality issues with Android UA strings.

Lets try moving past assumption and find out, use the browsers "view page source" to see what responsive css file is being called.

RixStix:

In my quest to dig deeper....

Based upon 2nd hand information & tester, Apple touch responses to slimmenu (is that what it's called) are different than Android responses.

  • If the menu extends offscreen, Apple tablets can just swipe again to reveal the portion of the menu that extends off the screen. The menu does not collapse when touch input is lifted.
  • Android tablets collapses the menu when touch input is removed, making it impossible to select lower menu selections.

As stated earlier, slimmenu is a 3rd party plugin/addon I have not yet tested and it's touch abilities or not have not been tested by me and would have nothing to do with the responsive code. As time permits I will test and play with, then pass my findings along.

RixStix:

Many (dare I say most) Android & Windows tablets fall within "No Man's Land" screen sizes as far as responsive code is concerned.

You may, the default responsive code covers this so called "No Man's Land" screen sizes per my last post. Both the mobile and tablet responsive code cover all sizes for they return only 1 layout based on the orientation of the device.

12 May 2014, 11:43 PM
#86
rixstix avatar

rixstix

Totally Zenned

Join Date:
Aug 2009
Location:
North Idaho, USA
Posts:
2,015
Plugin Contributions:
0

Re: Winchester Responsive

rbarbour:

Lets try moving past assumption and find out, use the browsers "view page source" to see what responsive css file is being called.

Not quite so easy to do on an Android tablet but here it is

<link rel="stylesheet" type="text/css"  href="includes/templates/winchester_responsive/css/stylesheet.css"  />
<link rel="stylesheet" type="text/css"  href="includes/templates/winchester_responsive/css/stylesheet_flex.css"  />
<link rel="stylesheet" type="text/css"  href="includes/templates/winchester_responsive/css/stylesheet_responsive_tabs.css"  />
<link rel="stylesheet" type="text/css"  href="includes/templates/winchester_responsive/css/index_home.css"  />
<script src="[URL]https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js[/URL]"   type="text/javascript"></script>
<link rel="stylesheet" type="text/css"  href="includes/templates/winchester_responsive/css/responsive.css" />
<link  rel="stylesheet" type="text/css"  href="includes/templates/winchester_responsive/css/responsive_default.css" />  
<script  src="includes/templates/winchester_responsive/jscript/css_browser_selector.js"  type="text/javascript"></script> 
<link href="//[URL="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"]netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css[/URL]"  rel="stylesheet" />

UA string using http://demo.mobiledetect.net/

Mobile_Detect v. 2.8.0
The lightweight PHP class for detecting mobile devices.
This is a tablet. Your UA is Mozilla/5.0 (Linux; Android 4.2.2; SM-T310 Build/JDQ39) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.114 Safari/537.36

mobile_detect.php
line 179 ..... SM-T310

Doesn't appear that mobile_detect.php is seeing SM-T310 in the UA string

As stated earlier, slimmenu is a 3rd party plugin/addon I have not yet tested and it's touch abilities or not have not been tested by me and would have nothing to do with the responsive code. As time permits I will test and play with, then pass my findings along.

Sorry, I thought that comment was regarding Windows tablets 3rd party plugin, not slimmenu. I never said that it had anything to do with the responsive code, but it does have something to do with the template functionality regarding the user being able to select a product category which happens to be off-screen on Android and Windows tablets.

13 May 2014, 1:41 AM
#87
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Winchester Responsive

RixStix:

Not quite so easy to do on an Android tablet but here it is

<link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/stylesheet.css" /> <link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/stylesheet_flex.css" /> <link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/stylesheet_responsive_tabs.css" /> <link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/index_home.css" /> <script src="[URL]https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js[/URL]" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/responsive.css" /> <link rel="stylesheet" type="text/css" href="includes/templates/winchester_responsive/css/responsive_default.css" /> <script src="includes/templates/winchester_responsive/jscript/css_browser_selector.js" type="text/javascript"></script> <link href="//[URL="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"]netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css[/URL]" rel="stylesheet" /> ``` > > UA string using <http://demo.mobiledetect.net/>
Mobile_Detect v. 2.8.0 > The lightweight PHP class for detecting mobile devices. > This is a tablet. Your UA is Mozilla/5.0 (Linux; Android 4.2.2; SM-T310 Build/JDQ39) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.114 Safari/537.36 >
> > mobile_detect.php > line 179 ..... SM-T310 > > Doesn't appear that mobile_detect.php is seeing SM-T310 in the UA string

OK, so mobile detect is detecting the tablet as a tablet, this is good and working correctly. SM-T310 shouldn't matter because your test returns This is a tablet.

The problem, looking at the files listed from the "view page source" above, is that the responsive_default.css file is being called and not the responsive_tablet.css file.

Have you made any changes to the html_header.php file

13 May 2014, 3:37 AM
#88
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Winchester Responsive

Tried this, and it doesn't seem to be working.. mobile devices still scroll 4 ahead..

rbarbour:

Try:

<?php if($detect->isMobile() && !$detect->isTablet() && $_SESSION['display_mode']=='isMobile' or $detect->isTablet() && $_SESSION['display_mode']=='isMobile' or $_SESSION['display_mode']=='isMobile'){ ?> <script type="text/javascript"><!-- $(document).ready(function() { $("#foo1").carouFredSel({ auto: false, align: "center", padding: [0, 25, 0, 20], width: "100%", height: "auto", items: { }, scroll: 1, prev : { button : "#foo1_prev", }, next : { button : "#foo1_next", } }); }); --></script> <?php } else { ?> <script type="text/javascript"><!-- $(document).ready(function() { $("#foo1").carouFredSel({ auto: false, align: "center", padding: [0, 25, 0, 20], width: "100%", height: "auto", items: { }, scroll: 4, prev : { button : "#foo1_prev", }, next : { button : "#foo1_next", } }); }); --></script> <?php } ?>

> **DivaVocals:**
>
> You are the BEST.. Thanks for this..
13 May 2014, 1:36 PM
#89
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Winchester Responsive

DivaVocals:

Tried this, and it doesn't seem to be working.. mobile devices still scroll 4 ahead..

Crystal,

Will you do the same, check the browsers "view page source" to see what responsive css file is being called.

For some reason I don't think the mobile detect code is functioning and I can't reproduce, but I am getting the same results as you and Rick on the DEMO using the FF UA Switcher.

13 May 2014, 1:37 PM
#90
rixstix avatar

rixstix

Totally Zenned

Join Date:
Aug 2009
Location:
North Idaho, USA
Posts:
2,015
Plugin Contributions:
0

Re: Winchester Responsive

rbarbour:

OK, so mobile detect is detecting the tablet as a tablet, this is good and working correctly. SM-T310 shouldn't matter because your test returns This is a tablet.

The problem, looking at the files listed from the "view page source" above, is that the responsive_default.css file is being called and not the responsive_tablet.css file.

Have you made any changes to the html_header.php file

I have not modified the html_header.php file version which is included with the template.

This is a zencart v1.5.1 install plus this template and ckeditor installed. I wanted to get the template ironed out before adding any extras.

For testing, I have,

8" Galaxy Tab 3 (4 different browsers)
10" Galaxy Tab 3 (4 different browsers)
7" Generic Tab (3 browers)
Windows SurfaceRT tablet (IE11 only)
Windows 8.1 Pro tablet (3 browsers)

13 May 2014, 2:12 PM
#91
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Winchester Responsive

RixStix:

I have not modified the html_header.php file version which is included with the template.

This is a zencart v1.5.1 install plus this template and ckeditor installed. I wanted to get the template ironed out before adding any extras.

For testing, I have,

8" Galaxy Tab 3 (4 different browsers)
10" Galaxy Tab 3 (4 different browsers)
7" Generic Tab (3 browers)
Windows SurfaceRT tablet (IE11 only)
Windows 8.1 Pro tablet (3 browsers)

Can you do me a favor and look at the responsive template default here:

http://www.zenlyzen.com/responsive-zen-cart-templates/index.php?main_page=index&template_switch_id=responsive_template_default

and post the same info that you posted for the Winchester Responsive template?

Thanks,

Anne

13 May 2014, 2:26 PM
#92
rixstix avatar

rixstix

Totally Zenned

Join Date:
Aug 2009
Location:
North Idaho, USA
Posts:
2,015
Plugin Contributions:
0

Re: Winchester Responsive

picaflor-azul:

Can you do me a favor and look at the responsive template default here:

http://www.zenlyzen.com/responsive-zen-cart-templates/index.php?main_page=index&template_switch_id=responsive_template_default

and post the same info that you posted for the Winchester Responsive template?

Same tablet 8" Galaxy Tab 3. Same browser (Chrome:Android)

<base href="http://www.zenlyzen.com/responsive-zen-cart-templates/"  /> 
<link rel="canonical" href="http://www.zenlyzen.com/responsive-zen-cart-templates/"  /> 

<link rel="stylesheet" type="text/css"  href="includes/templates/responsive_template_default/css/stylesheet.css"  />
<script type="text/javascript">
<!--
/*
  SlidesJS  3.0.4 http://slidesjs.com
  (c) 2013 by  Nathan Searles http://nathansearles.com
  Updated: June  26th, 2013
  Apache License: http://www.apache.org/licenses/LICENSE-2.0
*/
    (function(){(function(e,t,n){var  r,i,s;s="slidesjs";i={width:940,height:528,start:1,navigation:{active:!0,effect:"slide"},pagination:{active:!0,effect:"slide"},play:{active:!1,effect:"slide",interval:5e3,auto:!1,swap:!0,pauseOnHover:!1,restartDelay:2500},effect:{slide:{speed:500},fade:{speed:300,crossfade:!0}},callback:{loaded:function(){},start:function(){},complete:function(){}}};r=function(){function  t(t,n){this.element=t;this.options=e.extend(!0,{},i,n);this._defaults=i;this._name=s;this.init()}return  t}();r.prototype.init=function(){var  n,r,i,s,o,u,a=this;n=e(this.element);this.data=e.data(this);e.data(this,"animating",!1);e.data(this,"total",n.children().not(".slidesjs-navigation",n).length);e.data(this,"current",this.options.start-1);e.data(this,"vendorPrefix",this._getVendorPrefix());if(typeof  TouchEvent!="undefined"){e.data(this,"touch",!0);this.options.effect.slide.speed=this.options.effect.slide.speed/2}n.css({overflow:"hidden"});n.slidesContainer=n.children().not(".slidesjs-navigation",n).wrapAll("<div  class='slidesjs-container'>",n).parent().css({overflow:"hidden",position:"relative"});e(".slidesjs-container",n).wrapInner("<div  class='slidesjs-control'>",n).children();e(".slidesjs-control",n).css({position:"relative",left:0});e(".slidesjs-control",n).children().addClass("slidesjs-slide").css({position:"absolute",top:0,left:0,width:"100%",zIndex:0,display:"none",webkitBackfaceVisibility:"hidden"});e.each(e(".slidesjs-control",n).children(),function(t){var  n;n=e(this);return  n.attr("slidesjs-index",t)});if(this.data.touch){e(".slidesjs-control",n).on("touchstart",function(e){return  a._touchstart(e)});e(".slidesjs-control",n).on("touchmove",function(e){return  a._touchmove(e)});e(".slidesjs-control",n).on("touchend",function(e){return  a._touchend(e)})}n.fadeIn(0);this.update();this.data.touch&&this._setuptouch();e(".slidesjs-control",n).children(":eq("+this.data.current+")").eq(0).fadeIn(0,function(){return  e(this).css({zIndex:10})});if(this.options.navigation.active){o=e("<a>",{"class":"slidesjs-previous  slidesjs-navigation",href:"#",title:"Previous",text:"Previous"}).appendTo(n);r=e("<a>",{"class":"slidesjs-next  slidesjs-navigation",href:"#",title:"Next",text:"Next"}).appendTo(n)}e(".slidesjs-next",n).click(function(e){e.preventDefault();a.stop(!0);return  a.next(a.options.navigation.effect)});e(".slidesjs-previous",n).click(function(e){e.preventDefault();a.stop(!0);return  a.previous(a.options.navigation.effect)});if(this.options.play.active){s=e("<a>",{"class":"slidesjs-play  slidesjs-navigation",href:"#",title:"Play",text:"Play"}).appendTo(n);u=e("<a>",{"class":"slidesjs-stop  slidesjs-navigation",href:"#",title:"Stop",text:"Stop"}).appendTo(n);s.click(function(e){e.preventDefault();return  a.play(!0)});u.click(function(e){e.preventDefault();return  a.stop(!0)});this.options.play.swap&&u.css({display:"none"})}if(this.options.pagination.active){i=e("<ul>",{"class":"slidesjs-pagination"}).appendTo(n);e.each(new  Array(this.data.total),function(t){var  n,r;n=e("<li>",{"class":"slidesjs-pagination-item"}).appendTo(i);r=e("<a>",{href:"#","data-slidesjs-item":t,html:t+1}).appendTo(n);return  r.click(function(t){t.preventDefault();a.stop(!0);return  a.goto(e(t.currentTarget).attr("data-slidesjs-item")*1+1)})})}e(t).bind("resize",function(){return  a.update()});this._setActive();this.options.play.auto&&this.play();return  this.options.callback.loaded(this.options.start)};r.prototype._setActive=function(t){var  n,r;n=e(this.element);this.data=e.data(this);r=t>-1?t:this.data.current;e(".active",n).removeClass("active");return  e(".slidesjs-pagination li:eq("+r+")  a",n).addClass("active")};r.prototype.update=function(){var  t,n,r;t=e(this.element);this.data=e.data(this);e(".slidesjs-control",t).children(":not(:eq("+this.data.current+"))").css({display:"none",left:0,zIndex:0});r=t.width();n=this.options.height/this.options.width*r;this.options.width=r;this.options.height=n;return  e(".slidesjs-control,  .slidesjs-container",t).css({width:r,height:n})};r.prototype.next=function(t){var  n;n=e(this.element);this.data=e.data(this);e.data(this,"direction","next");t===void  0&&(t=this.options.navigation.effect);return  t==="fade"?this._fade():this._slide()};r.prototype.previous=function(t){var  n;n=e(this.element);this.data=e.data(this);e.data(this,"direction","previous");t===void  0&&(t=this.options.navigation.effect);return  t==="fade"?this._fade():this._slide()};r.prototype.goto=function(t){var  n,r;n=e(this.element);this.data=e.data(this);r===void  0&&(r=this.options.pagination.effect);t>this.data.total?t=this.data.total:t<1&&(t=1);if(typeof  t=="number")return r==="fade"?this._fade(t):this._slide(t);if(typeof  t=="string"){if(t==="first")return  r==="fade"?this._fade(0):this._slide(0);if(t==="last")return  r==="fade"?this._fade(this.data.total):this._slide(this.data.total)}};r.prototype._setuptouch=function(){var  t,n,r,i;t=e(this.element);this.data=e.data(this);i=e(".slidesjs-control",t);n=this.data.current+1;r=this.data.current-1;r<0&&(r=this.data.total-1);n>this.data.total-1&&(n=0);i.children(":eq("+n+")").css({display:"block",left:this.options.width});return  i.children(":eq("+r+")").css({display:"block",left:-this.options.width})};r.prototype._touchstart=function(t){var  n,r;n=e(this.element);this.data=e.data(this);r=t.originalEvent.touches[0];this._setuptouch();e.data(this,"touchtimer",Number(new  Date));e.data(this,"touchstartx",r.pageX);e.data(this,"touchstarty",r.pageY);return  t.stopPropagation()};r.prototype._touchend=function(t){var  n,r,i,s,o,u,a,f=this;n=e(this.element);this.data=e.data(this);u=t.originalEvent.touches[0];s=e(".slidesjs-control",n);if(s.position().left>this.options.width*.5||s.position().left>this.options.width*.1&&Number(new  Date)-this.data.touchtimer<250){e.data(this,"direction","previous");this._slide()}else  if(s.position().left<-(this.options.width*.5)||s.position().left<-(this.options.width*.1)&&Number(new  Date)-this.data.touchtimer<250){e.data(this,"direction","next");this._slide()}else{i=this.data.vendorPrefix;a=i+"Transform";r=i+"TransitionDuration";o=i+"TransitionTimingFunction";s[0].style[a]="translateX(0px)";s[0].style[r]=this.options.effect.slide.speed*.85+"ms"}s.on("transitionend  webkitTransitionEnd oTransitionEnd otransitionend  MSTransitionEnd",function(){i=f.data.vendorPrefix;a=i+"Transform";r=i+"TransitionDuration";o=i+"TransitionTimingFunction";s[0].style[a]="";s[0].style[r]="";return  s[0].style[o]=""});return  t.stopPropagation()};r.prototype._touchmove=function(t){var  n,r,i,s,o;n=e(this.element);this.data=e.data(this);s=t.originalEvent.touches[0];r=this.data.vendorPrefix;i=e(".slidesjs-control",n);o=r+"Transform";e.data(this,"scrolling",Math.abs(s.pageX-this.data.touchstartx)<Math.abs(s.pageY-this.data.touchstarty));if(!this.data.animating&&!this.data.scrolling){t.preventDefault();this._setuptouch();i[0].style[o]="translateX("+(s.pageX-this.data.touchstartx)+"px)"}return  t.stopPropagation()};r.prototype.play=function(t){var  n,r,i,s=this;n=e(this.element);this.data=e.data(this);if(!this.data.playInterval){if(t){r=this.data.current;this.data.direction="next";this.options.play.effect==="fade"?this._fade():this._slide()}e.data(this,"playInterval",setInterval(function(){r=s.data.current;s.data.direction="next";return  s.options.play.effect==="fade"?s._fade():s._slide()},this.options.play.interval));i=e(".slidesjs-container",n);if(this.options.play.pauseOnHover){i.unbind();i.bind("mouseenter",function(){return  s.stop()});i.bind("mouseleave",function(){return  s.options.play.restartDelay?e.data(s,"restartDelay",setTimeout(function(){return  s.play(!0)},s.options.play.restartDelay)):s.play()})}e.data(this,"playing",!0);e(".slidesjs-play",n).addClass("slidesjs-playing");if(this.options.play.swap){e(".slidesjs-play",n).hide();return  e(".slidesjs-stop",n).show()}}};r.prototype.stop=function(t){var  n;n=e(this.element);this.data=e.data(this);clearInterval(this.data.playInterval);this.options.play.pauseOnHover&&t&&e(".slidesjs-container",n).unbind();e.data(this,"playInterval",null);e.data(this,"playing",!1);e(".slidesjs-play",n).removeClass("slidesjs-playing");if(this.options.play.swap){e(".slidesjs-stop",n).hide();return  e(".slidesjs-play",n).show()}};r.prototype._slide=function(t){var  n,r,i,s,o,u,a,f,l,c,h=this;n=e(this.element);this.data=e.data(this);if(!this.data.animating&&t!==this.data.current+1){e.data(this,"animating",!0);r=this.data.current;if(t>-1){t-=1;c=t>r?1:-1;i=t>r?-this.options.width:this.options.width;o=t}else{c=this.data.direction==="next"?1:-1;i=this.data.direction==="next"?-this.options.width:this.options.width;o=r+c}o===-1&&(o=this.data.total-1);o===this.data.total&&(o=0);this._setActive(o);a=e(".slidesjs-control",n);t>-1&&a.children(":not(:eq("+r+"))").css({display:"none",left:0,zIndex:0});a.children(":eq("+o+")").css({display:"block",left:c*this.options.width,zIndex:10});this.options.callback.start(r+1);if(this.data.vendorPrefix){u=this.data.vendorPrefix;l=u+"Transform";s=u+"TransitionDuration";f=u+"TransitionTimingFunction";a[0].style[l]="translateX("+i+"px)";a[0].style[s]=this.options.effect.slide.speed+"ms";return  a.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend  MSTransitionEnd",function(){a[0].style[l]="";a[0].style[s]="";a.children(":eq("+o+")").css({left:0});a.children(":eq("+r+")").css({display:"none",left:0,zIndex:0});e.data(h,"current",o);e.data(h,"animating",!1);a.unbind("transitionend  webkitTransitionEnd oTransitionEnd otransitionend  MSTransitionEnd");a.children(":not(:eq("+o+"))").css({display:"none",left:0,zIndex:0});h.data.touch&&h._setuptouch();return  h.options.callback.complete(o+1)})}return  a.stop().animate({left:i},this.options.effect.slide.speed,function(){a.css({left:0});a.children(":eq("+o+")").css({left:0});return  a.children(":eq("+r+")").css({display:"none",left:0,zIndex:0},e.data(h,"current",o),e.data(h,"animating",!1),h.options.callback.complete(o+1))})}};r.prototype._fade=function(t){var  n,r,i,s,o,u=this;n=e(this.element);this.data=e.data(this);if(!this.data.animating&&t!==this.data.current+1){e.data(this,"animating",!0);r=this.data.current;if(t){t-=1;o=t>r?1:-1;i=t}else{o=this.data.direction==="next"?1:-1;i=r+o}i===-1&&(i=this.data.total-1);i===this.data.total&&(i=0);this._setActive(i);s=e(".slidesjs-control",n);s.children(":eq("+i+")").css({display:"none",left:0,zIndex:10});this.options.callback.start(r+1);if(this.options.effect.fade.crossfade){s.children(":eq("+this.data.current+")").stop().fadeOut(this.options.effect.fade.speed);return  s.children(":eq("+i+")").stop().fadeIn(this.options.effect.fade.speed,function(){s.children(":eq("+i+")").css({zIndex:0});e.data(u,"animating",!1);e.data(u,"current",i);return  u.options.callback.complete(i+1)})}return  s.children(":eq("+r+")").stop().fadeOut(this.options.effect.fade.speed,function(){s.children(":eq("+i+")").stop().fadeIn(u.options.effect.fade.speed,function(){return  s.children(":eq("+i+")").css({zIndex:10})});e.data(u,"animating",!1);e.data(u,"current",i);return  u.options.callback.complete(i+1)})}};r.prototype._getVendorPrefix=function(){var  e,t,r,i,s;e=n.body||n.documentElement;r=e.style;i="transition";s=["Moz","Webkit","Khtml","O","ms"];i=i.charAt(0).toUpperCase()+i.substr(1);t=0;while(t<s.length){if(typeof  r[s[t]+i]=="string")return s[t];t++}return!1};return e.fn[s]=function(t){return  this.each(function(){if(!e.data(this,"plugin_"+s))return  e.data(this,"plugin_"+s,new  r(this,t))})}})(jQuery,window,document)}).call(this);
-->
</script>
<link  rel="stylesheet" type="text/css"  href="includes/templates/responsive_template_default/css/responsive.css"  /><link rel="stylesheet" type="text/css"  href="includes/templates/responsive_template_default/css/responsive_default.css"  /> 
</head>
13 May 2014, 2:36 PM
#93
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Winchester Responsive

rbarbour:

Crystal,

Will you do the same, check the browsers "view page source" to see what responsive css file is being called.

For some reason I don't think the mobile detect code is functioning and I can't reproduce, but I am getting the same results as you and Rick on the DEMO using the FF UA Switcher.

As Rick has indicated.. checking the page source from the mobile browsers isn't easy.. I have an HTML source viewer app on my phone and tablet (Both Android devices), but I am not confident that it is reporting results from the mobile browsers POV.. Let me finish getting ready for work, and I'll post the results from my smartphone when I get to work..

13 May 2014, 2:38 PM
#94
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Winchester Responsive

On another note, this template came RIGHT ON TIME for a project that dropped into my lap last week.. I'll be replacing the very popular ########## Responsive template on with this template for a client..

Too many things about the ########## template that the client doesn't like, and many more that I DESPISE!!! Told the client that I could have the conversion done in a few days.. Showed him this template and walked him through my conversion plan.. Client wasn't convinced that this was "doable", but trusted my judgement.. He just saw my first draft of the conversion using this template as the foundation, and now he is a believer!! :laugh:

Thanks to Anne and Raymond.. Ya'll rock..

13 May 2014, 2:40 PM
#95
rixstix avatar

rixstix

Totally Zenned

Join Date:
Aug 2009
Location:
North Idaho, USA
Posts:
2,015
Plugin Contributions:
0

Re: Winchester Responsive

FWIW: 7" Generic Android tablet (not a phone device) Chrome browser.

This is a phone. Your UA is Mozilla/5.0 (Linux; Android 4.2.2; DX752 Build/JDQ39) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.114 Mobile Safari/537.36

Same code as the 8" detected as tablet.

RixStix:

<base href="http://www.zenlyzen.com/responsive-zen-cart-templates/" /> <link rel="canonical" href="http://www.zenlyzen.com/responsive-zen-cart-templates/" /> <link rel="stylesheet" type="text/css" href="includes/templates/responsive_template_default/css/stylesheet.css" /> <script type="text/javascript"> <!-- /* SlidesJS 3.0.4 http://slidesjs.com (c) 2013 by Nathan Searles http://nathansearles.com Updated: June 26th, 2013 Apache License: http://www.apache.org/licenses/LICENSE-2.0 */ (function(){(function(e,t,n){var r,i,s;s="slidesjs";i={width:940,height:528,start:1,navigation:{active:!0,effect:"slide"},pagination:{active:!0,effect:"slide"},play:{active:!1,effect:"slide",interval:5e3,auto:!1,swap:!0,pauseOnHover:!1,restartDelay:2500},effect:{slide:{speed:500},fade:{speed:300,crossfade:!0}},callback:{loaded:function(){},start:function(){},complete:function(){}}};r=function(){function t(t,n){this.element=t;this.options=e.extend(!0,{},i,n);this._defaults=i;this._name=s;this.init()}return t}();r.prototype.init=function(){var n,r,i,s,o,u,a=this;n=e(this.element);this.data=e.data(this);e.data(this,"animating",!1);e.data(this,"total",n.children().not(".slidesjs-navigation",n).length);e.data(this,"current",this.options.start-1);e.data(this,"vendorPrefix",this._getVendorPrefix());if(typeof TouchEvent!="undefined"){e.data(this,"touch",!0);this.options.effect.slide.speed=this.options.effect.slide.speed/2}n.css({overflow:"hidden"});n.slidesContainer=n.children().not(".slidesjs-navigation",n).wrapAll("<div class='slidesjs-container'>",n).parent().css({overflow:"hidden",position:"relative"});e(".slidesjs-container",n).wrapInner("<div class='slidesjs-control'>",n).children();e(".slidesjs-control",n).css({position:"relative",left:0});e(".slidesjs-control",n).children().addClass("slidesjs-slide").css({position:"absolute",top:0,left:0,width:"100%",zIndex:0,display:"none",webkitBackfaceVisibility:"hidden"});e.each(e(".slidesjs-control",n).children(),function(t){var n;n=e(this);return n.attr("slidesjs-index",t)});if(this.data.touch){e(".slidesjs-control",n).on("touchstart",function(e){return a._touchstart(e)});e(".slidesjs-control",n).on("touchmove",function(e){return a._touchmove(e)});e(".slidesjs-control",n).on("touchend",function(e){return a._touchend(e)})}n.fadeIn(0);this.update();this.data.touch&&this._setuptouch();e(".slidesjs-control",n).children(":eq("+this.data.current+")").eq(0).fadeIn(0,function(){return e(this).css({zIndex:10})});if(this.options.navigation.active){o=e("<a>",{"class":"slidesjs-previous slidesjs-navigation",href:"#",title:"Previous",text:"Previous"}).appendTo(n);r=e("<a>",{"class":"slidesjs-next slidesjs-navigation",href:"#",title:"Next",text:"Next"}).appendTo(n)}e(".slidesjs-next",n).click(function(e){e.preventDefault();a.stop(!0);return a.next(a.options.navigation.effect)});e(".slidesjs-previous",n).click(function(e){e.preventDefault();a.stop(!0);return a.previous(a.options.navigation.effect)});if(this.options.play.active){s=e("<a>",{"class":"slidesjs-play slidesjs-navigation",href:"#",title:"Play",text:"Play"}).appendTo(n);u=e("<a>",{"class":"slidesjs-stop slidesjs-navigation",href:"#",title:"Stop",text:"Stop"}).appendTo(n);s.click(function(e){e.preventDefault();return a.play(!0)});u.click(function(e){e.preventDefault();return a.stop(!0)});this.options.play.swap&&u.css({display:"none"})}if(this.options.pagination.active){i=e("<ul>",{"class":"slidesjs-pagination"}).appendTo(n);e.each(new Array(this.data.total),function(t){var n,r;n=e("<li>",{"class":"slidesjs-pagination-item"}).appendTo(i);r=e("<a>",{href:"#","data-slidesjs-item":t,html:t+1}).appendTo(n);return r.click(function(t){t.preventDefault();a.stop(!0);return a.goto(e(t.currentTarget).attr("data-slidesjs-item")*1+1)})})}e(t).bind("resize",function(){return a.update()});this._setActive();this.options.play.auto&&this.play();return this.options.callback.loaded(this.options.start)};r.prototype._setActive=function(t){var n,r;n=e(this.element);this.data=e.data(this);r=t>-1?t:this.data.current;e(".active",n).removeClass("active");return e(".slidesjs-pagination li:eq("+r+") a",n).addClass("active")};r.prototype.update=function(){var t,n,r;t=e(this.element);this.data=e.data(this);e(".slidesjs-control",t).children(":not(:eq("+this.data.current+"))").css({display:"none",left:0,zIndex:0});r=t.width();n=this.options.height/this.options.width*r;this.options.width=r;this.options.height=n;return e(".slidesjs-control, .slidesjs-container",t).css({width:r,height:n})};r.prototype.next=function(t){var n;n=e(this.element);this.data=e.data(this);e.data(this,"direction","next");t===void 0&&(t=this.options.navigation.effect);return t==="fade"?this._fade():this._slide()};r.prototype.previous=function(t){var n;n=e(this.element);this.data=e.data(this);e.data(this,"direction","previous");t===void 0&&(t=this.options.navigation.effect);return t==="fade"?this._fade():this._slide()};r.prototype.goto=function(t){var n,r;n=e(this.element);this.data=e.data(this);r===void 0&&(r=this.options.pagination.effect);t>this.data.total?t=this.data.total:t<1&&(t=1);if(typeof t=="number")return r==="fade"?this._fade(t):this._slide(t);if(typeof t=="string"){if(t==="first")return r==="fade"?this._fade(0):this._slide(0);if(t==="last")return r==="fade"?this._fade(this.data.total):this._slide(this.data.total)}};r.prototype._setuptouch=function(){var t,n,r,i;t=e(this.element);this.data=e.data(this);i=e(".slidesjs-control",t);n=this.data.current+1;r=this.data.current-1;r<0&&(r=this.data.total-1);n>this.data.total-1&&(n=0);i.children(":eq("+n+")").css({display:"block",left:this.options.width});return i.children(":eq("+r+")").css({display:"block",left:-this.options.width})};r.prototype._touchstart=function(t){var n,r;n=e(this.element);this.data=e.data(this);r=t.originalEvent.touches[0];this._setuptouch();e.data(this,"touchtimer",Number(new Date));e.data(this,"touchstartx",r.pageX);e.data(this,"touchstarty",r.pageY);return t.stopPropagation()};r.prototype._touchend=function(t){var n,r,i,s,o,u,a,f=this;n=e(this.element);this.data=e.data(this);u=t.originalEvent.touches[0];s=e(".slidesjs-control",n);if(s.position().left>this.options.width*.5||s.position().left>this.options.width*.1&&Number(new Date)-this.data.touchtimer<250){e.data(this,"direction","previous");this._slide()}else if(s.position().left<-(this.options.width*.5)||s.position().left<-(this.options.width*.1)&&Number(new Date)-this.data.touchtimer<250){e.data(this,"direction","next");this._slide()}else{i=this.data.vendorPrefix;a=i+"Transform";r=i+"TransitionDuration";o=i+"TransitionTimingFunction";s[0].style[a]="translateX(0px)";s[0].style[r]=this.options.effect.slide.speed*.85+"ms"}s.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",function(){i=f.data.vendorPrefix;a=i+"Transform";r=i+"TransitionDuration";o=i+"TransitionTimingFunction";s[0].style[a]="";s[0].style[r]="";return s[0].style[o]=""});return t.stopPropagation()};r.prototype._touchmove=function(t){var n,r,i,s,o;n=e(this.element);this.data=e.data(this);s=t.originalEvent.touches[0];r=this.data.vendorPrefix;i=e(".slidesjs-control",n);o=r+"Transform";e.data(this,"scrolling",Math.abs(s.pageX-this.data.touchstartx)<Math.abs(s.pageY-this.data.touchstarty));if(!this.data.animating&&!this.data.scrolling){t.preventDefault();this._setuptouch();i[0].style[o]="translateX("+(s.pageX-this.data.touchstartx)+"px)"}return t.stopPropagation()};r.prototype.play=function(t){var n,r,i,s=this;n=e(this.element);this.data=e.data(this);if(!this.data.playInterval){if(t){r=this.data.current;this.data.direction="next";this.options.play.effect==="fade"?this._fade():this._slide()}e.data(this,"playInterval",setInterval(function(){r=s.data.current;s.data.direction="next";return s.options.play.effect==="fade"?s._fade():s._slide()},this.options.play.interval));i=e(".slidesjs-container",n);if(this.options.play.pauseOnHover){i.unbind();i.bind("mouseenter",function(){return s.stop()});i.bind("mouseleave",function(){return s.options.play.restartDelay?e.data(s,"restartDelay",setTimeout(function(){return s.play(!0)},s.options.play.restartDelay)):s.play()})}e.data(this,"playing",!0);e(".slidesjs-play",n).addClass("slidesjs-playing");if(this.options.play.swap){e(".slidesjs-play",n).hide();return e(".slidesjs-stop",n).show()}}};r.prototype.stop=function(t){var n;n=e(this.element);this.data=e.data(this);clearInterval(this.data.playInterval);this.options.play.pauseOnHover&&t&&e(".slidesjs-container",n).unbind();e.data(this,"playInterval",null);e.data(this,"playing",!1);e(".slidesjs-play",n).removeClass("slidesjs-playing");if(this.options.play.swap){e(".slidesjs-stop",n).hide();return e(".slidesjs-play",n).show()}};r.prototype._slide=function(t){var n,r,i,s,o,u,a,f,l,c,h=this;n=e(this.element);this.data=e.data(this);if(!this.data.animating&&t!==this.data.current+1){e.data(this,"animating",!0);r=this.data.current;if(t>-1){t-=1;c=t>r?1:-1;i=t>r?-this.options.width:this.options.width;o=t}else{c=this.data.direction==="next"?1:-1;i=this.data.direction==="next"?-this.options.width:this.options.width;o=r+c}o===-1&&(o=this.data.total-1);o===this.data.total&&(o=0);this._setActive(o);a=e(".slidesjs-control",n);t>-1&&a.children(":not(:eq("+r+"))").css({display:"none",left:0,zIndex:0});a.children(":eq("+o+")").css({display:"block",left:c*this.options.width,zIndex:10});this.options.callback.start(r+1);if(this.data.vendorPrefix){u=this.data.vendorPrefix;l=u+"Transform";s=u+"TransitionDuration";f=u+"TransitionTimingFunction";a[0].style[l]="translateX("+i+"px)";a[0].style[s]=this.options.effect.slide.speed+"ms";return a.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",function(){a[0].style[l]="";a[0].style[s]="";a.children(":eq("+o+")").css({left:0});a.children(":eq("+r+")").css({display:"none",left:0,zIndex:0});e.data(h,"current",o);e.data(h,"animating",!1);a.unbind("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd");a.children(":not(:eq("+o+"))").css({display:"none",left:0,zIndex:0});h.data.touch&&h._setuptouch();return h.options.callback.complete(o+1)})}return a.stop().animate({left:i},this.options.effect.slide.speed,function(){a.css({left:0});a.children(":eq("+o+")").css({left:0});return a.children(":eq("+r+")").css({display:"none",left:0,zIndex:0},e.data(h,"current",o),e.data(h,"animating",!1),h.options.callback.complete(o+1))})}};r.prototype._fade=function(t){var n,r,i,s,o,u=this;n=e(this.element);this.data=e.data(this);if(!this.data.animating&&t!==this.data.current+1){e.data(this,"animating",!0);r=this.data.current;if(t){t-=1;o=t>r?1:-1;i=t}else{o=this.data.direction==="next"?1:-1;i=r+o}i===-1&&(i=this.data.total-1);i===this.data.total&&(i=0);this._setActive(i);s=e(".slidesjs-control",n);s.children(":eq("+i+")").css({display:"none",left:0,zIndex:10});this.options.callback.start(r+1);if(this.options.effect.fade.crossfade){s.children(":eq("+this.data.current+")").stop().fadeOut(this.options.effect.fade.speed);return s.children(":eq("+i+")").stop().fadeIn(this.options.effect.fade.speed,function(){s.children(":eq("+i+")").css({zIndex:0});e.data(u,"animating",!1);e.data(u,"current",i);return u.options.callback.complete(i+1)})}return s.children(":eq("+r+")").stop().fadeOut(this.options.effect.fade.speed,function(){s.children(":eq("+i+")").stop().fadeIn(u.options.effect.fade.speed,function(){return s.children(":eq("+i+")").css({zIndex:10})});e.data(u,"animating",!1);e.data(u,"current",i);return u.options.callback.complete(i+1)})}};r.prototype._getVendorPrefix=function(){var e,t,r,i,s;e=n.body||n.documentElement;r=e.style;i="transition";s=["Moz","Webkit","Khtml","O","ms"];i=i.charAt(0).toUpperCase()+i.substr(1);t=0;while(t<s.length){if(typeof r[s[t]+i]=="string")return s[t];t++}return!1};return e.fn[s]=function(t){return this.each(function(){if(!e.data(this,"plugin_"+s))return e.data(this,"plugin_"+s,new r(this,t))})}})(jQuery,window,document)}).call(this); --> </script> <link rel="stylesheet" type="text/css" href="includes/templates/responsive_template_default/css/responsive.css" /><link rel="stylesheet" type="text/css" href="includes/templates/responsive_template_default/css/responsive_default.css" /> </head> ```
13 May 2014, 2:42 PM
#96
rixstix avatar

rixstix

Totally Zenned

Join Date:
Aug 2009
Location:
North Idaho, USA
Posts:
2,015
Plugin Contributions:
0

Re: Winchester Responsive

FireFox and Chrome on Android devices.... prefix the URL with

view-source:http://www.yourwebsite.co

Unless you ask, I am not testing using Windows tablets.

I forgot. I do have an Android phone to throw into the mix if interested. Motorola Razr-M

13 May 2014, 2:55 PM
#97
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Winchester Responsive

DivaVocals:

On another note, this template came RIGHT ON TIME for a project that dropped into my lap last week.. I'll be replacing the very popular ########## Responsive template on with this template for a client..

Too many things about the ########## template that the client doesn't like, and many more that I DESPISE!!! Told the client that I could have the conversion done in a few days.. Showed him this template and walked him through my conversion plan.. Client wasn't convinced that this was "doable", but trusted my judgement.. He just saw my first draft of the conversion using this template as the foundation, and now he is a believer!! :laugh:

Thanks to Anne and Raymond.. Ya'll rock..

I guess the admins have obliterated any mention of the template who shall not be named.. :laugh: I wish they would add a similar filter for Template Monstrosity too.. :laugh:

13 May 2014, 2:57 PM
#98
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Winchester Responsive

RixStix:

FireFox and Chrome on Android devices.... prefix the URL with

view-source:http://www.yourwebsite.co

Unless you ask, I am not testing using Windows tablets.

I forgot. I do have an Android phone to throw into the mix if interested. Motorola Razr-M
Thanks.. this helps.. I don't trust the view source apps.. I'm pretty sure they are not reporting the mobile browser POV..

13 May 2014, 5:46 PM
#99
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Winchester Responsive

The default responsive css..

Here's the scroller code being called.. Note it's using the non-mobile code.;

 
<script type="text/javascript"><!--
      $(document).ready(function() {
          $("#foo1").carouFredSel({
       
      auto: false,
                align: "center",
                padding: [0, 25, 0, 20],
                width: "100%",
                height: "auto",
                items: {
          },
                scroll: 4,
                prev    : {
              button  : "#foo1_prev",
                  },
                next    : {
              button  : "#foo1_next",
                  }
            });
        }); 

rbarbour:

Crystal,

Will you do the same, check the browsers "view page source" to see what responsive css file is being called.

For some reason I don't think the mobile detect code is functioning and I can't reproduce, but I am getting the same results as you and Rick on the DEMO using the FF UA Switcher.

13 May 2014, 5:58 PM
#100
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Winchester Responsive

DivaVocals:

The default responsive css..

Here's the scroller code being called.. Note it's using the non-mobile code.;

<script type="text/javascript"><!-- $(document).ready(function() { $("#foo1").carouFredSel({ auto: false, align: "center", padding: [0, 25, 0, 20], width: "100%", height: "auto", items: { }, scroll: 4, prev : { button : "#foo1_prev", }, next : { button : "#foo1_next", } }); }); ``` Figured as much, Anne and I are working on it! Something is preventing the mobile-detect-code from firing, just a matter of hunting down what. Anne will post the corrective action as soon as we do and all should be good!