Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Change the stores apperance.


carrzkiss

Recommended Posts

Hello All;

 

I know how to add text and different things of that nature, But could someone please explain to me in lamin terms how to change the whole apperance of my store front?? the default.php page.

I am more leaning towards a Motorcycle look and fill. Like the Langerie store, they have pics of women behind the search and behind the category. Listings.

Could someone please let me know, where I would need to edit, and

so forth to change the whole apperance of the shop??

 

Thank you

Wayne

Carrz-Fox-Fire Promotions

Thank You

Wayne & Carr Barron

Link to comment
Share on other sites

Thank you TG;

The link and download was sure helpful. Though I wish that it had more information in it, It was a good starting point.

 

Have a question:

I want to add a background to the "header.php" I have the logo and such, But I am wanting to add a background image instead of the default "White Background" ?

I tried to add this : <body background="Bhdbkd.gif">

But it seems to not want to work?? I added it between the table

so that it would like like this... But nothing:

I also added the image to the same folder as the Header.php to see if I could get it to bring it up,,, But it will not.

______Code___

<table border="0" width="102%" cellspacing="0" cellpadding="0" background="Bhdbkd.gif">

<tr class="header">

<td valign="middle"><?php echo tep_image(DIR_WS_IMAGES . 'The-Cycle-Supply.gif', 'The Cycle Supply'); ?></td>

<td align="right" valign="bottom"><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_account.gif', HEADER_TITLE_MY_ACCOUNT) . '</a>  <a href="' . tep_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_cart.gif', HEADER_TITLE_CART_CONTENTS) . '</a>  <a href="' . tep_href_link(FILENAME_CHECKOUT_PAYMENT, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_checkout.gif', HEADER_TITLE_CHECKOUT) . '</a>'; ?>  </td>

</tr>

</table>

<table border="0" width="100%" cellspacing="0" cellpadding="1">

<tr class="headerNavigation">

<td class="headerNavigation">

______End Code___

Any information would be great.

 

Wayne

Carrz-Fox-Fire Promotions

Thank You

Wayne & Carr Barron

Link to comment
Share on other sites

I would think that the <tr class="header" > is overiding the <table background="xxx.gif">. Either remove the class="header" from the <tr> tag or add the background image to the header stylesheet.

Link to comment
Share on other sites

Thank you "gevans";

I tried disabling the <!--<tr class="header">--> and to see if it would work, Nothing. Then I went into the .css file... Could you or someone please tell me how I would add the image as a background in here. As I see too different things in there... ie: TR & TD.... And I am basically lost on that deal.

 

Thank you for all the help.

Wayne

Carrz-Fox-Fire Promotions

Thank You

Wayne & Carr Barron

Link to comment
Share on other sites

Don't disable it as you need that <tr> tag to properly display that section. Just change <tr class="header"> to <tr> and see if it works.

 

To change the stylesheet look for

 

TR.header {

 background: #ffffff;

}

 

and change to

 

TR.header {

 background-image: url(images/Bhdbkd.gif);

}

 

Note you may need to flush your browsers cache for the changes to appear. Good luck.

Link to comment
Share on other sites

I tries it :cry: but it does not work :cry:

Do you know if anyone has been able to do this successfully??

And I changed the tag to a <tr> tag. And I cleared out my

Temp files, and then refreshed to page. And then viewed the source of the page to see if I could find the image for the background, but no luck???

Any idea's ???

 

Wayne

Carrz-Fox-Fire Promotions

Thank You

Wayne & Carr Barron

Link to comment
Share on other sites

Not sure if this will help but it's a clue to what's going on...

 

The syntax you are refering to creates a table row and table data. The whole thing looks like:

 

<table [some parameters]>; (starts the table here)

 

<tr [some options and parameters (bgcolor etc)>; (starts the table row)

 

<td [more parameters including data, pics, anything you want]>;

</td>; (end of THIS CELL'S table data)

</tr>; (end of THIS ROW)

 

</table> (end of this table)

 

You can have multiple tr sections per table section (like rows on a spreadsheet) and multiple td sections per tr section (like columns on a spreadsheet). Each row and column has many attributes that can be manipulated (ie color, border width, border color, data etc);

 

Hope this was a clue...

 

/Regards

Scott

There are 10 kinds of people in the world, those who understand binary - and those who do not.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...