How to change page layout

[fterreri]

Hi there,

 

I'm just starting to build my first shopping cart and would like to change the layout (I want to give it a diffent look that the default one). Can anyone explain how to customize the pages of my shopping cart? Do Ihave to go to each page and change the php code? Any tips?

 

Thanks! :blush:

[mtechama]

Hi there,

 

I'm just starting to build my first shopping cart and would like to change the layout (I want to give it a diffent look that the default one). Can anyone explain how to customize the pages of my shopping cart? Do Ihave to go to each page and change the php code? Any tips?

 

Thanks! :blush:

 

 

mostly use stylesheet.css that will change colors and all

[fterreri]

Thanks, but what if I want to change more than color and fonts? What if I want a completely different look?

[mtechama]

Thanks, but what if I want to change more than color and fonts? What if I want a completely different look?

well certin files that you have too do coding to change the layout out depends on what you want if you need help on certin ones let us know and we will help you

[NigelG]

well certin files that you have too do coding to change the layout out depends on what you want if you need help on certin ones let us know and we will help you

 

How about changing the layout on this page Product Info Page

Im not a php coder and this is proving to be dificult, because I cant see whats going on, any help would be brill.

 

Thanks

[iwillrefuse]

Hi there,

 

I'm just starting to build my first shopping cart and would like to change the layout (I want to give it a diffent look that the default one). Can anyone explain how to customize the pages of my shopping cart? Do Ihave to go to each page and change the php code? Any tips?

 

Thanks! :blush:

 

I started using OSC for a site about 2 weeks ago, and not knowing PHP myself found the following to be the easiest way to get the look I wanted.

 

1. Download and install the Simple Template System. You can find it in the contributions, and it's a life saver. Essentially, you can lay out your main page any way you'd like (background, images, etc.) and then just place variables for where you'd like the infoboxes to appear (and which infoboxes). I found this very helpfull as you don't have to modify any of the PHP coding, and can just place the variables where you want them in the design process (with Dreamweaver or whatever you're using). Huge timesaver.

 

2. Modify the infoboxes

 

The background and font color/sizes can be edited with the stylesheet, but they also contain images by default (what you're seeing as the header). What I wound up doing was just replacing the infobox images with and transparent .gif, and doing away with them altogether. Unfortunatly, there's really not an easy way to modify the infoboxes...just play around with the images and the stylesheet.

 

3. Buttons / Images

 

OSC by defaut (IMHO) has some pretty terrible icons that it uses for the shopping cart process. Just locate the images folder, upload your replacements, and rename them to what you'll be replaceing. Same deal goes with the buttons. There are lots of images, so in some cases, again, it might just be easier to replace them with a transparent .gif.

 

4. Stylesheet

 

I wish I knew more about what parts do what, but after some experimentation, I was able to get a look close enough to what I was looking for. Fortunatly, this does control most aspects of the site, so it's quite easy to universally change font and background parameters.

 

I'm admittedly VERY new to this, so there might be an easier way to go about all of this, but not one I was readily able to locate. You can see my results at www.slowjanuary.com/catalog/. Not the perfect look I had in my head, but close enough.

[fterreri]

Thanks Matthew. Very good tips!