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

[picaflor-azul]

This is a support thread for the Responsive Classic template built-in to Zen Cart v1.5.5

Anne

[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!

[robbie269]

If I add sideboxes how do I get them to change in the mobile version like the standard ones do?

[rbarbour]

The side-boxes for specific devices in v1.5.5 Responsive Classic are controlled by CSS.

Open these 3 files:
/includes/templates/responsive_classic/css/responsive_default.css
/includes/templates/responsive_classic/css/responsive_mobile.css
/includes/templates/responsive_classic/css/responsive_tablet.css

The responsive_default.css file manipulates the side-boxes for all devices if a UA (User-Agent) is not detected.

The responsive_mobile.css & responsive_tablet.css files manipulates the side-boxes for specific devices if a UA (User-Agent) is detected

Each file will have code that starts with:

/*bof side-boxes*/
/* ADD { display:none;visibility:hidden; } to Hide Side-Box */
/* LEAVE BLANK {  } to Show Side-Box */

Take a look at the CSS and how the stock side-boxes are handled.

If I add sideboxes how do I get them to change in the mobile version like the standard ones do?

[robbie269]

Thank you. Worked perfectly! Simple when you know where to look...

The side-boxes for specific devices in v1.5.5 Responsive Classic are controlled by CSS.

Open these 3 files:
/includes/templates/responsive_classic/css/responsive_default.css
/includes/templates/responsive_classic/css/responsive_mobile.css
/includes/templates/responsive_classic/css/responsive_tablet.css

The responsive_default.css file manipulates the side-boxes for all devices if a UA (User-Agent) is not detected.

The responsive_mobile.css & responsive_tablet.css files manipulates the side-boxes for specific devices if a UA (User-Agent) is detected

Each file will have code that starts with:

/*bof side-boxes*/
/* ADD { display:none;visibility:hidden; } to Hide Side-Box */
/* LEAVE BLANK {  } to Show Side-Box */

Take a look at the CSS and how the stock side-boxes are handled.

[athena]

Just installed 1.5.5 and trying to work the style sheet for responsive classic. I just need the logo to center. Spent all afternoon with trial and error and no luck. Any insights appreciated. Edited this to reflect some fixes i found but still the logo needs centering.

[Webskipper]

Did you try just deleting the css pages you modified and reloading the originals and clearing the cache in your browser?

[DrByte]

Just installed 1.5.5 and trying to work the style sheet for responsive classic. I just need the logo to center. Spent all afternoon with trial and error and no luck. Any insights appreciated. Edited this to reflect some fixes i found but still the logo needs centering.

When asking for help with templates and CSS, it's important to provide a link to the site (even a specific page, if relevant) so we can provide a useful answer. Otherwise you force us to guess or give extremely generic answers which are often things you've already tried. If you don't tell us what you tried, then we're probably going to tell you those basics.

[lat9]

Issue: State Dropdown not displaying properly

Solution: See this (https://www.zen-cart.com/showthread....s-other-fields) posting, with solution provided.

[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.