How to Modify the osCommerce Template
The osCommerce template is built using PHP, the Web scripting language, and Cascading Style Sheets, or CSS, a subset of the HTML language. As a result, the template can be modified in a variety of ways. With knowledge of CSS and an FTP client, you can change the look of your entire website by modifying the colors, text and layout of your osCommerce template. Even without an understanding of these techniques, you can make modifications to the osCommerce template, such as changing the logo image, through the administration panel.
Other People Are Reading
Instructions
-
Via the Administration Panel
-
1
Launch your Web browser and navigate to the osCommerce administration panel on your website.
-
2
Locate the "Configuration" box on the left side of the administration panel.
-
-
3
Click one of the options in the box to modify the osCommerce template, and then follow the on-screen instructions. For instance, click "Store Logo" to change your template's logo image or "Store Name" to type a new name for your store.
-
4
Click the "Save" button to apply your modifications.
Via FTP Client
-
5
Launch an FTP client on your computer and navigate to the folder containing the osCommerce installation on your website.
-
6
Double-click the “osCommerce” folder and navigate to the "Catalog" folder.
-
7
Locate the "stylesheet.css" file in the Catalog folder.
-
8
Right-click on the CSS file and select "Edit File" from the drop-down menu.
-
9
Copy the entire contents of the CSS file and paste it into a text editor such as Notepad or your preferred HTML editor.
-
10
Scroll down through the CSS file and make the desired modifications to the template.
-
11
Click "Save As" from the File menu to apply your modifications.
-
1
Tips & Warnings
To undo any changes you made to the CSS file, copy the backup from your text or HTML editor and paste it into the CSS file to overwrite the previous changes. You must have the backup feature enabled in your editor to make use of this tip.
