osCommerce Tutorial

Make an osCommerce Template by Yourself (1)

E-mail Print PDF

This section will show you how to make a brand new osCommerce Template and within a few short hours change it yourself to look something like this:

Make an osCommerce Template by Yourself (2)

E-mail Print PDF

The first thing we need to do is remove that Right Hand Side Column totally. There is only one way to do this and this is to open up each of the main .php files in turn (eg index.php, product_info.php etc) and remove the following portion of code:

 

Make an osCommerce Template by Yourself (3)

E-mail Print PDF

Reducing the Width of each page to fit the design

 

let's add in some code to fix the osCommerce Store Width and to allow us to center the shop into the middle of the page.

Make an osCommerce Template by Yourself (4)

E-mail Print PDF

Making the Left Hand Column Wider

 

What we now need to do is make our Left Hand Side Column a little wider. Left Column is approximately ¼ the width of the full page. Remember that we have set our page to 760 pixels wide, so ¼ of that is 190.

Make an osCommerce Template by Yourself (5)

E-mail Print PDF

Let's start changing some code to allow us to give the side InfoBoxes some style! The problem here is that we need to make our “side” InfoBoxes differently to our other InfoBoxes (eg “New Products for...” box).


This is pretty easy :), all you need to do is open up: /includes/classes/boxes.php

Page 1 of 5

  • «
  •  Start 
  •  Prev 
  •  1 
  •  2 
  •  3 
  •  4 
  •  5 
  •  Next 
  •  End 
  • »

Testimonials

Excelente servicio y diseños fantásticos, las mejores plantillas en Internet. Hacerlo mejor.

--- Ricardo

Šī ir trešā reize man ir iegādājušies veidni šeit. Būs nopirkt vairāk.

--- Talbot

Je hebt mijn een hoop geld en tijd om een website te bouwen. Bedankt.

--- Mattias

Εσείς είστε πολύ χρήσιμη για οποιαδήποτε ερώτηση. Είναι τόσο ευτυχής να αγοράσει ένα θέμα ιστοσελίδα εδώ.

--- Nicholas

Thank you very much, that's it! i spent hours reading java and php code and it was that simple.. Keep up the good work.

--- Amar

 

Related

You are here: osCommerce Tutorial