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

Quote:

---

Originally Posted by schoolboy

INSPECT the actual image... what is its REAL size? The HTML <img> tag is telling it to show at 94 x 54 - but it could be 94000000 X 54000000 in reality.

The ACTUAL size of the image must match the DECLARED size.

---

width="94" height="54"

Inspect the image on a machine that will tell you its actual size. Forget the mobile. You need to call up the image in a browser that has developer tools - or use an image editor.

Quote:

---

Originally Posted by marton_1

width="94" height="54"

---

Ah... that's what I mean... In that case, I have no idea why it is rendering too big on mobile. Do you have a separate template for mobile? Or perhaps the mobile CSS is failing to declare it.

Quote:

---

Originally Posted by schoolboy

Ah... that's what I mean... In that case, I have no idea why it is rendering too big on mobile. Do you have a separate template for mobile? Or perhaps the mobile CSS is failing to declare it.

---

Strange thing is that this standard zen cart image is part of the v155d distribution here "includes\templates\responsive_classic\images"

I am using the standard v155d template responsive classic.

Something is not right as earlier you stated the image was a "gif" but responsive_classic uses a "png" image.

includes/templates/responsive_classic/images/always-free-shipping.png (100x82)

includes/templates/template_default/images/always-free-shipping.gif (94x54)


With that said, looking at the CSS for the image and backtracking from there should help solve the problem.

I am not sure what was changed as far as the v155 thru v155d Responsive classic for I have been enjoying other ventures.

But the 155 version has the following code in responsive.css

Code:

---

img{max-width:100%;height:auto;border:0;}

---

Quote:

---

Originally Posted by marton_1

I am using v155d Responsive classic.

I just had a problem in the mobile view (tablet and desktop OK). Some of the small icons show up as full screen width which is quite ugly, examples are the free shipping icon in the product listing or the waste bin (delete) in the shopping cart.
I could fix this by adding a class to each image icon using "class =" and setting the class size in responsive mobile css.
Probably an impossible question to answer but any idea why this happened?

---

Quote:

---

Originally Posted by Website Rob

Something is not right as earlier you stated the image was a "gif" but responsive_classic uses a "png" image.

includes/templates/responsive_classic/images/always-free-shipping.png (100x82)

includes/templates/template_default/images/always-free-shipping.gif (94x54)


With that said, looking at the CSS for the image and backtracking from there should help solve the problem.

---

Lordy, Lordy you had me worried :shocking:

I checked and my site is in two languages, so I use my German language free shipping icon for everything and changed the definition to always-free-shipping.gif

Quote:

---

Originally Posted by rbarbour

I am not sure what was changed as far as the v155 thru v155d Responsive classic for I have been enjoying other ventures.

But the 155 version has the following code in responsive.css

Code:

---

img{max-width:100%;height:auto;border:0;}

---

---

When I do an "inspect" on my free shipping icon I do indeed see

img {
max-width: 100%;
height: auto;
border: 0;
}

Quote:

---

Originally Posted by marton_1

When I do an "inspect" on my free shipping icon I do indeed see

img {
max-width: 100%;
height: auto;
border: 0;
}

---

Did I miss the part where a URL was provided in one of your posts? Easier to troubleshoot when we can see what you see.

Quote:

---

Originally Posted by Website Rob

Did I miss the part where a URL was provided in one of your posts? Easier to troubleshoot when we can see what you see.

---

Sadly still on my xampp test site

Quote:

---

Originally Posted by marton_1

When I do an "inspect" on my free shipping icon I do indeed see

img {
max-width: 100%;
height: auto;
border: 0;
}

---

Be careful of altering this... you may be tempted to do this:

Code:

---

img {
    width: 75px;
    height: 50px;
    border: 0;
}

---

This will have a GLOBAL result. You need to nail down the CLASS (or perhaps its an ID) of the element in question, then write a block of css that declares ONLY for that element.

In:-

tpl_product_info_display the block of code for the free shipping icon is:

PHP Code:

---

<!--bof free ship icon  -->
<?php if(zen_get_product_is_always_free_shipping($products_id_current) && $flag_show_product_info_free_shipping) { ?>
<div id="freeShippingIcon"><?php echo TEXT_PRODUCT_FREE_SHIPPING_ICON; ?></div>
<?php } ?>
<!--eof free ship icon  -->

---

So there is an ID for the icon - #freeShippingIcon

Now... you need to declare a style for this ID and its associated image:

Code:

---

#freeShippingIcon img {height:94; width:54;}

---

ADD THIS declaration to just UNDER

Code:

---

img {
max-width: 100%;
height: auto;
border: 0;
}

---

in responsive css file

PS... mobile does not like absolute dimensions in the css - such as "94" and "54" - because of the wide variety of screens on all the myriad of hand-helds out there.

Use of % is strongly recommended - so what you might like to try is working out how large you'd like the image, relative to the page, then try some % parameters. This may or may not work.

You could also try the following:

#freeShippingIcon img {
max-width: 94;
height: auto;
border: 0;
}

