Responsive Classic Redesign Support thread

[dbltoe]

I fully agree with carlwhat and did not post to denigrate your project, abilities, or dedication to Zen Cart.

I wanted to point out the pitfalls many of us have created for ourselves in the past by not fully considering all the settings and variables that can be manipulated in the admin configs.

Such a basic thing as column settings can, unfortunately, grow into big problems. In such a situation, an additional .sql file to set up the database is one of the things the commercial templates are missing.

[chadlly2003]

I fully agree with carlwhat and did not post to denigrate your project, abilities, or dedication to Zen Cart.

I wanted to point out the pitfalls many of us have created for ourselves in the past by not fully considering all the settings and variables that can be manipulated in the admin configs.

Such a basic thing as column settings can, unfortunately, grow into big problems. In such a situation, an additional .sql file to set up the database is one of the things the commercial templates are missing.

just wanted to say I really appreciate all the feedback — keep it coming! I don’t take anything personally. I genuinely enjoy doing this, and I believe Zen Cart is one of the most powerful eCommerce platforms out there.

I'm actively documenting issues and taking notes for future upgrades. DBToe, I know you've been doing this a long time, and I’ve learned a lot from your insights — truly appreciated. It’s the little things that really make a difference. I get the frustrations, and I’m all in on working together to make things better.

I’m also currently working with Dr. Bytes on upgrading the forum.

Let’s keep the feedback coming on the template before we dive deeper into the other issues that have come up.

[nicksab]

IMO, @chadlly2003, i applaud your work here and encourage you to continue on with it.

unfortunately there are too few people working to support this project, and those that do should be encouraged as opposed to criticized.

having another supported template is AWESOME.

well said and I could not agree more. ZC could definitively use more updated/modern templates.

Picaflor did some great work with responsive if I remember correctly.

Lat9 and the Bootstrap template became the standard over time.

Big thanks to Chadly for taking on this project and offering more options to the ZC community

[nicksab]

If you want to use the backend instead of changing the css you can just go to

Go to your admin
Admin / Configure / Product Listing

Columns Per Row (change it to 2)



/includes/modules/responsive_classic/product_listing.php

find this line 402

$style = ' style="width:' . $col_width . '%;"';

replace with

$style = ' style="width:' . $col_width . '"';

and to enlarge image just go the the stylesheet_zcustom.css

line 2684

find

@media (min-width: 768px) {
  .list-image img {
    float: left;
    margin-bottom: 0px;
    width: 80px;
  }

and change the width to your desired size

umm unfortunately neither solution is working for me. Layout is getting messier the more I go

Using the developer console, I am getting width: 49.5 as an invalid property value now

[chadlly2003]

nick i just checked your site and it looking very good. The only recommendation that i can make is to put some spacing on the tablet view on your product columns.

One other suggestion your logo is at 1200px; You need to crop it down to 500px.

path: stylesheet_zcustom.css
line 2217

find

   .rblockelements {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
   }

replace

    .rblockelements {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap:1rem;
   }

[torvista]

The link between database constants and a template layout is long overdue to be separated in the core, as examples for template creators.

>an additional .sql file to set up the database is one of the things the commercial templates are missing.

It is possible.
'template_init.php' runs on template selection.

And for real-time override of db constants:

https://docs.zen-cart.com/dev/code/template_settings/#two-kinds-of-settings-available

Either a template should have it's own admin page or all customisations should be in it's own files...I prefer that, much faster for developing.

[chadlly2003]

I fully agree with carlwhat and did not post to denigrate your project, abilities, or dedication to Zen Cart.

I wanted to point out the pitfalls many of us have created for ourselves in the past by not fully considering all the settings and variables that can be manipulated in the admin configs.

Such a basic thing as column settings can, unfortunately, grow into big problems. In such a situation, an additional .sql file to set up the database is one of the things the commercial templates are missing.

I just submitted an update.
I removed some of the CSS that was overriding Zen Cart’s backend styling.
I also made similar adjustments to the image and column lists to ensure better compatibility. Additionally, I implemented a few changes based on zencart feedback.

Should make it a lot easier now....

Note: If you change the number of columns or rows to 2, 4, or more, you'll need to update one specific CSS element to match the style of the website. The number 3 indicates the row count

stylesheet_zcustom.css (line 2747)

.rblockelements {
    display: grid;
    grid-template-columns: repeat(3, 1fr);  <!-- this class needs to match the category count in the backend of zencart (no changes needed for 1 and 3 rows as that is the default.)
    gap: 1rem;
}

Keep the feedback coming.

[wmorris]

I was wonder if someone can help with a some images issue.

On the new product module and product listings modules I have most images are taller than the other ones. How can keep all images the same size even the ones that are taller for an example.

Most sizes are:
1400x1400

the taller images is:
1400x1943

Hope you understand what I am trying to do.

[chadlly2003]

I was wonder if someone can help with a some images issue.

On the new product module and product listings modules I have most images are taller than the other ones. How can keep all images the same size even the ones that are taller for an example.

Most sizes are:
1400x1400

the taller images is:
1400x1943

Hope you understand what I am trying to do.

Can you show me an example. Also i just did an update on this template you can grab it in github.

[Foghead]

Hello
Does the Responsive-Classic-Redesign overwrite the Responsive Classic template changes that have been made for customization?
Or does it show up as a separate template in the template manager in admin tools?