Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Making your shop look snazzy and professional


Mrs Minx

Recommended Posts

Hey All,

 

I was reading a post somewhere along the line which someone replied 'only use simple templates and edit them on an html editor'

 

Can this be done?

 

If so I am a complete numpty! I have been playing around with sheets and codes and all sorts, up till 5am trying to make my site look good. Am now seriously contemplating buying a flashy template so mine looks pro.

 

Any ideas? :)

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

Minxy :)

 

"Keep plodding on to achieve your dreams"

Link to comment
Share on other sites

You can use an html to flesh out your idea... but I wouldn't edit a page directly using an html editor because it still adds alot of code that is not needed. Even the lastest versions of Dreamweaver and Golive still create messy code.

 

 

Better to work out your idea in an html editor and then copy and paste the needed code using a TEXT editor. You'll still need to know the Osc hooks to properly intergrate the design.

My Contribution

Music Download Store Template

http://www.oscommerce.com/community/contributions,4275

Link to comment
Share on other sites

If I am understanding the question correctly, that is exactly what I did. I took an OSCommerce template and then took a text editor and editted the php files as needed. I tried to keep it simple, working a lot with the CSS file to change the look and went from there. I was able to do this with limited HTML experience and I have been happy with the result so far. You can see what I set up at www.vatechshop.com.

Link to comment
Share on other sites

Hey All,

 

I was reading a post somewhere along the line which someone replied 'only use simple templates and edit them on an html editor'

 

Can this be done?

 

If so I am a complete numpty! I have been playing around with sheets and codes and all sorts, up till 5am trying to make my site look good. Am now seriously contemplating buying a flashy template so mine looks pro.

 

Any ideas? :)

 

 

simple templates is refering to Simple Template System ( STS) click here for info...

Link to comment
Share on other sites

Hey All,

 

I was reading a post somewhere along the line which someone replied 'only use simple templates and edit them on an html editor'

 

Can this be done?

 

If so I am a complete numpty! I have been playing around with sheets and codes and all sorts, up till 5am trying to make my site look good. Am now seriously contemplating buying a flashy template so mine looks pro.

 

Any ideas? :)

 

 

 

I personally like working with STS and the latest version is quite remarkable in what can be done. Actually, you could design you page and with STS incorporate the tags into that page using just about any good WYSIWYG html editor. Here is a link to my latest site. I used Nifty Corners to create the no image rounded corners of the site and added the STS tags to hook OSC into the design. Only about two more things and it should be ready for testing before going live.

Link to comment
Share on other sites

I personally like working with STS and the latest version is quite remarkable in what can be done. Actually, you could design you page and with STS incorporate the tags into that page using just about any good WYSIWYG html editor. Here is a link to my latest site. I used Nifty Corners to create the no image rounded corners of the site and added the STS tags to hook OSC into the design. Only about two more things and it should be ready for testing before going live.

 

 

If you are a designer, in my opinion you're better off manipulating the code yourself as opposed to using BTS or STS because you won't run into as many conflicts with other contributions. Anything you need to accomplish can be accomplished just as easy with a little work. I've created my site without the use of STS or BTS!

My Contribution

Music Download Store Template

http://www.oscommerce.com/community/contributions,4275

Link to comment
Share on other sites

Hi, I am not great with code etc - so I want to whack out my ideas using a html editor, like dreamweaver or frontpage.

Any how - which pages do I have to load up into frontpage so I can edit and play about with the colours and styles?

 

Thanks :)

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

Minxy :)

 

"Keep plodding on to achieve your dreams"

Link to comment
Share on other sites

If I am understanding the question correctly, that is exactly what I did. I took an OSCommerce template and then took a text editor and editted the php files as needed. I tried to keep it simple, working a lot with the CSS file to change the look and went from there. I was able to do this with limited HTML experience and I have been happy with the result so far. You can see what I set up at www.vatechshop.com.

Hi, click on the German and Spanish flags on your site ... then decide whether you want to support those languages or just remove them!

:-)

Monika

 

addicted to writing code ... can't get enough of databases either, LOL!

 

my toolbox: Textpad - Compare and Merge - phpMyAdmin - WS_FTP - Photoshop - How to search the forum

 

Interactive Media Award July 2007 ~ category E-Commerce

my advice on the forum is for free, PMs where you send me work are considered consultation which I charge for ...

Link to comment
Share on other sites

OK so if I use dreamweaver, which files do I need to open up in dreamweaver?

 

Also if I make changes to the front page (presumably index.htm) - what do I do with the stylesheet.css? Everytime I have tried to open stylesheet in dreamweaver it doesn't come up.

 

Thanks

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

Minxy :)

 

"Keep plodding on to achieve your dreams"

Link to comment
Share on other sites

Please can anyone tell me which files I should be opening in Dreamweaver to edit my shop front?

 

I guess it's index.htm?

Thanks ;)

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

Minxy :)

 

"Keep plodding on to achieve your dreams"

