See other shirts from this category: Blog
Selling shirts on Spreadshirt is a blast and customizing your shop is pretty easy with the options and tools that they provide. One thing lacking, however, is the option to add a sidebar to your shop. For this post, I’m going to show you the simplest way to add a sidebar, using a table, and then in a later post I’ll show you the longer method using CSS.
So the first thing that you need to do is to go to the “Shop Layout” and then “Header & Footer” section within your Spreadshirt control panel.
Look inside the “Header” box and scroll down to the last code listed,which is <body>. Under this tag is where we will put the table. By the way, you can place your header image anywhere above this tag.
So at the <body> tag, put the following code:
Header can go anywhere above the center tag: right here, for instance.
<body>
<center>
<table>
<tr>
<td>
This is the sidebar
</td>
<td>
Now go to the “Footer” box and make it look like this:
</td>
</tr>
</table>
</body>
</html>
Now you check the “Activate Header & Footer” box and click save. You now have a sidebar, but it doesn’t look like much. The sidebar will be squashed into a tiny section on the left. To fix this you need to adjust the size of the table and the first <td> code and then add a quick body tag to the CSS page. So let’s do that.
Let’s say you want your site to be 860 pixels wide and for your sidebar to be 200 pixels. Change your header code to the following:
Header can go anywhere above the center tag: right here, for instance.
<body>
<center>
<table width=860px>
<tr>
<td width=200px>
This is the sidebar
</td>
<td>
After saving, click on the CSS button to the left and then enter the following code into the CSS box:
body {
width: 860px;
}
Now you should be perfect.
Sell shirts and want to exchange links?
| 1st Level Rat Patrol | Bedamned: One More Game |