(I'm not sure if there is a css command "max-height" - if there is, you can try applying it as well.)

Why is Responsive Classic so slow on tablets and iphones (marginally slower on desktop)? If I use Classic Original, product pages load 4-5 times faster than if I use the Responsive design. I would like to use Responsive, but I can't convince myself that it is the right thing to do because of speed issues.

Any insight would be appreciated. I'm running 1.5.5d in both my live and test shop. The test shop is ran in a shared SSL environment whereas the live is SSL but only for critical pages like login, logout, etc.

Quote:

---

Originally Posted by schoolboy

In:-

tpl_product_info_display the block of code for the free shipping icon is:

PHP Code:

---

<!--bof free ship icon  -->
<?php if(zen_get_product_is_always_free_shipping($products_id_current) && $flag_show_product_info_free_shipping) { ?>
<div id="freeShippingIcon"><?php echo TEXT_PRODUCT_FREE_SHIPPING_ICON; ?></div>
<?php } ?>
<!--eof free ship icon  -->

---

So there is an ID for the icon - #freeShippingIcon

Now... you need to declare a style for this ID and its associated image:

Code:

---

#freeShippingIcon img {height:94; width:54;}

---

ADD THIS declaration to just UNDER

Code:

---

img {
max-width: 100%;
height: auto;
border: 0;
}

---

in responsive css file

---

Great, thanks.

Quote:

---

Originally Posted by mikeel100

Why is Responsive Classic so slow on tablets and iphones (marginally slower on desktop)? If I use Classic Original, product pages load 4-5 times faster than if I use the Responsive design. I would like to use Responsive, but I can't convince myself that it is the right thing to do because of speed issues.

Any insight would be appreciated. I'm running 1.5.5d in both my live and test shop. The test shop is ran in a shared SSL environment whereas the live is SSL but only for critical pages like login, logout, etc.

---

What do you mean by slow?
Using these online speed testers testers my Responsive Classic 1.5.5d with full SSL the desktop loads in 1.5/1.8 seconds and mobile in 2.5/3.2 seconds.
if you use, for example, https://tools.pingdom.com/ it gives you clues where you are slow

Thanks for the quick reply and tip on the speed test site but I do not need a site to tell or show me something that is already obvious.

My ISP speed test is off the charts....

My tablet memory is not an issue....

Desktop runs lightening fast....

A product info page in responsive takes 8-10 seconds to load on samsung android while the same page in my custom classic only takes 2-3 seconds. I have applied all the speed up recommendations to both live and test shops and all other configurations are identical...except that the test shop is full shared ssl. Changing the link to non ssl does not change a thing...still slow.

Again, tablet and iPhone speeds are terrible in responsive. Does anyone know why? Cache method?

Thanks.

Quote:

---

Originally Posted by mikeel100

Thanks for the quick reply and tip on the speed test site but I do not need a site to tell or show me something that is already obvious.

My ISP speed test is off the charts....

My tablet memory is not an issue....

Desktop runs lightening fast....

A product info page in responsive takes 8-10 seconds to load on samsung android while the same page in my custom classic only takes 2-3 seconds. I have applied all the speed up recommendations to both live and test shops and all other configurations are identical...except that the test shop is full shared ssl. Changing the link to non ssl does not change a thing...still slow.

Again, tablet and iPhone speeds are terrible in responsive. Does anyone know why? Cache method?

Thanks.

---

if you use, for example, https://tools.pingdom.com/ it gives you clues where you are slow

I've been working on this for a couple of days. The quantity box is vary large and even worse in the mobile view and if I use the grid plugin, it's even worse.
I've tried changing the settings in a couple of files that were suggested in another forum but nothing is working. I've also tried to change it in admin configuration.

Any thoughts as to how to make the quantity box smaller. I thought it would be easy.
You can see the issue on my test site http://spminiatures.com/storetest2/i...th=189_196_197
The test link is the template that's not using the grid plugin.

Any ideas? I've run out of them

Carol

Quote:

---

Originally Posted by spminis

I've been working on this for a couple of days. The quantity box is vary large and even worse in the mobile view and if I use the grid plugin, it's even worse.
I've tried changing the settings in a couple of files that were suggested in another forum but nothing is working. I've also tried to change it in admin configuration.

Any thoughts as to how to make the quantity box smaller. I thought it would be easy.
You can see the issue on my test site http://spminiatures.com/storetest2/i...th=189_196_197
The test link is the template that's not using the grid plugin.

Any ideas? I've run out of them

Carol

---

The width is controlled in the stylesheet.css ".list-input input[type=text]" ca. line 316, you could change this.
You need to check if the class .list-input is used anywhere else on your site for size of input boxes!

Quote:

---

Originally Posted by marton_1

The width is controlled in the stylesheet.css ".list-input input[type=text]" ca. line 316, you could change this.
You need to check if the class .list-input is used anywhere else on your site for size of input boxes!

---

THANK YOU! That did it. Now can you help me glue back the hair on my head I pulled out while trying to fix this???

Carol

Quote:

---

Originally Posted by spminis

THANK YOU! That did it. Now can you help me glue back the hair on my head I pulled out while trying to fix this???

Carol

---

Sorry, if I had a solution for that I would use it on my ageing head :)

Quote:

---

Originally Posted by marton_1

if you use, for example, https://tools.pingdom.com/ it gives you clues where you are slow

---

Well, it is obviously something with Responsive. If I switch to Classic (unmodified) everything is lightening fast. I don't have time to track it down...maybe devs will find a cure. I'll stick to Classic for now.

I am subscribed to this tread and will keep an eye out for a fix.

Thanks.

Hi, I have a problem with the size of the product listing when viewing the product list. The height of each item in the list is way too high. It is the same when viewing in landscape on a tablet. All other views are fine although I would prefer a slightly lesser height in portrait on the tablet. I would also prefer a grid/column layout for the product list. Is there a plugin that would produce this? If not, can the height of the listings be altered? You can see the issue at:

http://www.lowcostcomputersupplies.c...1&keyword=t071

Thank you in advance for any advice.

@Axeman
The problem appears to be related to the image code block.

stylesheet.css #302

.list-image {
float: left;
margin-right: 5%;
min-height: 200px;
min-width: 20%;
}

Adjust the min-height to something more preferable, like say 100px.

Also, removing the showing of quantity in stock would help as well.

Many thanks for your reply Rob. I will give that a go.

Many thanks for your help Rob. I have made the change to the min-height and it has worked to a degree. The listings are still too big because of the height. I have found a black thick line at the top of the bar where the headings are as well. I have noticed that the price is tucked under the description and that the quantity box is situated on the far right and seems to be on a line that is lower than the price. Is there a way to rearrange the listing so that the price is above the quantity box and that they are both in line with the listing. In pre-responsive versions of Zen Cart this is how it was laid out. Since the responsive version has come out I have had this problem. The biggest issue is that tablets and PC users have to keep scrolling when I have lots of products on one page. Does anyone know where the layout is set?

http://www.lowcostcomputersupplies.c...cPath=66_67_88

Just a quick update. I have managed to reduce the size a bit further. Still not right, but better than it was. I have changed the padding so that it has specified 0px at the top and the bottom as follows:

.productListing-odd{padding:0px 20px 0px 20px;overflow:hidden;}
.productListing-even{padding:0px 20px 0px 20px;overflow:hidden;}

Although this is a fix to a degree, it still does not look quite right. I would still like to alter the layout so the price is the same level as the product name and the quantity box is in line with the short description. Can you tell me where the html/php file is that allows me to alter this? Also, the layout of the product info page is awful. Can you tell me where I might find the file to change this layout? Thanks.

The "Home / Login" text in the upper left corner changes color when you travel over the text.

How can I change the color?

Quote:

---

Originally Posted by jodean

The "Home / Login" text in the upper left corner changes color when you travel over the text.

How can I change the color?

---

My stylesheet is slightly different as we use a color change mod BUT, the login should be controlled in the stylesheet_colors under a call similar to #navMain ul li a You would need to find the color used for hover and change that.

