Responsive DIY Template Default for v1.5.x

uswebworx:

Me too, but that's another thread or I will PM you and not clutter the thread

I am not sure what you mean - I would like to see of course, but I will not troubleshoot a template that you paid for and are having issues with.

rbarbour:

Change of plans - (SORRY)

I am still working towards providing you with a copy of my (not yet responsive) 151 fluid layout, but it is proving difficult to extricate a simple working copy. The forms have been done, but much of the css remains to be tidied. Greater problem yet is that there are so many modified files, specialised images and menus, tailored mods and certain trade thingies that need to be separated out from the mix. Maybe I could just start by sending you files in dribs and drabs, privately, then let you determine what else you may need. I am reluctant to start a public thread on the matter as I feel I would not have the time to answer others concerns.

cheers

rbarbour:

Change of plans - (SORRY)

I have been playing with 2.0 for about a week now, holding back from my co-collaborators (SORRY).

As I continue to see what other contributors, 3rd party template providers and "shop owners" are altering and trying to accomplish using the current version I have decided that adding more options would be a vain attempt.

So instead, I have decided to:

Alter the /tpl_main_page.php
1.) Removes all the if statements that call the center column responsive css col classes and added a simple calculation function.

Altered the responsive CSS code
1.) I cleaned this up so only the wrapper & col classes are used now
2.) I broke the px & % calculation into 10th;s (code includes 120-10px columns)
3.) I included detailed touch and don't touch instructions
4.) I included examples using different media query expressions
4.a) Media Types (screen and handheld)
4.b) Orientation (landscape or portrait)
4.c) Aspect Ratio
4.d) Pixel Ratio
4.e) Resolution
5.) I included over 100 different (popular) media queries with attached devices (phones, tablets, laptops, desktops)

Altered the ADMIN configurations
1.) Now the Activation for the responsive code will be 0=no and 1=yes, removing the preset widths
2.) Adding the px & % calculation to include 120-10px columns allows us to use ZC;s stock Column Width - Left and Column Width - Right configurations adding are own side column widths (whatever we choose) in 10px increments of course. 50px, 70px, 120px, 150px, 180px, ect. and can now have different values for left and right.

I removed the option for a RESPONSIVE-FLUID design. This will be offered separate as it's own template and will be available soon.

It all sounds great! I can not thank you enough for all of your work on this. You are really helping to put zen cart on top :clap:

Thanks,

Anne

rbarbour:

I am not sure what you mean - I would like to see of course, but I will not troubleshoot a template that you paid for and are having issues with.

Would never ask you to troubleshoot it when its not yours, sorry it came across that way

dw08gm:

I am still working towards providing you with a copy of my (not yet responsive) 151 fluid layout, but it is proving difficult to extricate a simple working copy. The forms have been done, but much of the css remains to be tidied. Greater problem yet is that there are so many modified files, specialised images and menus, tailored mods and certain trade thingies that need to be separated out from the mix. Maybe I could just start by sending you files in dribs and drabs, privately, then let you determine what else you may need. I am reluctant to start a public thread on the matter as I feel I would not have the time to answer others concerns.

cheers

I would be ok with that and would love to see the progress you have made.

picaflor-azul:

It all sounds great! I can not thank you enough for all of your work on this. You are really helping to put zen cart on top :clap:

Thanks,

Anne

Incorporating the responsive code in you awesome templates is all thanks I need. :smile:

uswebworx:

Would never ask you to troubleshoot it when its not yours, sorry it came across that way

I do like the template you have chosen.

A completed version to see it in action with categories, manufacturers and products would be even better.

It amazes me that all these commercial Zen Cart templates are emerging with the Bootstrap code seeing how their licensing conflicts and can't be bundled together. as Diva would put it shrugs

rbarbour:

I do like the template you have chosen.

A completed version to see it in action with categories, manufacturers and products would be even better.

It amazes me that all these commercial Zen Cart templates are emerging with the Bootstrap code seeing how their licensing conflicts and can't be bundled together. as Diva would put it shrugs****snickers:laugh:

When I have time to finish it I will happily allow you and Diva and Anne to have a copy as it's mine to whatever with except resell.

uswebworx:

When I have time to finish it I will happily allow you and Diva and Anne to have a copy as it's mine to whatever with except resell.

I do appreciate that, like I said though, the BS code used to make it responsive can't be bundled with any templates or plugins so it really won't do any of us any good.

One could create a template or plugin and offer it free to the community with instruction on how to merge or incorporate the BS code.

BS = BootStrap (no pun intended)

Well then who I bought it from lied! That is true BS - pun intended :)
They said modules could be used. They are even on the forum I've noticed.

uswebworx:

Well then who I bought it from lied! That is true BS - pun intended :)
They said modules could be used. They are even on the forum I've noticed.

I'm not here to dispute anyone's business ethics.

Modules can be downloaded and used.

The licenses prevent BS from being packaged with ZC.

Looking for a few testers.....

The below link includes some of the 2.0 responsive code.

I have tested using several user agents and all appear to work correctly. I want to simply test devices.

Please visit www[.]zcadditions[.]com/new_default/

Desktop users will see nothing special
Tablet users (the div#headerWrapper background should be BLUE)
Phone users (the div#headerWrapper background should be RED)

device = desktop, color = default
device = tablet, type = brand, color = blue
device = phone, type = brand, color = red

Any help is appreciated and Thank You!

Phone: Samsung Galaxy S3, RED, Looks good here :)

rbarbour:

Looking for a few testers.....

The below link includes some of the 2.0 responsive code.

I have tested using several user agents and all appear to work correctly. I want to simply test devices.

Please visit www[.]zcadditions[.]com/new_default/

Desktop users will see nothing special
Tablet users (the div#headerWrapper background should be BLUE)
Phone users (the div#headerWrapper background should be RED)

device = desktop, color = default
device = tablet, type = brand, color = blue
device = phone, type = brand, color = red

Any help is appreciated and Thank You!You KNOW I'm more than happy to help test..:P

Been CRAZY busy these last two weeks getting ready for racing this weekend..

Heading out for a girls night out at the movies.. I will test this and everything else you asked me to test AS SOON AS I GET home tonight.. Tomorrows the start of the race weekend for us, and I'll be on the road in the morning.. So I can do more testing tomorrow too if you need..

DivaVocals:

You KNOW I'm more than happy to help test.. Just been CRAZY busy these last two weeks getting ready for racing this weekend..

Heading out for a girls night out at the movies.. I will test this and everything else you asked me to test AS SOON AS I GET home tonight.. Tomorrows the start of the race weekend for us, and I'll be on the road in the morning.. So I can do more testing tomorrow too..

That would be great for this was implemented specifically to handle your 10" tablet / laptop issue. LOL

gilby:

Phone: Samsung Galaxy S3, RED, Looks good here :)

Thank you

rbarbour:

That would be great for this was implemented specifically to handle your 10" tablet / laptop issue. LOL

Gosh.. I feel special!!:laugh:.. I will get you the test results as soon as I get back.. I promise!!

tablet:SurfaceRT8.1:IE11:landscape:default
tablet:SurfaceRT8.1:IE11-Portrait:BLUE

RixStix:

tablet:SurfaceRT8.1:IE11:landscape:default
tablet:SurfaceRT8.1:IE11-Portrait:BLUE

Thank you