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

Thank you! I will start with that now. But still looking for menu issue.

MaxBodine:

Thank you! I will start with that now. But still looking for menu issue.

I looked at your site with my desktop computer and using the Chrome browser mobile simulation but your menu issue did not show up, it showed up when I accessed your site with my Android smart phone.

marton_1:

I looked at your site with my desktop computer and using the Chrome browser mobile simulation but your menu issue did not show up, it showed up when I accessed your site with my Android smart phone.

Tried again with with my desktop computer and using the Chrome browser mobile simulation and your menu issue did show up

From an inspection of the site in mobile portrait.

Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure stylesheet '<URL>'. This request has been blocked; the content must be served over HTTPS.

Mixed Content: The page at 'https://www.uesakausa.com/index.php?main_page=product_info&cPath=1_5_19&products_id=17' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Wellfleet'. This request has been blocked; the content must be served over HTTPS.

If you're going to use special google fonts, you'll need to serve them up with https versus http

dbltoe Thank you I missed that. I will work on that now too and update if that fixed it. Thanks marton_1 on the chrome mobile view too.

I changed the fonts to https. Didn't fix it. But needed to be done, good house cleaning.

I have not used the chrome mobile part of inspect before. This is my console errors below. I am not sure on the top error. The bottom three are blocking the icons in the mega menu. I am not understanding these. The mega menu is hidden in mobile view. But how would I fix these. Appreciate any direction to these issues.

index.php?main_page=product_info&cPath=23&products_id=26&zenid=u4grf702aur20f10u41tu6g761:27 A parser-blocking, cross site (i.e. different eTLD+1) script, https://code.jquery.com/jquery-1.12.0.min.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.

(anonymous) @ index.php?main_page=product_info&cPath=23&products_id=26&zenid=u4grf702aur20f10u41tu6g761:27
index.php?main_page=product_info&cPath=23&products_id=26&zenid=u4grf702aur20f10u41tu6g761:461 GET https://www.uesakausa.com/includes/templates/maxtemp/images/PINTEREST_ICON_SM 403 (Forbidden)
index.php?main_page=product_info&cPath=23&products_id=26&zenid=u4grf702aur20f10u41tu6g761:463 GET https://www.uesakausa.com/includes/templates/maxtemp/images/BLOG_ICON_SM 403 (Forbidden)
index.php?main_page=product_info&cPath=23&products_id=26&zenid=u4grf702aur20f10u41tu6g761:462 GET https://www.uesakausa.com/includes/templates/maxtemp/images/GOOGLE_ICON_SM 403 (Forbidden)

FORMATTING PRODUCT LISTS
Got my site nearly exactly as I want it - thank you for all the assistance from the forums - especially because what I am doing is not in the main stream.

BUT

On mobile view my product displays are hugely wasteful of space and I would like to condense them.
This should be simple but I am blowed if can find where the format elements are entered.
I attach a shot to show what i mean .
Al I want to do is to reduce the size of the input quantity window- that will allow me to get down to one or two lines per product and also "pack down " the vertical spacing. All that will mean 5 or six products will list where just over two exist at the moment

same issue with the cart

I know what to do and how to do it - but I cannot seem to get the actual file(s) where I make the changes.

I am not sure whether I am just being stupid ( probable) or whether the changes I have made have impacted (unlikely since it displays correctly) or have i left a formatting element in from sections I have removed.
But the main problem is that I just cant seem to find the correct files - I know its TRIVIAL BUT !!!

Using 1.55f and OPC1.5

[linuxguy2;1346133]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>

After further testing font-awesome code does work.

Issue resolved in css_js_loader thread.
Instructions need to be corrected. jquery code was being deleted and not replaced.

shayne:

FORMATTING PRODUCT LISTS
Got my site nearly exactly as I want it - thank you for all the assistance from the forums - especially because what I am doing is not in the main stream.

BUT

On mobile view my product displays are hugely wasteful of space and I would like to condense them.
This should be simple but I am blowed if can find where the format elements are entered.
I attach a shot to show what i mean .
Al I want to do is to reduce the size of the input quantity window- that will allow me to get down to one or two lines per product and also "pack down " the vertical spacing. All that will mean 5 or six products will list where just over two exist at the moment