Keep in mind that there are many ways to place color (or not) to a link. Link, visited, hover, and active are all used AND sometime text-decoration:none to remove the underline.

I'm still trying to figure this out. I have a test site and can't seem to make the product listing page look correct. The listings are not lining up under the row headings. I have a test site and a page to look at is http://spminiatures.com/storetest2/i...ndex&cPath=391

If I switch to classic green, it looks fine.

Thanks
Carol

Quote:

---

Originally Posted by spminis

I'm still trying to figure this out. I have a test site and can't seem to make the product listing page look correct. The listings are not lining up under the row headings. I have a test site and a page to look at is http://spminiatures.com/storetest2/i...ndex&cPath=391

If I switch to classic green, it looks fine.

Thanks
Carol

---

Those row headings are just clickable filters allowing you to sort by either product-name or price.

Quote:

---

Originally Posted by spminis

I'm still trying to figure this out. I have a test site and can't seem to make the product listing page look correct. The listings are not lining up under the row headings. I have a test site and a page to look at is http://spminiatures.com/storetest2/i...ndex&cPath=391

If I switch to classic green, it looks fine.

Thanks
Carol

---

You will need to add some info to the php page that presents the data.
If you do an inspect on the page, you'll see that the header is provided by the productListing-rowheading which lumps all info into that div. Conversely, if you look at the productListing-odd (or -even), you'll note that they have divs for list-image, -price, and -input. If you add similar the list-image and list-price to the php inside the productListing-rowheading div, you can then adjust them to match the lineup called in the productListing-odd or -even.
The file is the product-listing file in yoursite/includes/modules/responsive_classic/.

Quote:

---

Originally Posted by dbltoe

You will need to add some info to the php page that presents the data.
If you do an inspect on the page, you'll see that the header is provided by the productListing-rowheading which lumps all info into that div. Conversely, if you look at the productListing-odd (or -even), you'll note that they have divs for list-image, -price, and -input. If you add similar the list-image and list-price to the php inside the productListing-rowheading div, you can then adjust them to match the lineup called in the productListing-odd or -even.
The file is the product-listing file in yoursite/includes/modules/responsive_classic/.

---

I appreciate the help but when I look at the page I have no idea what to do.
Thanks anyway.
Carol

I am upgrading from v1.5.4 to v1.5.5d This will be new install from scratch (Just getting info together now- haven’t started.)
My questions:
(1) Is there a list of folders and files that are supposed to be included in this built-in responsive_classic template? I do not see it listed separately in the plugins. (of course because it is now built-in)
I read the ‘what’s new’ and other docs for the upgrade that come with the ZC download, but that has a list of every file in the cart. I just want a list of the built-in files used in the ‘responsive_classic template’. Where can I find it?
If I have a list of the files I can create a copy offline and work with it to create my styles.

And if that does not work then...
(2) From what I have gathered from reading this post, if I use the clone program method, it clones it and puts the new file on the server merged into the Zen cart. Correct? I want to know if I can download just the template portion of the clone and save on my computer? (may be a Question for their post?)

I need a clone copy of the built-in responsive_classic template so I will have a master file of the this new template. (Then I can make and play with different styles to see what I want my site to look like)
I want to keep the look and colors I have on my site now. I am currently using the Responsive Classic Contemporary Green template.
( site is: a r t s a l e s . n e t / g a l l e r y )
The way the new responsive_classic css code is written in the 1.5.5d is so hard for me to read and find the code I need. It is written in a ‘one long run-on sentence’ style rather than in portrait paragraph/lines style like our old css files.

I wanted to cleanup my stylesheet anyway since I have been using ZC for 12 years now and have just kept adding styles on (I don’t even use many of them now)– and keeping notes of my changes. That is all out the window now as I cannot compare the old style sheet with the new responsive one…and everything is different …so using WinMerge is out.

and..
(3) is there a demo online somewhere so one can see what this new one is supposed to look like?

thanks in advance for any help…

I don't use responsive classic, because I prefer the freedom to write code within the zen cart CSS rules with my own CSS rules and I found responsive classic to be a little clunky. I'd suggest you are looking at the minified CSS file for responsive classic as well. If you know what your doing you should be able to take the template_default originally written years ago and update it with your own HTML5 and CSS3 rules to make it a responsive template. I have a template that already does this and is written for various screen sizes which I use as a base for all new Zen Cart projects.

Hi
I found something strange with href link.
I put the Featured products on the main page and the "hand" pointer is shown when the mouse is over the
gray box of the featured product. When pressed on the price number for example or under, no page is being redirected to.
Please try: My site

hello,

I really love the look of responsive classic. I am trying to make the move from 1.5.4 to 1.5.5d. Instead of a upgrade I am doing a complete rebuild of the site using the newest version .

Before I attempt this however. I installed the newest version to a different domain i own to test out my plugins and customizing responsive classic to look as much like my old site as possible ( at least the default desktop version )

My old site is www.missingcord.com and the test area is http://www.salvagecrate.com/ .
By using the includes/templates/responsive_classic/css/stylesheet_colors.css I can see how to edit many of the colors of text. But for the life of me , i can't find the line for changing the top dark grey color. What am i missing ? Is it on a different CSS file ?

Move #navMainWrapper, from line 26 in stylesheet_colors.css to a new line and set the new background color?

Two things --
One that I think is priority is using the clone a template mod by lat9 to create a copy of the responsive classic. You'll always have a fall back if you mess up the new one.
The second is to try the Responsive Color Changes mod to better sort out the colors.
Better control and better when it's upgrade time again.

Quote:

---

Originally Posted by marton_1

Move #navMainWrapper, from line 26 in stylesheet_colors.css to a new line and set the new background color?

---

Hello,

Thank you for that. I would have never thought you could do that. So if i understand what happen right , #navMainWrapper ,#navSuppWrapper, #shippingEstimatorContent h2, #checkoutConfirmDefault are assigned a default color in the code ? And by moving it to its own line and setting a back ground color (#navMainWrapper {background:#ffffff;}) we override that ?

Quote:

---

Originally Posted by dbltoe

Two things --
One that I think is priority is using the clone a template mod by lat9 to create a copy of the responsive classic. You'll always have a fall back if you mess up the new one.
The second is to try the Responsive Color Changes mod to better sort out the colors.
Better control and better when it's upgrade time again.

---

thank you for that as well. I will install both of those next and long before i try the full rebuild on the real server.

