osCommerce v2.3.3 Tutorials | osCommerce eBook Store | osCommerce Tutorials | osCommerce Home

osCommerce v2.3.3 What's In My Cart Shopping Cart Sub-page Customization (Part 3)

Let’s continue with Part 2 of osCommerce Shopping Cart Sub-page customization.

The next step is to move the “Sub-Total” inside the table.

10. Simply add a new table row. Then move the codes inside the table row.

osc shopping cart page customization

11. In order to illustrate and see the result. Add a one pixel to the border of the table.

12. Refresh browser to see the results. All contents are moving inside the table.

osc shopping cart page customization

Let’s continue the customization to make the layout looks even better.

There is a strange border above the table. Let’s remove it.

osc shopping cart page customization

13. Navigate to line 38. The border line is caused by the top padding of the contentText class.

<div class="contentText">

14. Rename the class to any name. The border line will then be removed.

<div class="contentTextShoppingCart">

The Product(s) title above the table is also not required. Let’s remove it.

15. Navigate to line 36.

<h2><?php echo TABLE_HEADING_PRODUCTS; ?></h2>

16. Remove this line, or comment the PHP code.

<h2><?php //echo TABLE_HEADING_PRODUCTS; ?></h2>

17. Refresh browser to see the results.

osc shopping cart page customization

Next, give some padding to the table cells (e.g. 8 pixels) so that the contents will not be sticking to the wall. Also adjust the width of the table columns.

We will do that in next part. Please read on....