Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

re-designing OSCommerce, - advanced


Tjobbe

Recommended Posts

hey everyone.

 

I've used the sts template system on past installations but now I want to really strip the tables put of oscommerce and use a css version.

 

I am fairly fluent in css and xhtml, php im more of a beginner at but i know more or less whats-what.

 

Would i have to go through each and every file to remove the tables? i can imagine that being a bit of a task. or are there only a handfull that need to be editted?

 

I've never considerred going this deep under the skin of oscommerce before, has anyone else done this in the past?

 

Thanks for any advice,

 

Tjobbe :thumbsup:

 

 

 

[edit]

woohoo! 100 posts!

Link to comment
Share on other sites

Just on a side note it is much easier to pull the information you need (php) from the files and redo the pages in CSS than it is to remove all of the formatting in the original files and then try to add CSS into them.

 

Just my suggestion ;)

Kenneth S

--------------

Customer "Are you a real programmer?"

Me "No, but I did stay at a Holiday Inn Express last night"

Link to comment
Share on other sites

There are 2 xhtml add-ons available in the contribution sectuion, they might save you alot of work.

Link to comment
Share on other sites

I am almost finished with such a project. I feel like I just sat down at the banquet and ate everything on the table: I have no php experience and no previous OSC sites running. It has taken me a month to get it to a point where I'm happy. All tables are gone except for the ones that display forms (this is a controversial issue anyway - should you use tables for forms or not) and those that display obvious tabular data (product category pages). I used BTS as a starting point since I wasn't familiar with OSC or php and thought it might have given me a head-start. In retrospect, I wish I had just started with a clean install.

 

It's been a great learning experience and now I have something to build other sites upon. And the code is so much cleaner without all those tables.

 

My advice for someone about to take on the challenge would be to set aside plenty of time. Even if you have php experience I would think it would still take some time to complete. I worked out most of my initial problems on the index page first then began working on the second level pages.

 

I'll post a link when I'm ready for prime-time later in the week. Feel free to let me know if you have any questions.

Link to comment
Share on other sites

A great thing would be for you to upload the files as a contribution for others. lol :)

Wendy James

 

Creativity is allowing yourself to make mistakes. Art is knowing which ones to keep.

Link to comment
Share on other sites

The big problem with going all CSS is the people who haven't upgraded their browsers for years (and there's plenty of them).

 

IE 5 or older, many versions of Netscspe, an all CSS design will break on those browsers. So you take your chances.

Local: Mac OS X 10.5.8 - Apache 2.2/php 5.3.0/MySQL 5.4.10 • Web Servers: Linux

Tools: BBEdit, Coda, Versions (Subversion), Sequel Pro (db management)

Link to comment
Share on other sites

I've fooled around with a tableless css oscommerce shop and it just never looked right on Macs. It would like fine on IE 5+, Firefox and even decent on IE 4, just couldn't work out the Safari issues.

 

Are you guys making sure your tableless oscommerce shops still look good with a Mac?

I ♥ PHP/MYSQL/CSS

Link to comment
Share on other sites

I would be making sure that whatever the finished piece, it would be as valid as possible, with minimum use of tables. cross-browser compatibility is a must, and it is something I always I ensure I do properly anyway. so macs, pcs, whatever will be able to use them.

 

KennethS - this is exactly what I need to do, and I realise this. I really just wanted to know if there was only a small amount of pages to "fix" or litterally all of them. I'm guessing it will be all of them now.

 

Michael - good luck, let me know how you get on if you can, id love to see the end result! making it a contribution is never a bad idea, as suggested by wendyjames.

 

 

any advice on where to start? index page first? seperate all the areas and start small?

 

its going to take some time but i think this is really what oscommerce needs, a fully valid css tableless layout.

 

MarcoZorro - when is MS3 coming out - does anyone know?

Link to comment
Share on other sites

when is MS3 coming out - does anyone know?

 

Well 8 weeks ago it was due to be launched within 1-2 weeks - so it should be any time now! :D

 

I'd be surprised if MS3 wasn't on the agenda of the meeting in Belgium.

 

Vger

Link to comment
Share on other sites

I dont know... maybe someone could get the team drunk in Belgium and make them talk :D

 

I think before meeting in Belgium or at least I thought so.

I hope hovewer as soon as possible.

Giovanni Putignano

Link to comment
Share on other sites

I agree with the comment about backwards compatibility. But when you are building using CSS you always take that into consideration. And you consider those with visual disabilties who view their web pages with the text set on really big - which breaks most web pages.

 

I have done testing throughout the development process. Here's what I've found.

Works in:

Firefox (all versions)

IE 6 (all ver. of Windows and AOL 5-9)

IE 5 (all ver. of Windows and AOL 5-9 plus MAC)

Opera 7 (a few little shifting problems but can live with)

Konqueror

Netscape 6

Netscape 7

Safari

Mozilla 1.7

 

Ugly in:

IE 4

Netscape <6

 

So I built in some hacks to fix some of the problems with Opera and a few IE issues and all versions that fit into the ugly category get unstyled pages which work functionally but don't have the eycandy.

 

Wendy, I thought about that and I might be able to at a later date. I took out a lot of code that I didn't need for this client so I haven't done a complete recoding of all files. I've been thinking of a way to repurpose this after I launch I'll go back and add the rest of the code that I took out so others can benefit from all the work. It would sure save a lot of time for those looking for such a solution.

Link to comment
Share on other sites

  • 1 year later...
I've fooled around with a tableless css oscommerce shop and it just never looked right on Macs. It would like fine on IE 5+, Firefox and even decent on IE 4, just couldn't work out the Safari issues.

 

Are you guys making sure your tableless oscommerce shops still look good with a Mac?

 

Yup! We designed an XHTML / CSS tableless rewrite of osCommerce simultaneously on Mac OS9, Mac OSX (Tiger), Windows XP for Safari, Firefox, IE 5, 5.5 (Mac/Win), 6 and there are only a couple of problems with IE 7 with are IE issues. We developed, also, a CSS switcher that reads the browsers being used and platform.

 

We decided to get at least 10 clients to hire us for this 'service' so that we can recover some of our investment (It was a BIG pain to do this). We'll then offer it as a 'contribution' to the community because we're already almost ready to roll out our own application.

 

I'm not sure if it is ok to post a link to our site from here, so I won't, but doing a search for csscommerce (our other app) should allow you to find us pretty easily.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...