More information
Thank you Nick1973
That is actually similar to what I did on my last upgrade. I had used the Responsive Classic Contemporary Green and just added my own updated css styles to get the look I needed. I think I will stick to that method for the new upgrade I am doing now.

Yes, if there are any other attributes set for these then you have to also copy the attributes to the new line.

I have a question- Is this Responsive Classic (built in to Zen Cart v1.5.5) a REPLACEMENT for the Responsive Classic Contemporary Green Template or a SEPARATE template altogether? The file names are the same. ... both named responsive_classic.
If I try to upload both style Templates there will be a conflict as they both have the same name.

I know I can rename one of them, but I just want to know if the Responsive Classic Contemporary Green Template is still going to work-or be around for a long while. I like using the old portrait style/vertical code writing format vs. the new one with run-on sentence confusing code.
Really, in this new one I have to look in several style sheet just to edit one item.
(I know the old format may have needed revision, but I cannot easily compare my old stuff with this new layout in order to upgrade.)
The learning curve on the new 50 bazillion stylesheets is too great for me to meet a time deadline that I have right now.

I sure hope you are not replacing the Responsive Classic Contemporary Green Template one with this one! But like I said- the file names are the same and if you are keeping the old one AND this new one it should have a file name of 'responsive_classic_builtin' just for clarification.

If the Responsive Classic Contemporary Green Template is being replaced by this one, I will use it temporarily (since I have a deadline) while I 'learn' the new one ...or I'll just build one myself in the old familiar format.

The "responsive_classic" that comes with v1.5.5 is its own newer responsive template.

The older 3rd-party-contributed "responsive classic" from years ago is completely different.