Link to comment
Share on other sites

Please can anyone tell me which files I should be opening in Dreamweaver to edit my shop front?

 

I guess it's index.htm?

Thanks ;)

 

 

 

Well to start with you can open the css in just about any Notepad type program and change the colors, fonts, font size and several other things. Then just save it back to your server. BUT make a backup first before you do any changes to your site. This link willgive you a better idea of what the style sheet controls can do.

 

http://www.oscommerce.info/docs/english/e_...efinitions.html

 

After that you may want to look up the Knowledge base and review some of the information there.

 

 

 

BEFORE YOU MAKE ANY CHANGES PLEASE BACKUP YOUR SHOP AND THEN YOUR DATABASE

 

 

 

Then do it again just to make sure.

 

 

 

Have fun, explore and if you get into problem just share it here and you will get the answers your looking for.

Link to comment
Share on other sites

Please can anyone tell me which files I should be opening in Dreamweaver to edit my shop front?

 

I guess it's index.htm?

Thanks ;)

 

Minx, first of all, you can open ANY of the files in the TEXT editing portion of Deamweaver or Frontpage. Just don't expect to be able to use the GUI to alter the appearance of your cart. The INDEX.PHP handles 3 different pages of the cart, the main page, the categories page, and the nested categories page.

 

To alter the appearance of the cart, you'll need to edit the HTML in TEXT mode only. The reason is because for the most part, the HTML and the PHP is mingled together.

 

Your best bet is to design a page the way you want it in HTML. Then in text mode, integrate your html into the php pages.

 

There are a few pieces of the cart that all pages have in common. These are in the includes folder.

 

header.php

footer.php

column_left.php

column_right.php

stylesheet.css

 

I'd start with the header and footer, as you can practically remove everything in them and replace it with straight HTML if you want. this will get you started.

 

Feel free to contact me if you have further questions.

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

NOTE: As of Oct 2006, I'm not as active in this forum as I used to be, but I still work with osC quite a bit.

If you have a question about any of my posts here, your best bet is to contact me though either Email or PM in my profile, and I'll be happy to help.

Link to comment
Share on other sites

  • 2 weeks later...
Minx, first of all, you can open ANY of the files in the TEXT editing portion of Deamweaver or Frontpage. Just don't expect to be able to use the GUI to alter the appearance of your cart. The INDEX.PHP handles 3 different pages of the cart, the main page, the categories page, and the nested categories page.

 

To alter the appearance of the cart, you'll need to edit the HTML in TEXT mode only. The reason is because for the most part, the HTML and the PHP is mingled together.

 

Your best bet is to design a page the way you want it in HTML. Then in text mode, integrate your html into the php pages.

 

There are a few pieces of the cart that all pages have in common. These are in the includes folder.

 

header.php

footer.php

column_left.php

column_right.php

stylesheet.css

 

I'd start with the header and footer, as you can practically remove everything in them and replace it with straight HTML if you want. this will get you started.

 

Feel free to contact me if you have further questions.

 

 

 

 

I have managed to add to and change pages etc by "mocking" up code in FrontPage and then pasting it into my PHP scripts. I can't get any of the images to show up, however - any idesa?

Link to comment
Share on other sites

you may have hardcoded image paths inyour text - or your images folder doesn't have the proper permissions

:-)

Monika

 

addicted to writing code ... can't get enough of databases either, LOL!

 

my toolbox: Textpad - Compare and Merge - phpMyAdmin - WS_FTP - Photoshop - How to search the forum

 

Interactive Media Award July 2007 ~ category E-Commerce

my advice on the forum is for free, PMs where you send me work are considered consultation which I charge for ...

Link to comment
Share on other sites

I have managed to add to and change pages etc by "mocking" up code in FrontPage and then pasting it into my PHP scripts. I can't get any of the images to show up, however - any idesa?

 

Chances are if you used frontpage to mock the code, when you insert an image in frontpage it will save to a server location, so say your domain is www.yoursite.com frontpage will store the images in a place such as www.yoursite.com/images/bigpic.gif the problem being is that frontpage shortcuts this and just shows the location as ../images/bigpic.gif Now if your like me your catalog is not the only public folder so it is listed as www.yoursite.com/catalog so your images need to be stored in www.yoursite.com/catalog/images. The best thing to do is just use frontpage as you have been doing, but upload your images using an FTP program to whereever you store images at on your server. Then in frontpage on insert your picture from your PC files as if your just creating a new page, then click on your picture so its highlight, then click on your HTML tab at the bottom, in the code you should see your pictures code highlighted, just retype the code to point to where you actually uploaded the image, you can shortcut this by using a "/" (without quotes) instead of typing www.mysite.com, you can just use <img src="/catalog/images/bigpic.gif">. When you go back to your regular tab in frontpage the image will have a red X, but when you paste the code the server will find the image path.

 

I hope that made sense, if not I use frontpage a lot because it has a simple interface, you can email me if you like. [email protected]

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...