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

Ich bin der Umsetzung einiger Module für die Titelseite. Ich komme wieder, wenn die Anpassung abgeschlossen ist. Danke!

--- Melanie

Имам закупени няколко теми. Всеки шаблон е толкова добро. Моят клиент е толкова доволен!

--- Stamenow

Tas ir viegli uzstādīt un jūsu atbalsts ir draudzīgi un izpalīdzīgi.

--- Bendiks

Takk for din profesjonelle, gode utseende Magento temaer.

--- GUDBRAND

We now have an easy-to-navigate prestashop store and is consistently ranked high in search engines. Good job!Laughing

--- Mannion

 

Related

You are here: osCommerce Tutorial