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

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

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 :)

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.co.uk/index.php?main_page=advanced_search_result&search_in_description=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.co.uk/index.php?main_page=index&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?

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/index.php?main_page=index&cPath=391

If I switch to classic green, it looks fine.

Thanks
Carol

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/index.php?main_page=index&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.

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/index.php?main_page=index&cPath=391

If I switch to classic green, it looks fine.

Thanks
CarolYou 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/.

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 https://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.