Responsive Classic Redesign Support thread

Yes that is correct it overrides the Responsive Classic template.

Thanks for the fast reply. So it Will overwrite all the changes on files I made on the classic responsive template I have installed now.
Would the solution be to use Winmerge to compare the files?

Foghead:

Thanks for the fast reply. So it Will overwrite all the changes on files I made on the classic responsive template I have installed now.
Would the solution be to use Winmerge to compare the files?

Winmerge is a good choice to comapre files. That what i use

If you use the 'Clone a Template' plugin you can copy all of your template settings to a new template to preserve them.
I never modify an original template. It is always maintained as the master and changes ar emase to a clone.

Just to clarify things.
Does it override or overwrite?

overwrite

The Clone Template plugin sounds like what I need at this point.
I did not know that existed.
Thanks much.

I restarted fresh with the new template update. It is definitely better and much easier with the backend setting (admin side).

One issue is some how the left column is displayed on small screen ( mobile mostly)

How do i remove it?

Is there a way to display 2 product per line on mobile?

I saw the new setting for desktop which i switch from 3 to 4 product per row ( css and admin ) but i cn t figure how to get 2 per lin on mobile.

Thank you

Nick, thanks for the feedback!

Yes, this should be a major improvement over what was there before. The original issue was that I somehow overlooked styling the category count. It’s a minor change, but it makes a big difference.

If you notice anything else, feel free to let me know—my goal here is to keep things as simple and user-friendly as possible.

To display 2 or 3 or more products per row via mobile just find

stylesheet_zcustom
line 2064

 

     .rblockelements {
     display: grid;
     grid-template-columns: repeat(1, 1fr);
 }

[B]change to[/B]

     .rblockelements {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
 } 

One issue is some how the left column is displayed on small screen ( mobile mostly)

Do you have url i can see what you are talking about. Not exactly sure what you mean

One issue is some how the left column is displayed on small screen ( mobile mostly)

I think i know what your issue is. I will submit to github later in the day. This will solve all your issues regarding the column not hiding and loosing the style when changing columns layout in the backend of zencart.

Please keep feedback coming.

Nick I just submitted the Upgrade on github v2.1b.

stylesheet_zcustom.css. is where the changes were made. You should be good to go with these changes. And thanks again for the feedback...

chadlly2003:

Nick, thanks for the feedback!

Yes, this should be a major improvement over what was there before. The original issue was that I somehow overlooked styling the category count. It’s a minor change, but it makes a big difference.

If you notice anything else, feel free to let me know—my goal here is to keep things as simple and user-friendly as possible.

To display 2 or 3 or more products per row via mobile just find

stylesheet_zcustom
line 2064

 .rblockelements {
 display: grid;
 grid-template-columns: repeat(1, 1fr);

}

[B]change to[/B]

 .rblockelements {
 display: grid;
 grid-template-columns: repeat(2, 1fr);

}

Thank you for that. I must  have missed it. 

I think I need to "compartmentalized" some of the the css so it is  easier  to find which settings applies to  which screen size when editing the files. 

> Do you have url i can see what you are talking about.  Not exactly sure what you mean

it is <https://www.royal-fleur.com/belvedere>

P.s: I am kind  of in the middle of  a server migration so changes may not show

chadlly2003:

Nick I just submitted the Upgrade on github v2.1b.

stylesheet_zcustom.css. is where the changes were made. You should be good to go with these changes. And thanks again for the feedback...

Thank you as well for the fast assist and replies.

One last thing (well for now :smile:)

I am using OPC ( one page checkout) and the login page gets a bit odd looking on desktop.

Works fine on mobile but on full screen , everything gets pushed to the left since there is no left or right columns.

It is just a thought but maybe having the "container" centered in the page could be nicer.

Or maybe having "returning customer/ new customer / guest " lined up on the same line on desktop

nicksab:

One last thing (well for now :smile:)

I am using OPC ( one page checkout) and the login page gets a bit odd looking on desktop.

Works fine on mobile but on full screen , everything gets pushed to the left since there is no left or right columns.

It is just a thought but maybe having the "container" centered in the page could be nicer.

Or maybe having "returning customer/ new customer / guest " lined up on the same line on desktop

Grab the latest update from github for the template. Then turn on your OPC and I can help you style it. Just hard when i cant see it.

chadlly2003:

Grab the latest update from github for the template. Then turn on your OPC and I can help you style it. Just hard when i cant see it.

Thank you. the page in question should be accessible at https://www.royal-fleur.com/belvedere/index.php?main_page=login

nicksab:

Thank you. the page in question should be accessible at https://www.royal-fleur.com/belvedere/index.php?main_page=login

Unless the template is overriding the OPC settings, the Login-Page Layout settings in Admin >> Configuration >> One-Page Checkout Settings should be controlling what you see.

L;P,G,C;B is one our customers like.

nicksab:

Thank you. the page in question should be accessible at https://www.royal-fleur.com/belvedere/index.php?main_page=login

dbltoe is correct. That is the best way to do what your looking to accomplish

nicksab:

Thank you. the page in question should be accessible at https://www.royal-fleur.com/belvedere/index.php?main_page=login

Nick,

This is just a suggestions. This will fix the logo and clean up the header. It will also hide the category sidebox on mobile.

if you put this on the very bottom of your stylesheet_zcustom.css.

.onerow-fluid > [class^="col"]:nth-child(1) {
  display: none;
}
div#logo {
max-width:100% !important;
width:100% !important;
margin-left:0px;
}

@media (min-width: 992px) {
  .onerow-fluid > [class*="col"]:nth-child(1) {
    padding-left: 0rem;
    margin-right: 2rem;
    display: block;
    width: 220px;
  }
}
 
@media (min-width: 1300px) {
div#headerWrapper {
margin-left:15px !important;
margin-right:15px !important;
}

}
 

dbltoe:

Unless the template is overriding the OPC settings, the Login-Page Layout settings in Admin >> Configuration >> One-Page Checkout Settings should be controlling what you see.

L;P,G,C;B is one our customers like.

I am familiar with these. My main issue is that the whole container is on the left of the page on full screen.

I am assuming ,since there is no left column, it gets shifted to the left. It would be nicer if it stayscenter to the page regardless of the screen size.