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

allmart:

Hello,

I am trying to adjust the button heights and menu headings (padding/margin) without any success. I have tried modifying the various css files but am obviously changing the wrong files. Ultimately I am trying to reduce the heights and any guidance will be appreciated.

What about the heights are you finding to be a problem, and why? Is this in desktop mode? or in mobile?

help question, How to get logo in mainwrapper instead of under mainwrapper

My logo is in logowrapper under mainwrapper but i want it on top of my site in the mainwrapper but till now no succes.
I appreciate assistance.

site <http://www.xcellentrider.com/>
i want it like this:
<http://equestrianexport.com/>

I have another question :
on my desktop version i have a background arround the body and how do i disable the background on the mobileversion so that the body will be 100%

v155a responsive classic buildin template
thanks

Never mind if figured it out, just wanted to streamline the content to better fit on main page.
I do have an issue and would appreciate some guidance. I prefer the look of the product info page where add to cart box is located at the far right (see image below)

Listed below are images of both the New Products Listing and All Products listing. Both have the add to cart box and model number underneath the product image. I would like to have them both on the far right similar to product info page and parallel to the product image.

Thanks in advance.

allmart:

Never mind if figured it out, just wanted to streamline the content to better fit on main page.
I do have an issue and would appreciate some guidance. I prefer the look of the product info page where add to cart box is located at the far right (see image below)

Listed below are images of both the New Products Listing and All Products listing. Both have the add to cart box and model number underneath the product image. I would like to have them both on the far right similar to product info page and parallel to the product image.

Thanks in advance.
Those pages have always been designed to support two columns of information, as you see now. You can control the placement of items in which column and in which sort order within each column via Admin->Configuration->All Listing (and New Listing, etc).
Unfortunately I suspect you're asking for a 3rd column, which isn't supported by those configuration settings. To add that you'd need to assign numbers starting with "3", and then edit the tpl_modules_products_all_listing.php and add another <div> and loop thru the settings using the range of "3000-3999". Repeat for tpl_modules_products_new_listing.php

DrByte

Thanks for your prompt reply. I am sorry but don't quite understand your solution and am hoping that you could please be more specific.

I think I'm in over my head.

Is this template supposed to display the mobile version on the very first visit to the site, or, just after their first click? For new mobile devices, it only seems to display properly after the first click. The first page visited is not rendered well at all. So, curious if this is how it is supposed to be or not.

sfatula:

Is this template supposed to display the mobile version on the very first visit to the site, or, just after their first click? For new mobile devices, it only seems to display properly after the first click. The first page visited is not rendered well at all. So, curious if this is how it is supposed to be or not.
Yes, it should display properly on first visit. Something's amuck with yours. See the discussion in your other thread on the subject.

lat9:

You could probably adapt the currencies' sidebox elements into the mobile-menu display (/includes/templates/responsive_classic/templates/tpl_modules_mobile_menu.php).

Hi, I am having the same problem with the currency and language selector.
These are a functionality present in the tablet and pc layout but they can not be used in the cellphone layout, because they live in a sidebox, and sideboxes are not shown in the cellphone layout. While all the other sideboxes can be actually avoided these two should not. In my opinion they should be included in the hamburger menu that is the first thing someone would touch in case of difficulty using the site. Obviously they should appear in the hamburger menu only if more than one language or currency is allowed for the site.
Ciao from Italy.
enzo

DrByte:

Yes, it should display properly on first visit. Something's amuck with yours. See the discussion in your other thread on the subject.

Perfect, thanks! I will resolve then. Just wanted to know if it should. It really looks nice on a mobile device (for me after the first visit). Very nice.

I have found a plugin to add a phone number to the contact form. I want to add the company name as well but can't find a plugin and would appreciate some direction.

Thanks,

picaflor-azul:

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

Anne

Hi,
Can I use the responsive classic template of 1.5.5 on a 1.5.4 website?
If that is possible, then from where can I get the template module files?

thanks in advance

muteyaar:

Hi,
Can I use the responsive classic template of 1.5.5 on a 1.5.4 website?
If that is possible, then from where can I get the template module files?

thanks in advance
No. There are a lot of dependencies on other things that were changed/added to v155.
Good reason to upgrade.

Hi everyone,
I am working with a fresh installation of Zencart V1.5.5 and the responsive template.
I have followed the instructions for customising my own template to the letter..several times :/

I go to Admin and select my new template (which shows up as a selection) and select it, update and then go to the layout boxes controller and reset.

Now when I log in to my shop site I get a white, blank page.

If I switch back to the responsive template again all is well.

