Changing index.php middle column

[warrenerjm]

Hi :D

 

OK I am trying to make my front page look easier. I am so stupid at coding so please excuse me. I have used tables to have text & pictures to link to some key products. It gives the impression of lots of text, so I would like to have boxes/tables/whatever it is called, in the middle column, that will have a product logo & keyword text with it. This will link to the corresponding page. I have searched & searched but probably do not know what I am searching for. :blush: I have tried tables variations & CSS.

 

Now I have a table with one row & two columns for each different product. I would be very grateful for a point in the right direction of how I can have an image & keywords link within a "box" or "table" but two or three side by side. ie I would really like to have say six "boxes" 3 x 2 or 2 x 3in my middle column.

 

I am doing this by myself, so any clues on where to search would be gratefully received. :thumbsup: It is probably really simple, but I can't see it!

 

Thanks

julie

[jhsands]

Try STS ... go to contribs and search for it. Nice template system.

[warrenerjm]

Try STS ... go to contribs and search for it. Nice template system.

Thanks jason

 

I didn't want to go down that route as I already have my shop set up with lots (to me anyhow) of contribs & I have heard that STS changes the coding alot & doesn't work with a lot of the other contributions.

 

Any hints on what the code is called that will create this sort of thing? I thought it was tables, but can't understand how I can achieve three tables in a row? Another was css, but again I do not know what to create in that file that I can call upon to create this affect in my includes/languages/english/index.php?

 

Hopeless aren't I? :P

 

Julie

[warrenerjm]

Hi

 

I guess it could look a little like the small info boxes in the middle Here . Spanish I cannot speak...so can I do this with a picture & keyword text link to category rather than product_info page? Not sure which contribution used in this demo refers to them. These look like boxes, but I have seen what looks like tables with a border around too, in the layout of 3 x 2.

 

:'( I'll keep looking!

 

Thanks

Julie

[Guest]

have a look how the product listings show in columns

http://www.oscommerce.com/community/contributions,112

 

and you shouldn't go with a template framework unless you have a thourough understanding how it works and you really need it. Like changing the layout often.

[warrenerjm]

Hi Mark

 

Thanks for that.

have a look how the product listings show in columns

http://www.oscommerce.com/community/contributions,112

I've had a look, but can't picture it. Is this contrib for amending the appearance of the product & I can gain some insite into my search? :huh: The install looks OK but I can't see how it can create boxes on the main page? :blush: I do not know what part of the code does that? Seen

if col=

in lots of files which might relate to the number of columns, but ?? Would this not split the whole center column into the stated columns? I want to still be able to add text the whole width as well as having some boxes in the center. Do I make sense? :huh:

 

and you shouldn't go with a template framework unless you have a thourough understanding how it works and you really need it. Like changing the layout often.

I defineately agree :lol:

Julie

[Guest]

It's really how you want to align them. So within each table cell you could create nested tables with rows/cells to add extra info

 

<tr>
 <td><table>
// Image here
 </table></td>
 <td><table>
<tr>
  <td><table>
	 <tr>
// Price cell-1
// Special cell-2
//
	   </tr>
	   <tr>
// Description cell with colspan="2"
	   </tr>
  </table></td>
</tr>
 </table></td>
</tr>

 

So I pointed to that module because it follows a similar approach you can see how the html is setup and use it for your store. If I wanted to create a box around you set the border="1" with the table tag (is the default btw). Then you can see the outline. If you assign a css class to the outer table you can have a frame around it.

[warrenerjm]

It's really how you want to align them. So within each table cell you could create nested tables with rows/cells to add extra info

 

<tr>
 <td><table>
// Image here
 </table></td>
 <td><table>
<tr>
  <td><table>
	 <tr>
// Price cell-1
// Special cell-2
//
	   </tr>
	   <tr>
// Description cell with colspan="2"
	   </tr>
  </table></td>
</tr>
 </table></td>
</tr>

 

So I pointed to that module because it follows a similar approach you can see how the html is setup and use it for your store. If I wanted to create a box around you set the border="1" with the table tag (is the default btw). Then you can see the outline. If you assign a css class to the outer table you can have a frame around it.

Thanks for pointing Mark.

 

OK before this is what I had cobbled together from searching. It puts a border around both the img & the text. Not too much of a prob but one border around the two together would have looked nicer. This code produces a box half the widthof the column (assuming two columns & not three) but one under the other & not next to each other?

 

<tr><td colspan="2">
<table border="2"bordercolor="6699ff#"width="50%"cellspacing="2"cellpadding="2">
<tr>
<td valign="middle"><a href="etc">
<img src="/images/example_1.jpg" alt="example 1" WIDTH="99" HEIGHT="68" border="0"></a></td>
</tr>
<tr>
<td class="main">text<a href="etc"><b><u>text</u></b></a> keywords text.
</td>
</tr>
</table>
<tr><td colspan="2">
<table border="2"bordercolor="6699ff#"width="50%"cellspacing="2"cellpadding="2">
<tr>
<td valign="middle"><a href="etc">
<img src="/images/example_2.gif" ALT="example_2" border="0"></a>
</td>
</tr>
<tr>
<td class="main"><a href="text"><b><u>text</u></b></a>keywords text.
</td>
</tr>
</table>

 

Not sure why I have <tr><td colspan="2"> as I do not appear to have an end to them?

 

I tried your code but got an img & text next to it. Hopefully a mix of the two will end up with...

 

img	 img	 img
text	text	text

boxes across the middle column :D with one border around each of the three boxes.

 

Thanks for your help Mark. I will also look up nested tables as you mentioned them.

 

Julie

[warrenerjm]

Thank you so much for helping me Mark. Subsequently I found this site from now knowing the correct words to search & I have sorted my nested tables! :D :lol:

Thanks :thumbsup:

Julie

[nicko107]

Hi

 

I guess it could look a little like the small info boxes in the middle Here . Spanish I cannot speak...so can I do this with a picture & keyword text link to category rather than product_info page? Not sure which contribution used in this demo refers to them. These look like boxes, but I have seen what looks like tables with a border around too, in the layout of 3 x 2.

 

:'( I'll keep looking!

 

Thanks

Julie

 

 

Hello

 

Can find the contribution here:

 

http://www.oscommerce.com/community/contributions,4491

 

Individual boxes for products in central modules

 

That modification create tables with borders to have individual boxes for products of New Products on month...

[warrenerjm]

Hello

 

Can find the contribution here:

 

http://www.oscommerce.com/community/contributions,4491

 

Individual boxes for products in central modules

 

That modification create tables with borders to have individual boxes for products of New Products on month...

Thank you for that nicko. :thumbsup: I shall have a play.

 

Julie