Sorry that they ended up being the same name. It just made sense to call it responsive_classic, regardless what someone outside Zen Cart called their contribution. (We didn't even know that existed at the time.)

april-may You might want to look into the clone a template mod and the color changes mod for 155. The clone makes sure your final template is not overwritten at a later date and the color change mod eases the pain of color change by breaking out all the areas.

Quote:

---

Originally Posted by dbltoe

april-may You might want to look into the clone a template mod and the color changes mod for 155. The clone makes sure your final template is not overwritten at a later date and the color change mod eases the pain of color change by breaking out all the areas.

---

I downloaded them and have been reading them over. It is going to take me some time to absorb all of it. (I have no formal training- all self-taught over time.)
I really want to keep the same look my site has now. (See h t t p s:// artsales DOT net/gallery/ ).
There are a few new responsive templates that I may be able to work with. But all of them are by Anne and the code is in pieces in multiple files. I see the logic- but need a while to learn it all. I even took one of those main css style sheets and put it back into the 'old' format so I could compare it in WinMerge line by line and see where it is different from mine- but all the colors are missing- I do not need a separate stylesheet for the colors- I know programmers that are managing and designing multiple sites this would be handy, but I not doing that. Therefore, keeping all the styles on one page would work for me....unless that won't work in the responsive mode.

With all the new code layout I am really on an uphill battle to learn all the new stuff ...and I have to meet a deadline -in 3 weeks. I am transferring to a new server -same company just a different hosting pkg- so hence the move - and the deadline. I wanted to do the upgrade (from 1.5.4 to 1.5.5d) before the move. Guess I could wait and do it after, then I won't be so rushed.

If you stop for a moment to breathe- technology leaps forward and catching up is a pain. I am running! LOL.
Thanks for your help.

Quote:

---

Originally Posted by april_may

I even took one of those main css style sheets and put it back into the 'old' format so I could compare it in WinMerge line by line and see where it is different from mine

---

That's half correct.

If you want to identify what exactly *you* customized, grab an original copy of the old files, not the new ones. Compare yours against the original old ones, to see what you changed. Then consider whether you want to apply those changes to the new one (yes, the approach might be slightly different in the new one, but at least you know what you customized in the old one, which is 90% of the progress).

Currently using: v1.5.5a with Responsive Classic Template

It’s been a while since I last needed to post a question – this has really got me stumped.

When I place items in the cart, the right hand side boxes disappear.

If I continue shopping or go to any other page the right hand side boxes remain invisible.

However, if I remove the items from the cart, the right hand side boxes reappear.

I would like the right hand side boxes to remain visible on all pages so any ideas as to why this is happening and how to stop it would be much appreciated.

To see live, please follow this link and add the product to the cart:

http://www.futuregarageservices.co.u...t-p-16969.html

I visited your site, but am not able to replicate he error.

Sorry – I noticed a whole bunch of other glitches had crept in so I have since performed an entire file and database restore.

Cured the problems – unfortunately it doesn’t solve what caused it in the first place though.

Proof that you should always back-up as you go!

Quote:

---

Originally Posted by Podgeminster

Sorry – I noticed a whole bunch of other glitches had crept in so I have since performed an entire file and database restore.

Cured the problems – unfortunately it doesn’t solve what caused it in the first place though.

Proof that you should always back-up as you go!

---

:flex: No problem

I am running V155a on the responsive classic template. Site works fine on desktop but on mobile, when you click on an item, it goes to the sitemap instead of the item page. p3america.com

(Currently using: v1.5.5a)

Hi,

The new store is in the final testing stages and I have a few remaining issues to fix.

One which I can’t seem to solve with the responsive classic template is the penultimate checkout page “index.php?main_page=checkout_payment”.

This page displays okay on a PC but on mobile devices the price totals are not correctly ordered and display above their line titles as follows:

£00.00
Shipping:
£00.00
Sub-total:
£00.00
VAT (20%):
£00.00
Total:

(Here, lineTitle.larger.forward is being displayed below totalBox.larger.forward)

I’d like it to display ordered as follows:

Shipping:
£00.00
Sub-total:
£00.00
VAT (20%):
£00.00
Total:
£00.00

(So totalBox.larger.forward displayed below lineTitle.larger.forward)

Any advice on how to achieve this would be much appreciated.

Quote:

---

Originally Posted by Podgeminster

(Currently using: v1.5.5a)

Hi,

The new store is in the final testing stages and I have a few remaining issues to fix.

One which I can’t seem to solve with the responsive classic template is the penultimate checkout page “index.php?main_page=checkout_payment”.

This page displays okay on a PC but on mobile devices the price totals are not correctly ordered and display above their line titles as follows:

£00.00
Shipping:
£00.00
Sub-total:
£00.00
VAT (20%):
£00.00
Total:

(Here, lineTitle.larger.forward is being displayed below totalBox.larger.forward)

I’d like it to display ordered as follows:

Shipping:
£00.00
Sub-total:
£00.00
VAT (20%):
£00.00
Total:
£00.00

(So totalBox.larger.forward displayed below lineTitle.larger.forward)

Any advice on how to achieve this would be much appreciated.

---

Sorry, used the title from my last post by mistake - now corrected.

Anyone else experiencing this issue?

hello, i am using Responsive-Classic template.

extra_links_box on mobile view is showing under header ( just mobile desktop is ok )

how to hide it from there ?

thanx Best emil
here is live site : www.sonarscope.hr
zencart v1.5.5d

Quote:

---

Originally Posted by SonarScope

hello, i am using Responsive-Classic template.

extra_links_box on mobile view is showing under header ( just mobile desktop is ok )

how to hide it from there ?

thanx Best emil
here is live site : www.sonarscope.hr
zencart v1.5.5d

---

Attachment 16982

i trn it off from site for the moment but here is screenshot where You can check extra links box with links

I've just spotted a typo in includes/templates/responsive_classic/css/responsive_tablet.css line 171

Code:

---

.rowEven, .roeOdd{overflow:hidden;}

---

should probably read

Code:

---

.rowEven, .rowOdd{overflow:hidden;}

---

Andy

(Sorry! I forgot to change the title!)

Quote:

---

Originally Posted by amayze

I've just spotted a typo in includes/templates/responsive_classic/css/responsive_tablet.css line 171

Code:

---

.rowEven, .roeOdd{overflow:hidden;}

---

should probably read

Code:

---

.rowEven, .rowOdd{overflow:hidden;}

---

Andy

(Sorry! I forgot to change the title!)

---

Nice find and thanks for pointing it out.

at 360+ posts since this template was included in the core, is anyone maintaining a version that has all the anomalies/errors/improvements etc. that have been flagged up since then...to avoid people late to the party having to trawl the entire thread for those nuggests?

Quote:

---

Originally Posted by torvista

at 360+ posts since this template was included in the core, is anyone maintaining a version that has all the anomalies/errors/improvements etc. that have been flagged up since then...to avoid people late to the party having to trawl the entire thread for those nuggests?

---

Kind of, sort of ... not exactly.:blink:

Seriously, I've got the template portions broken out so that I could pre-stage the template in some older Zen Cart installations, but haven't really been keeping up. I'll get a GitHub repository started (using 1.5.5e-3 as the change-basis), then with the community's help on identifying the changes we can get this template up-to-date.

Quote:

---

Originally Posted by Podgeminster

Anyone else experiencing this issue?

---

Yes. And I think I've found the problem(s).

The first issue is that the width of fieldset div is set to 80% or 90% in repsonsive_mobile.css. This shouldn't be a problem, but it is done with !important, so it's not possible to override it. It forces both the totalBox and the lineTitle to be very wide, and therefore they won't fit on the same line. So first comment out or delete part of responsive_mobile.css:

Code:

---

fieldset input[type=tel], fieldset input[type=date], fieldset textarea, /* fieldset div */, fieldset .inputLabel, fieldset input[type=text], fieldset input[type=email]{width:85% !important;margin:0  0 0 20px !important;}

---

This appears in two places, once for landscape and the other for portrait mobiles.

Secondly there is another line which sets the .forward tags to be too wide and removes the float:right from them as well. So comment out this line too:

Code:

---

/* #checkoutPayment .forward, #checkoutShipping .forward{float:none; width:95%;} */

---

Again it is in two places.

Now you'll probably find that the margins allowed are too big to let all the titles fit so you might want to add something like the following below the above line(s) in responsive_mobile.css:

Code:

---

fieldset div {margin-left:2px;}
.totalBox {width:25%;}
.lineTitle {width:60%;}
#checkoutOrderTotals div {margin-right:10px;}

---

In this case you might want different values for the portrait and landscape sections as the space available is obviously different.

Hope this helps - I realise it doesn't answer your actual question, but it does fix the behaviour to be the same as on a desktop.
N.B. Similar changes may be requires in responsive_tablet.css, but I've only just sussed this out for responsive_mobile.css and haven't had a chance to check yet.

To swap the order of the lines you need to swap the order of lines 18 and 19 in /includes/templates/YOUR_TEMPLATE/templates/tpl_modules_order_totals.php. But don't do this if you make the above changes.

Yours,

Andrew

Quote:

---

Originally Posted by gunni

Hi
I found something strange with href link.
I put the Featured products on the main page and the "hand" pointer is shown when the mouse is over the
gray box of the featured product. When pressed on the price number for example or under, no page is being redirected to.
Please try: My site

---

found the solution: in file Stylesheet.css around line 269:

Code:

---

specialsListBoxContents, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew{font-size:1.6em;cursor:pointer;padding:20px 0;}

---

I deleted "cursor: pointer;" so the "fake" icon of the link will not be shown where there is no real link.
Do not worry, when hover on a real link, the hand pointer apears.

Do not understand why to make a link pointer without a real link...

Hello, I upgraded from 1.5.1 to 1.5.5e and the test site is still non responsive. I looked at the source and the HTML still points to the "classic" files. Where do I go to change this to point to the "responsive"?

Thank you for your direction.

Quote:

---

Originally Posted by techietom911

Hello, I upgraded from 1.5.1 to 1.5.5e and the test site is still non responsive. I looked at the source and the HTML still points to the "classic" files. Where do I go to change this to point to the "responsive"?

Thank you for your direction.

---

One wonders how the upgrade was done. If you used something other than https://www.zen-cart.com/entry.php?3...d-of-upgrading, that may be part of the problem. Auto intalls/upgrades from hosts can be a problem.
If you DID follow the above instructions, there may be a file missing with the upload.
Template selection in a properly setup Zen Cart can be done in the Admin >> Tools >> Template Selection.
Once you get all working, I would suggest using lat9's clone a template mod to copy your template changes to one that will survive update.

Quote:

---

Originally Posted by techietom911

Hello, I upgraded from 1.5.1 to 1.5.5e and the test site is still non responsive. I looked at the source and the HTML still points to the "classic" files. Where do I go to change this to point to the "responsive"?

Thank you for your direction.

---

Admin/Tools/Template

Quote:

---

Originally Posted by dbltoe

One wonders how the upgrade was done. If you used something other than https://www.zen-cart.com/entry.php?3...d-of-upgrading, that may be part of the problem. Auto intalls/upgrades from hosts can be a problem.
If you DID follow the above instructions, there may be a file missing with the upload.
Template selection in a properly setup Zen Cart can be done in the Admin >> Tools >> Template Selection.
Once you get all working, I would suggest using lat9's clone a template mod to copy your template changes to one that will survive update.

---

At the end of the upgrade article (How do I do an upgrade and still keep my live store running in the meantime?) in steps 1-9, I miss understood #3 and copied 1.5.5e on top of every existing folder. I should have removed the old folders and replaced them with the new ones instead, then deleted files that don't belong anymore.

I think I got it now. Thank you

Responsive Classic on 1.5.5e - Any idea why I when clicking on a product it is only showing the product image and not the rest of the content of the page when on a mobile phone?

if no footer shows, start here.
https://www.zen-cart.com/content.php?124-blank-page

Quote:

---

Originally Posted by lat9

Kind of, sort of ... not exactly.:blink:

Seriously, I've got the template portions broken out so that I could pre-stage the template in some older Zen Cart installations, but haven't really been keeping up. I'll get a GitHub repository started (using 1.5.5e-3 as the change-basis), then with the community's help on identifying the changes we can get this template up-to-date.

---

OK, I've got the responsive_classic files (and support functions) pulled out from the Zen Cart 1.5.5e distribution and available on GitHub here: https://github.com/lat9/zen_responsive_classic

I haven't been keeping a change-list for the plugin's files thus far, so any changes needed will need to be (re-)identified, either here in the support thread or via a GitHub issue on the template's repository.

Quote:

---

Originally Posted by lat9

OK, I've got the responsive_classic files (and support functions) pulled out from the Zen Cart 1.5.5e distribution and available on GitHub here: https://github.com/lat9/zen_responsive_classic

I haven't been keeping a change-list for the plugin's files thus far, so any changes needed will need to be (re-)identified, either here in the support thread or via a GitHub issue on the template's repository.

---

Thanks for that lat9 - much appreciated.

cheers, Mike

Quote:

---

Originally Posted by lat9

OK, I've got the responsive_classic files (and support functions) pulled out from the Zen Cart 1.5.5e distribution and available on GitHub here: https://github.com/lat9/zen_responsive_classic

I haven't been keeping a change-list for the plugin's files thus far, so any changes needed will need to be (re-)identified, either here in the support thread or via a GitHub issue on the template's repository.

---

So Cindy - dumb question - I have held off upgrading my sites (from 1.5.1) due to lack of confidence in template(s) performance/suitability - now with your post above I am now going to give the upgrading a shot - so after upgrading do I then upload your includes files into /includes folder and overwrite as necessary?

thanks for your help.
cheers, Mike

Quote:

---

Originally Posted by shags38

So Cindy - dumb question - I have held off upgrading my sites (from 1.5.1) due to lack of confidence in template(s) performance/suitability - now with your post above I am now going to give the upgrading a shot - so after upgrading do I then upload your includes files into /includes folder and overwrite as necessary?

thanks for your help.
cheers, Mike

---

Mike, not a dumb question. The GitHub repository represents the files (and associated file-structure) for this template, as shipped within the Zen Cart 1.5.5 distributions and can be used in a couple of ways:

1. You're running ZC 1.5.4 (I wouldn't suggest installing the template on an earlier ZC version) and want to "kick the tires" before upgrading.
2. You're running a variant of ZC 1.5.5 and want to capture all the currently-known changes to the template.

In either case, you'd just "drop" the template changes in (there's a .SQL install script for the pre-1.5.5 installations) and then either clone that template or merge the template's current changes into your customized version.

