Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

[Webskipper]

HI Anne:

I really like the 155 Responsive Classic template because I use the Winchester Responsive on another site for now until it is upgraded to 155.

Aside from customizing colors I have a couple requests.

I would like to streamline the Header and Search side box to match the Winchester, including the Cart Total on both the mobile and desktop templates.

For the mobile, I will just use the Header Search.

See the attached pics. Where would I find the code and can I simply copy/paste from the Winchester code?

I would also like to use css buttons on the mobile side because the buttons are too small to read.

Which choice do I use to prevent a double search box on the mobile. Thanks!

So, no advice for these? The Mobile buttons are small and look washed out. Hard to read.

[DrByte]

The Mobile buttons are small and look washed out. Hard to read.

The Responsive Classic template, expects to use CSS buttons ... which it appears you already have turned on.
And I can't see any issues with mobile buttons currently on rc101dotcom

[Webskipper]

I want to add more contrast and just kill the pill buttons all together.

I like the buttons of the desktop site better.

[DrByte]

and just kill the pill buttons all together.

Hmmm ... it appears that all the desktop-based "mobile emulators" do show the CSS buttons in mobile mode, but some of the actual mobile devices are still rendering them shaped as lighter-colored pill buttons.

I imagine Anne has a quicker fix for that than I do.

[janks]

I want to add more contrast and just kill the pill buttons all together.

I like the buttons of the desktop site better.

It has been a while since you asked about this - but I had the same issue to which I have found a solution.

The display only affects the buttons that are using an input tag. Where as buttons utilising a span, render the css correctly.
Researching this, I found Apple have a built in function in safari to style the input button according to 'Apple standard'.

To fix this add the follow property to the stylesheet_css_buttons.css file in your css directory of your template.

input.submit_button { -webkit-appearance: none; }

[flashy275]

Hi,

I've not used Zen Cart for some while now so I am somewhat rusty with it, nice to see the responsive template included in this latest version....looks like i returned just at the right time!

Sadly for me this template is not responding well, on a fresh install I am struggling to get the template to load, switch to classic green & all ok, switch back and sometimes it will load & this is the same for Chrome & Firefox. If i do get it to load the F5 refresh will NOT work whatever, to refresh I MUST use the home button which works fine.
The template looks too good to switch back to classic green so I will have to resolve it. Clearing the cache lost it completely & as yet still have blank screens on this template.
Anyone else experienced such problems who can advise?

This is localhost only at present with latest Wampserver3 installed this week to try to rectify this.

thanks

[picaflor-azul]

Hi,

I've not used Zen Cart for some while now so I am somewhat rusty with it, nice to see the responsive template included in this latest version....looks like i returned just at the right time!

Sadly for me this template is not responding well, on a fresh install I am struggling to get the template to load, switch to classic green & all ok, switch back and sometimes it will load & this is the same for Chrome & Firefox. If i do get it to load the F5 refresh will NOT work whatever, to refresh I MUST use the home button which works fine.
The template looks too good to switch back to classic green so I will have to resolve it. Clearing the cache lost it completely & as yet still have blank screens on this template.
Anyone else experienced such problems who can advise?

This is localhost only at present with latest Wampserver3 installed this week to try to rectify this.

thanks

I have not experienced these problems. Are you on a vanilla install of the cart or do you have plugins/modifications added?

Thanks,

Anne

[flashy275]

I have not experienced these problems. Are you on a vanilla install of the cart or do you have plugins/modifications added?

Thanks,

Anne

Hi Anne & thanks for reply.

As the template author, if you have not experienced this I can only guess the problem is at my end (which i did suspect)

BTW no plugins was a fresh install but not sure of term "vanilla" though.

Will try again & report exactly what happens & what php version ect i have on localhost.

Once again thanks for replay.

[linuxguy2]

I'm having the BLANK SCREEN issue after installing css_js_loader version 5.1.1 OR version 4.0.3 on the responsive_classic template..
Installed 1.5.5f manually and thru my host(s) Softaculous and Installitron (sp)
Running 1.5.5f on PHP 7.1 and tested on two different hosts.
Godaddy & Host Tornado (hostt.net) which I have been running ZenCart 1.5 & PHP 5.x for over 4 years now and haven't had any issues.
Have done several installs of css_js_loader with out any issues until now.

View source and all the code is there but I get a white blank screen with the responsive_classic template.
Switch to the Classic template and all's well.
Why is this font awesome css being pulled from a remote site?
When I plug that CSS URL into a browser it errors out.
I'm thinking that's the problem...

+++++++++++++++++++++

<base href="http://www.linuxguy2.com/zc155f/" />
<link rel="canonical" href="http://www.linuxguy2.com/zc155f/" />

<link rel="stylesheet" type="text/css" media="print" href="includes/templates/responsive_classic/css/print_stylesheet.css" />
<link rel="stylesheet" type="text/css" href="/zc155f/includes/templates/responsive_classic/css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="/zc155f/includes/templates/responsive_classic/css/stylesheet_colors.css" />
<link rel="stylesheet" type="text/css" href="/zc155f/includes/templates/responsive_classic/css/stylesheet_css_buttons.css" />

<link rel="stylesheet" type="text/css" href="includes/templates/responsive_classic/css/responsive.css" /><link rel="stylesheet" type="text/css" href="includes/templates/responsive_classic/css/responsive_default.css" /> <script type="text/javascript">document.documentElement.className = 'no-fouc';</script>
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
</head>

[soxophoneplayer]

zc 1.5.5 w Responsive Sheffield Blue 2.0

Is there an update/hack/patch/snippet I can use to include iPad Pro (12.9") in the mobile detect? My header scrunches up in portrait mode (but everything works). Everything seems fine in landscape mode. It looks like this tablet isn't recognized as a tablet - all the sideboxes are present etc.

It's not a big issue - probably only few people other than me using this and who knows if Apple will keep it. But just thought I'd ask.

Asking on this forum as it seems are more general question than specific to the template I'm using.