same issue with the cart

I know what to do and how to do it - but I cannot seem to get the actual file(s) where I make the changes.

I am not sure whether I am just being stupid ( probable) or whether the changes I have made have impacted (unlikely since it displays correctly) or have i left a formatting element in from sections I have removed.
But the main problem is that I just cant seem to find the correct files - I know its TRIVIAL BUT !!!

Using 1.55f and OPC1.5

Working on this myself and I agree. Seems the responsive layouts have gotten very lose. Not everyone wants their screens spread out
In 2014 MC12345678 created a check box text box plugin which with a couple tweaks allowed me to make a very tight layout. That was with the classic (static) template with the CGL plugin. I'm looking to do the same with the responsive_classic template. Because it's a wholesale operation I can't show the actual site but the layout is as follows. the spacing between lines is uniform on the site.
I have 4 columns with my images set to 175px square. No right sidebar.

IMAGE
Part number
description

Can't get right sideboxes to display correctly in desktop view. They are in the center column after all center column text. Left sideboxes display correctly. I saw the post about left and right sidebox widths not being a multiple of 10. Mine are set to 200px and 150px respectively. Tried changing them, but still displayed right sideboxes in center. This is my first attempt at using the responsive classic template and still getting desktop appearance correct. zc v1.5.5f. Cloned the template with lat9's tool and installed the color change addon.

Hard to see what to do without a peek under the hood.

Like the posting tips say, use something like yoursiteDOTcom if you don't want the search engines grabbing it just yet.

Site still on my development site. Attachment shows lower half of home page with right sideboxes (search and shopping cart shown) in center.

You've somehow managed to change the hierarchy of the column divs and added a #bannerThree in between the center column and the .col150 for the right column.

The settings you have would probably work if it didn't have all the announcements in the wrong place.

Without being able to see the php, it appears that you wanted to add the announcements at the bottom of the main content.

Several ways to go from here. Easiest might be to go back to the original file and put the announcements in the define_main_page.php file.

Yes, I've had a banner at the top of the center column for announcements for ages. Didn't realize it screwed up the div's. Would really like to keep the banner in the top of the center column because it's easy to add, delete or change announcements from the admin. If I move them to the define_main_page, I can still edit them in the admin, but they will appear below the "Welcome Guest" text. I think I'll chase down the div problem before going the define_main_page route. Thanks for your help!

Working now. Missed a </div> at the end of the banner html. Thanks for the div hint!

I just moved this site to 1.5.5 from 1.3.8 and am using the responsive classic template:
https://yarngalleryonline.com
Even though I have the contact and other information pages set to display the link, the only link in the footer is the home link.
How to get the contact and other links to show up?

Thanks

OK, I have figured out how to add it via an EZ Pages link, but is this the 'best' way to do this? I thought it would have included the various links by default.

Sorry if I have missed this. I have installed a clean version of Zencart and when resizing my browser to see how it responds when I get to mobile view there is no menu or a collapsible menu. The normal categories in menu are working ok until resized then just disappear. Can anyone suggest how to resolve this?

johndoes:

Sorry if I have missed this. I have installed a clean version of Zencart and when resizing my browser to see how it responds when I get to mobile view there is no menu or a collapsible menu. The normal categories in menu are working ok until resized then just disappear. Can anyone suggest how to resolve this?

So turning off Category Tabs Menu adds the mobile menu but applies it throughout all screen sizes. Is there anyway to have both. Only showing one in mobile view and the other in all other viewpoints?

johndoes:

So turning off Category Tabs Menu adds the mobile menu but applies it throughout all screen sizes. Is there anyway to have both. Only showing one in mobile view and the other in all other viewpoints?

For viewing Mobile view @desktop you should type:
https://www.yoursite.com/index.php?main_page=index&display_mode=isMobile

For Tablet:
https://www.yoursite.coml/index.php?main_page=index&display_mode=isTablet

For turning back to desktop:
https://www.yoursite.coml/index.php?main_page=index&display_mode=isdesktop

and then make your screen smaller or use at Chrome browser the developer tools to see Mobile or other view.