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

ravynw34:

The site I am working on was upgraded to 1.5.5. When trying to have the Home and Login Links not show in mobile view it also deletes it from the desktop. Any ideas how we can fix this issue? The other issue is also with mobile view. The search box in the mobile menu is showing up with the input box to the far right and the submit button centered underneath. We want the input box also centered. have tried reworking in the css but nothing seems to change it. I am sure it is something I am just simply missing.
Thanks for any help.
The site is located at http://gypsyrosalie.comIn creating your custom template, you've gone too far. Don't know if you used the included responsive template and added css in strange places or what is causing the problems but you might want to look at my answer in post #238.
There are stylesheets that control responsive, responsive_default, mobile, and tablet as well as the stylesheet.css for the desktop. The responsive stylesheets (4 in all) control the look away from the desktop view. A browser like chrome or firefox with added developer tools will let you know which stylesheet needs to be "adjusted"

Hi dbltoe,
I actually didn't upgrade or customize the site. That is where the problem is coming into play. Not sure where the person who did the site prior was heading but its a mess behind the scenes. I will take a look at your reference post and see if I can come up with some temp fixes. I have already suggested starting a new template from scratch. My best guess is that they didn't know what they were doing when they customized the site. Things that should be in the responsive styles are not there. some are hard coded into the header, etc.
I absolutely appreciate your tips on this. Thanks a bunch.

webskipper:

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'. :blink:

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; }

Ok I must be really stupid and can't seem to find the answer.
I just created a new site using v1.5.5b
Using the classic template with "Custom" directories for changes working ok
When I try to create the "Custom" directory for the Responsive template nothing seems to work at all.
Is there documentation that explains how the custom changes works with Responsive?

Thanks in advance

munizjm:

When I try to create the "Custom" directory for the Responsive template nothing seems to work at all.
Is there documentation that explains how the custom changes works with Responsive?
1.5.5b comes with three template options. Classic, Responsive_Classic, and Template_Default. My recommendation is that you add lat9s Clone a Template mod to your site, clone the Responsive_Classic to whatever name you want to use for your "Custom" template. Assign the new template to your site in the Tools menu. Then, use your new template to make changes to your site's look.

Thanks!

Is there documentation that explains how to make changes to the various areas of the responsive template?

I have turned off the Categories Box - Show Products New Link in Admin>Layout Settings
but it still shows up. Is there anywhere else that this might have a trigger?
All the others have turned off but the New Products is still there.

When I go to the "My Account" page and want to change an address, all fields already have the data from my former address in the text fields. The only exception is the drop down for the state (not country). It shows the default "Please make your selection".

I think the code for this can be found in includes/modules/pages/address_book_process/jscript_addr_pulldowns.php line 34 and 35 in Zen Cart v1.5.5b-11022016:
// if we had a value before reset, set it again
if (SelectedZone != "") theForm.elements["zone_id"].value = SelectedZone;

It seems this code is not executed because before, on line 32, PHP-code is called:
// build dynamic list of countries/zones for pulldown

Does anyone have a fix for this?

I'm going bonkers. I can't show you the page because it's currently local.

I'm trying to get the responsive classic ver 1.5.5b to work. The main problem I'm having is on the product listing page. The heading looks good - Image, item, items #, price are horizontal but the products that are listed have the information vertically. The item, item #, price are listed UNDER the item rather than horizontally across the page. Truth be told, I'm finding the responsive coding to be much more complicated than the non responsive and I can't figure this out. When I change the template to classic, the listings line up correctly.
Please help. Thanks!

spminis:

I'm going bonkers. I can't show you the page because it's currently local.

I'm trying to get the responsive classic ver 1.5.5b to work. The main problem I'm having is on the product listing page. The heading looks good - Image, item, items #, price are horizontal but the products that are listed have the information vertically. The item, item #, price are listed UNDER the item rather than horizontally across the page. Truth be told, I'm finding the responsive coding to be much more complicated than the non responsive and I can't figure this out. When I change the template to classic, the listings line up correctly.
Please help. Thanks!

I decided to upload the test site and this is the page that's giving me agita. The product info is not lining up with the table header
http://spminiatures.com/storetest/index.php?main_page=index&cPath=41_47

Thanks

Hi Anne,

I am currently rebuilding our site using 1.5.5b and your built-in responsive template. Everything is going well, but I would like to change the font for the HEADER_SALES_TEXT tag (Draco Crafts Online). I have searched around a bit, but cannot find where to do this, although I dare say it is probably obvious.

I would be obliged if you can point me in the right direction please

Thanks ... Michael

https://www.dracocrafts.com/other_sites/dcnewshop/

If you use Chrome browser you can right-click on the area you are concerned about and "inspect" the code for that portion of the page. This helps me find the appropriate CSS that I need to change.

Looks to me as if the div ID for that line is named: tagline . You are looking for just "tagline" and not "taglineWrapper" . You can insert a font change on stylesheet.css , that's where I found "tagline"

Hope that helps.

Thank you, will take a look, pretty obvious really :cool:

Michael

I was building everything fine and all of a sudden it now appears as a mobile site on my desktop. Why would this occur?!?

westseedfarm daught calm

Hi All,

by default the Order Staus options are:

Pending [1]
Processing [2]
Delivered [3]
Update [4]

is it possible to change one, or add one, saying Shipped ? I have searched around but have mot found where the options are defined ?

Michael

Go to your admin/localization/order status... You can "insert" shipped. I found it much less confusing to my customers.

That simple !! lol - I was searching through all the files :blink:

Many thanks, less confusing for our customers too.

Michael

Mikeondraco:

Hi All,

by default the Order Staus options are:

Pending [1]
Processing [2]
Delivered [3]
Update [4]

is it possible to change one, or add one, saying Shipped ? I have searched around but have mot found where the options are defined ?

Michael

VDecalS:

Go to your admin/localization/order status... You can "insert" shipped. I found it much less confusing to my customers.

Mikeondraco:

That simple !! lol - I was searching through all the files :blink:

Many thanks, less confusing for our customers too.

Michael

... and the "Delivered" status essentially means "Shipped". If you're not using "Delivered" for some other purpose, you could just rename it, instead of adding additional statuses.

(There's a meaning to the numerical values assigned too, such as "Update" actually means "Update and reset the Download Counts on all downloadable items in this order".)

... but these points are all unrelated to the topic of this discussion thread, which is a specific template.

I had a problem that the search box was not showing up at the top of the page in the mobile view in the NavMainwrapper. Then I found that this is a feature not a problem, this function is blocked in responsive_mobile.css ca. line 21 so that was easy to change.

Also in the mobile view the links to "Home" and "login" are floating at the top right of the page; is this also a feature or something I need to change?
Link here.