I have definitely followed the instructions properly (as far as I can tell) so wonder if there are perhaps further steps to be done for the new version of ZC or the Responsive template?

Blank shop here:
http://.shake-the-tree.com/shop

Previously managed to customise my template on the old version of ZenCart so went into this with a fair degree of (misplaced) confidence in the product. Now feeling a little overwhelmed and beaten.

James

When you receive that whitescreen, there's a myDEBUG*.log file created in your store's /logs folder that identifies the details of the issue.
See: http://www.zen-cart.com/content.php?124-blank-page

I'm not sure what you're referencing when you say "I have followed the instructions for customising my own template to the letter." ... which instructions are those?

Just a quick question...

Is there an easy way to remove the php device detect feature of this template? I find it an unnecessary addition, considering all devices I've tried it on work great with the desktop responsive css. Not sure if there are any benefits to having 3 sets of css stylesheets to edit.

I've had a look and can't seem to find where it is implemented and how to remove it. If someone could help, it would be much appreciated.

Just upgraded a customer's site from 1.39 to 1.55. Just wanted to say thanks and congrats to Anne and those others that worked on this template. A little css tinkering and it looks and works great.

I have an issue. It seems that on a mobile you can only enter numeric information in the postcode box, yet on a desktop you can enter text or numeric.
Anyone else had this issue or know a way to rectify it?

Running version 1.5.5a
have recently tried installing Oneall social login which may have caused this issue although im not sure how?

Hi Ann

I love this new template. However, on the categories menu, I would like to remove categories and instead have the categories on the top level.

So instead of seeing categories > category 1, category 2, etc on the navigation instead I see category 1 > category 2 etc.

How can I achieve this?

CandleMan:

I have an issue. It seems that on a mobile you can only enter numeric information in the postcode box, yet on a desktop you can enter text or numeric.
Anyone else had this issue or know a way to rectify it?

Running version 1.5.5a
have recently tried installing Oneall social login which may have caused this issue although im not sure how?

Just looking into this in more detail, the website returns the following when in "Mobile view"
<input type="number" name="postcode" size="11" maxlength="10" id="postcode" placeholder="*" required="">

However in desktop view it returns this
<input type="text" name="postcode" size="11" maxlength="10" id="postcode" placeholder="*" required="">

It seems that the responsive.mobile.css file is creating this from line 426.
Any suggestions on what to try?

CandleMan:

Just looking into this in more detail, the website returns the following when in "Mobile view"
<input type="number" name="postcode" size="11" maxlength="10" id="postcode" placeholder="*" required="">

However in desktop view it returns this
<input type="text" name="postcode" size="11" maxlength="10" id="postcode" placeholder="*" required="">

It seems that the responsive.mobile.css file is creating this from line 426.
Any suggestions on what to try?
Find the following section in the template's /jscript/jscript_responsive_framework.php:

$('input#email-address').clone().attr('type','email').insertAfter('input#email-address').prev().remove();
$('input#searchHeader').clone().attr('type','search').insertAfter('input#searchHeader').prev().remove();
$('input#mailChimp').clone().attr('type','email').insertAfter('input#mailChimp').prev().remove();
$('input#login-email-address').clone().attr('type','email').insertAfter('input#login-email-address').prev().remove();
$('input#postcode').clone().attr('type','number').insertAfter('input#postcode').prev().remove();
$('input#telephone').clone().attr('type','tel').insertAfter('input#telephone').prev().remove();
$('input#dob').clone().attr('type','date').insertAfter('input#dob').prev().remove();
$('input#fax').clone().attr('type','tel').insertAfter('input#fax').prev().remove();

and comment the block out, adding the highlighted lines:

$('input#email-address').clone().attr('type','email').insertAfter('input#email-address').prev().remove();
$('input#searchHeader').clone().attr('type','search').insertAfter('input#searchHeader').prev().remove();
$('input#mailChimp').clone().attr('type','email').insertAfter('input#mailChimp').prev().remove();
$('input#login-email-address').clone().attr('type','email').insertAfter('input#login-email-address').prev().remove();
[B]<?php
/* ----- Don't force postcode to all numbers -----[/B]
$('input#postcode').clone().attr('type','number').insertAfter('input#postcode').prev().remove();
[B]*/
?>[/B]
$('input#telephone').clone().attr('type','tel').insertAfter('input#telephone').prev().remove();
$('input#dob').clone().attr('type','date').insertAfter('input#dob').prev().remove();
$('input#fax').clone().attr('type','tel').insertAfter('input#fax').prev().remove();