Please note that at this point in time, the GitHub repository represents the v1.5.5e version of the template files.

Quote:

---

Originally Posted by lat9

Mike, not a dumb question. The GitHub repository represents the files (and associated file-structure) for this template, as shipped within the Zen Cart 1.5.5 distributions and can be used in a couple of ways:

1. You're running ZC 1.5.4 (I wouldn't suggest installing the template on an earlier ZC version) and want to "kick the tires" before upgrading.
2. You're running a variant of ZC 1.5.5 and want to capture all the currently-known changes to the template.

In either case, you'd just "drop" the template changes in (there's a .SQL install script for the pre-1.5.5 installations) and then either clone that template or merge the template's current changes into your customized version.

Please note that at this point in time, the GitHub repository represents the v1.5.5e version of the template files.

---

Hello Cindy - many thanks for your detailed response, I appreciate it. I'm not a developer so sometimes I struggle with terminologies/processes etc - had no idea what GitHub or a repository was about prior to your explanation - in layman's terms I assume what you have created is in essence a 'plug in' version of the template?

Again many thanks,
cheers, Mike

Quote:

---

Originally Posted by shags38

Hello Cindy - many thanks for your detailed response, I appreciate it. I'm not a developer so sometimes I struggle with terminologies/processes etc - had no idea what GitHub or a repository was about prior to your explanation - in layman's terms I assume what you have created is in essence a 'plug in' version of the template?

Again many thanks,
cheers, Mike

---

Mike, your assumption is correct.:smile:

Classic look Attachment 17051 Responsive template Attachment 17052

Hello, I just discovered responsive template and tried it.
It looks good and is passing Google mobile requirements.
I used before custom version of Classic template and it took me years to tweak to the look shown on first attachment.
Second Image shows current "out of box" look.
Is there anywhere description of Step by Step customization?
Where to start to customize Responsive template?
Is it actually customize able, like classic with custom folder for each section?
Can be anything done on admin Panel?

Any link pointing to begining of the process will be greatly appreciated.

Than you.

No particular laid out steps. It is a golden opportunity to learn using web developer extensions for your browser to experiment with your stylesheet(s).
A couple of things I would do first before diving in. Get the mod that better facilitates color changes for responsive_classic and install it. https://www.zen-cart.com/downloads.php?do=file&id=2088.
After it's installed and before you make any other changes, use the clone template mod to clone it to a new name for your store. Try to pick a clone name without the underscore. https://www.zen-cart.com/downloads.php?do=file&id=2087
Now, any changes to the new template can easily be found/removed/repaired using the old template and its clone.

For those of you wondering about underscores in URLs, Google, WooRank, and StackOverFlow all suggest dashes versus underscores.

Quote:

---

Originally Posted by dbltoe

use the clone template mod to clone it to a new name for your store. Try to pick a clone name without the underscore.

For those of you wondering about underscores in URLs, Google, WooRank, and StackOverFlow all suggest dashes versus underscores.

---

Um ... the name of the template directory never appears in the URL for SEO purposes. So using an underscore in the name of your template folder is unrelated to SEO.

