How Do i add a new Side Box to my site

[Onestopfoodsuk]

Good Afternoon all.
On my new site due to open in August, i am trying to add some new side boxes to my Home Page (Brochure page)

I would like to add several boxes down the
the right or left hand side of all my Brochure page(. i would like to put boxes with pictures and Text or Sometimes just an image like an image for credit cards accepted etc, or advertising banners, special offers and perhaps even a link to somewere on the site.
I have looked on here for info but cant find anything that helps.

1) I dont know firstly how to create the side box and the size etc, and how to add my photos and fonts/text to it, Colours etc (I dont know how to use Html) as very much a beginer.

2) Once it has been created i dont know how to add it to my brochure page and also how to edit were i want it, (Ie Under the New products sidebar or Above it or on the top right had side).

If someone could be kind enough to take me step by step of what to do i would be most greatful.

Kind Regards
Simon

[TraceyG]

This knowledge base article may help.

[Onestopfoodsuk]

This knowledge base article may help.

Thank you for that that was a big help. I have managed to put the box on my front page, but it is on the bottom of the page. How do i get it to sit directly under the Side bar (Best Sellers)?. I cant see a way to move it up the side higher.
have a look on http://www.onestopfoodsuk.com/ you can see it on the bottom left handside.

Also, how can i place a photo in this box?

[TraceyG]

Hi,

I see now that you are using the 'Contemporary' theme whereas the article is for the Smart theme. I suggest that you remove the code you have inputted as per the article and add the following on your 'Works Best with Contemporary Brochure Pages' layout. Put it just after the 'Sidebar Best Sellers List in a Box' variable:

    <br />
<div class="sidebox">
   <div class="boxhead"><h2>My Heading</h2></div>
   <div class="boxbody">
   My Test
      </div>
</div>

That will keep it in the same style as the other boxes.

To put a photo into the box, you can use:

<img src="imagename.jpg" border="0">

To ensure that the photo file uploads, add the file into 'Design | Additional Files'.

[Onestopfoodsuk]

Hi,

I see now that you are using the 'Contemporary' theme whereas the article is for the Smart theme. I suggest that you remove the code you have inputted as per the article and add the following on your 'Works Best with Contemporary Brochure Pages' layout. Put it just after the 'Sidebar Best Sellers List in a Box' variable:

    <br />
<div class="sidebox">
   <div class="boxhead"><h2>My Heading</h2></div>
   <div class="boxbody">
   My Test
      </div>
</div>

That will keep it in the same style as the other boxes.

To put a photo into the box, you can use:

<img src="imagename.jpg" border="0">

To ensure that the photo file uploads, add the file into 'Design | Additional Files'.

Thats fantastic, yes works great. Were in that code do i slot the code for the photo (<img src="imagename.jpg" border="0">)?

[TraceyG]

Were in that code do i slot the code for the photo (<img src="imagename.jpg" border="0">)?

I assume that you want it to display in the main area, so you can replace 'My Test' with the code or put it in before or after the text.

[Onestopfoodsuk]

I assume that you want it to display in the main area, so you can replace 'My Test' with the code or put it in before or after the text.

Perfect, works a treat.
Thanks Tracey for your help.

[Nick C]

While browsing the forum I took a quick look at this post and your website. I'd suggest you employ somebody to proof read your website for grammatical errors prior to going live.

[jont]

Nick - you may wish to look at your meta tags - all pages are showing the same content for keywords and description.

[Nick C]

Thanks Jont for the "HU". That website is not designed or maintained by me, but I will inform the designer.