My original thought as well. Still woorank and a few others are commenting on not only the "main_page" but items in the page source as well. Every day is another humbling experience.:lookaroun

Reasoning seems to be that links are confusing when underlined.

I downloaded v155 responsive classic. I have everything working well (https://gybproducts.com/almacenar/) except getting the Language icon buttons to show on my mobile site. They work find on the desk top both English and Spanish. Can someone help me or point me to information on how to fix this. Thank You, larry
Thank You

I found it and fixed it.

I removed display:none on line 58 of jscript_responsive_framework.php
https://github.com/zencart/zencart/b...mework.php#L58

Quote:

---

Originally Posted by dbltoe

No particular laid out steps. It is a golden opportunity to learn using web developer extensions for your browser to experiment with your stylesheet(s).
A couple of things I would do first before diving in. Get the mod that better facilitates color changes for responsive_classic and install it. https://www.zen-cart.com/downloads.php?do=file&id=2088.
After it's installed and before you make any other changes, use the clone template mod to clone it to a new name for your store. Try to pick a clone name without the underscore. https://www.zen-cart.com/downloads.php?do=file&id=2087
Now, any changes to the new template can easily be found/removed/repaired using the old template and its clone.

For those of you wondering about underscores in URLs, Google, WooRank, and StackOverFlow all suggest dashes versus underscores.

---

1. You wrote:

Quote:

---

Try to pick a clone name without the underscore.

---

When we try it there is an error:

! The Target Template must contain only alphanumeric (a-z, A-Z, 0-9) characters or underscores (_); please re-enter.
Attachment 17073

Is your suggestion misunderstood?

Also, your links suggest to use hyphen in all URLs.

2. Is it possible to configure Zen Cart with responsive template to do it? Now all URLs are like this:

//www.website.com/store/index.php?main_page=product_info&cPath=21&products_id=276

Thank you for your comment in advance

Quote:

---

Originally Posted by idtags

1. You wrote:

When we try it there is an error:

! The Target Template must contain only alphanumeric (a-z, A-Z, 0-9) characters or underscores (_); please re-enter.
Attachment 17073

Is your suggestion misunderstood?

Also, your links suggest to use hyphen in all URLs.

2. Is it possible to configure Zen Cart with responsive template to do it? Now all URLs are like this:

//www.website.com/store/index.php?main_page=product_info&cPath=21&products_id=276

Thank you for your comment in advance

---

I am not sure what you mean for point #2, but for the first one, you should not use a space in your template folder name.

To understand my question, please read previous page (38) post #378 by dbltoe.

Person suggests for SEO purposes instead of URLs like this:

//www.website.com/store/index.php?main_page=product_info&cPath=21&products_id=276

to use like this:

//www.website.com/store/books/books-about-aviation

It looks all modern e-shops generate URLs with hyphen and combine name of category and name of product.

Is there configuration in admin for it in new responsive templates?

Or I misunderstood the point completely?

Quote:

---

Originally Posted by picaflor-azul

Yes, natively, the grid layout does not come with zen cart v1.x. You will need to add a plugin like snaf or column layout grid for the grid layout. There may be versions of those plugins on github that are responsive.

Thanks,

Anne

---

On the home page, though, the Featured and Specials are gridded (at least to the point of being 3x3) - is it not possible to have the subcategory pictures (for example, here) grid themselves the same way? If not, can you recommend a plugin or module that will do that - I want to say it was working before we moved over to 1.5.5 (from 1.3.8a), but I can't confirm that for sure.

Quote:

---

Originally Posted by idtags

To understand my question, please read previous page (38) post #378 by dbltoe.

Person suggests for SEO purposes instead of URLs like this:

//www.website.com/store/index.php?main_page=product_info&cPath=21&products_id=276

to use like this:

//www.website.com/store/books/books-about-aviation

It looks all modern e-shops generate URLs with hyphen and combine name of category and name of product.

Is there configuration in admin for it in new responsive templates?

Or I misunderstood the point completely?

---

idtags,
Did you see my post following the one you chose to act on?
Here it is again:

Quote:

---

Originally Posted by DrByte

Um ... the name of the template directory never appears in the URL for SEO purposes. So using an underscore in the name of your template folder is unrelated to SEO.

---

Also, the format of the URLs your site generates has *nothing* to do with using a "responsive template". That's a completely separate discussion, best had in the "Search Engines" section of the forum. And again, it has nothing to do with configuration settings of the responsive classic template.

Additionally, no, (by default) there are admin settings for controlling the URL format. You can add a plugin to do that if you wish. Discuss it in the Search Engines section.

Hello

I am uploading photos to a new site. I noticed that there are no scroll bars in the photos making it very difficult to view a larger image. I read the tut on images but it was referring to ZC 1.2.1. None the less I did what it said (create a jscript_main.php file). I placed it in a new directory includes/modules/classic responsive/pages/product_info. Refreshed the website and no change.

Any ideas? No scroll bars means trouble viewing the image unless you have a very large monitor.

Quote:

---

Originally Posted by pixelpadre

Hello

I am uploading photos to a new site. I noticed that there are no scroll bars in the photos making it very difficult to view a larger image. I read the tut on images but it was referring to ZC 1.2.1. None the less I did what it said (create a jscript_main.php file). I placed it in a new directory includes/modules/classic responsive/pages/product_info. Refreshed the website and no change.

Any ideas? No scroll bars means trouble viewing the image unless you have a very large monitor.

---

I use colorbox for images along with wheelzoom.. the resizing is done to match screen width, zooming in with the mouse wheel... but to answer your question, in the modules/pages/product_info/jscript_main.php find or add this function within the script tags, Change the no to yes for scrollbars...

Code:

---

function popupWindow(url) {
  window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}

---

I don't think you can use the template system for pages!! '/modules/classic responsive/pages/' should be '/modules/pages/'

Quote:

---

Originally Posted by davewest

I use colorbox for images along with wheelzoom.. the resizing is done to match screen width, zooming in with the mouse wheel... but to answer your question, in the modules/pages/product_info/jscript_main.php find or add this function within the script tags, Change the no to yes for scrollbars...

Code:

---

function popupWindow(url) {
  window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}

---

I don't think you can use the template system for pages!! '/modules/classic responsive/pages/' should be '/modules/pages/'

---

The ZC tutorial that I read indicated that this change should be made using overides as I described above.

Quote:

---

Originally Posted by davewest

I use colorbox for images along with wheelzoom.. the resizing is done to match screen width, zooming in with the mouse wheel... but to answer your question, in the modules/pages/product_info/jscript_main.php find or add this function within the script tags, Change the no to yes for scrollbars...

Code:

---

function popupWindow(url) {
  window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}

---

I don't think you can use the template system for pages!! '/modules/classic responsive/pages/' should be '/modules/pages/'

---

You are right. The files in "includes/modules" can de overridden with "includes/modules/YOUR_TEMPLATE" , but includes/modules/pages" can not. The files inside that folder tree can only be overridden by editing the files themselves.

Hello,

I plan on upgrading to zencart 5.5.5e and responsive classic. I am currently using 1.5.4 and I am getting penalized by google for not being mobile friendly in search results. My site is missingcord.com. My plan is to rebuild a light (not all products or images added) version of my site on salvagecrate.com So i can get a good idea of how to get everything back and running when i try it on my main site domain. So far everything is running smooth. I really like how responsive classic looks. My problem is , i am trying to change the color of the menu button ( icon that looks like a stack of papers) in the mobile version to red like my top bar.

I noticed that when i changed line 3 in includes/templates/responsive_classic/css/stylesheet_colors.css to the hex color for black , i was able to get the default text color in the catalog how i wanted it. But the menu button in mobile also changed to black from that teal color you guys had.

How would i go about changing just that button to red like my top bar ? Do I need to make a new line with one of the options in line 3 ? Just cut and past it , while adding its on hex code ?

update: I just noticed the nav buttons on the top also turn teal when i mouse over them. Now i need to figure out how to fix that too lol

This is the very reason we came up with the color change mod. Take a look at https://www.zen-cart.com/downloads.php?do=file&id=2088

Hi,

I've been using Zen Cart for about 5 years now and it's been a great experience. Current live version is 1.5.4 upgraded from 1.5.0.

Am looking to do a clean install of 1.55e and transfer my customer and product info over. I'd like to do this mainly because a year or two ago I installed a third party template I found on the web to get my site to be responsive for mobile users. I tried some of the responsive templates in Plugin sections but was never able to get them to work correctly for me. Lots of trial and error but got it working and it's served me well, but there is mixed content and get errors when enabling SSL. I want to use https. Also just need to clean everything out because am sure there is stuff in there that causes errors. Still overall the site works OK for me currently.

Used Softaculous and and created a new install on a subdomain. The first issue I encountered with using Responsive Classic Template is that the sideboxes just disappear when I make the desktop window smaller or use mobile mode. I do see the menu button on top but I want the sideboxes to still show up, just lower down the page. I tried enabling under Tools>Layout Boxes Controller but nothing makes any difference.

On my live site currently if I make the desktop window narrower or go into tablet or mobile mode the sideboxes from the left and right sides of my page are automatically moved to the bottom. So you can just scroll down to see them. Had thought this was called "single column" mode but may be mistaken.

Apologize if this has been covered already but I spent about 45 minutes searching forum and didn't find an answer. Is there a simple way to enable this feature or is it working like it should and is just different than the responsive template that's installed on my live site? Am no tech guru or very knowledgeable about CSS, HTML etc. but am willing to learn and would appreciate any info or suggestions.

Thanks, Ted

I can't teach all about "responsive design" and css "media queries" here, but here's the jist:

In the stylesheets you'll see a media query which specifies the screen orientation or size to be described. For example:

Code:

---

@media (min-width:0px) and (max-width:480px){
...
div#categories { display:none;visibility:hidden; }
...
}

---

The above example says "for media (ie: screen-sizes, whether mobile, or resized-desktops) from 0px-to-480px, the <div> whose id="categories" should have its display property set to "none" (ie: hidden), and its visibility set to 'hidden'. ie: on small screens, don't show the categories sidebox.

The various stylesheets have various different screen-sizes (media queries) specified, followed by a brace: { and a bunch of rules, and then a closing brace: }

If you wanna force certain sideboxes to always display, you can fiddle with some of these display properties. Keep a backup in case you fiddle too much ;)


In the cases where columns drop down to the bottom and show below other content, that could just be a sizing issue, whether intentional or not. That may require a different set of skills to adjust.


Additionally, you may want to consider that you do NOT want to actually display those sideboxes at all. Often in mobile views things are shoved into a separate menu which only shows in mobile mode. Accessing this menu is typically done by clicking the "hamburger icon" (three horizontal rows in a square box).
In this template, the contents of the menu shown for mobile is in /includes/templates/responsive_classic/templates/tpl_modules_mobile_menu.php ... granted, 99% of the stuff in there is configurable from settings in your Admin->Configuration menu.

Thanks for the fast response Dr. Byte.

I tried editing the /includes/templates/responsive_classic/css/responsive_mobile.css and /includes/templates/responsive_classic/jscript/jscript_responsive_framework.php as described early in this thread but couldn't replicate the way my site currently works.

The best I could do was get (for example) the Categories box to show up in Mobile mode but it was above the page content not below.

So looks like most Responsive templates don't work like what I am using. Makes sense I guess not to have the same content you can access by the "hamburger icon menu" always displayed towards the bottom of page but I had gotten used to it

On the bright side at least I don't have to waste any more time on this particular issue..

We want to know what happened to the old DrByte. :smile: The one that was more abrupt and intolerant.

Quote:

---

In the cases where columns drop down to the bottom and show below other content, that could just be a sizing issue, whether intentional or not. That may require a different set of skills to adjust.

---

This happens when a setting other than those in the responsive.css file (around line 21) are used. If you have to have something specific, you may need to clone one of those lines and change the settings accordingly.

Quote:

---

Originally Posted by dbltoe

This is the very reason we came up with the color change mod. Take a look at https://www.zen-cart.com/downloads.php?do=file&id=2088

---

thank you so much again for showing me this. So far the mod has worked wonders for me. I have a few new problems. If i use the regular search in layout box it doesn't show up in the mobile or tablet version of the site.

www.salvagecrate.com

And if I use search_header it shows up in nice spot under the logo and again on the menu drop down options for mobile and tablet. But, The text that's in it is a ugly pink shade. The " enter search keywords here" text. Is there anyway to change that to just black color text ?

or is there a add on / plugin to have a search button in the header kind like the login, cart etc ones for the mobile version. To me that would be a whole lot cleaner.

kinda like the ups.com mobile site. They have exactly what i want as far as mobile search . Is there anything like that in zencart ?

ZenCart v1.5.5e
About_us page
dbio 1.3.0
MainImageReplacer-v1.0
Image_Handler4_v4.3.2

Can this be fixed? --> Yes, no, maybe?

Attachment 17198