Adding extra boxes on left or right side

[Guest DutchJam]

Greetings,

I would love to have some more boxes on the left or right side, to get more content there.

So, is it possible to add such thing like that (i.e. below the 'popular products' box on the right, or below the 'mailing list' box on the left)?

Thanks!

[Dirty Butter]

Greetings,

I would love to have some more boxes on the left or right side, to get more content there.

So, is it possible to add such thing like that (i.e. below the 'popular products' box on the right, or below the 'mailing list' box on the left)?

Thanks!

I added two boxes on the left in myskin/templates/main.php and also modified the Newsletter Subscription box. So I guess the question is - what do you want the boxes to do?

http://dirtybutter.com/plushcatalog/

[Guest DutchJam]

I added two boxes on the left in myskin/templates/main.php and also modified the Newsletter Subscription box. So I guess the question is - what do you want the boxes to do?

http://dirtybutter.com/plushcatalog/

Thanks for your reply.

The boxes should display static text and/or images for now.

I jus want to know how to add extra boxes. Is it a hard job?

[Dirty Butter]

I added two boxes on the left in myskin/templates/main.php and also modified the Newsletter Subscription box. So I guess the question is - what do you want the boxes to do?

http://dirtybutter.com/plushcatalog/

Thanks for your reply.

The boxes should display static text and/or images for now.

I jus want to know how to add extra boxes. Is it a hard job?

That shouldn't be hard to do at all. Here's my code for the two static boxes I added:

<div>

<h3>Embroidery Available</h3>

</br>

<a href="http://dirtybutter.com/plushcatalog/embroidery-of-name-up-to-10-characters.html">Custom Embroidery</a>

</div>



<div>

  <h3>Optional Gift Card</h3>

<br/>

<center>

<p class="image">

	<a href="http://dirtybutter.com/plushcatalog/optional-gift-card-available.html" title="Order a Gift Card with Your Purchase">

	  <img src="http://dirtybutter.com/plushcatalog/images/cache/giftcardfront.138.jpg" alt="Order a Gift Card with Your Purchase" />

	</a>

  </p>

</center>

  <a href="http://dirtybutter.com/plushcatalog/optional-gift-card-available.html">Order a Gift Card with Your Purchase</a>

   </div>

[Guest DutchJam]

I added two boxes on the left in myskin/templates/main.php and also modified the Newsletter Subscription box. So I guess the question is - what do you want the boxes to do?

http://dirtybutter.com/plushcatalog/

Thanks for your reply.

The boxes should display static text and/or images for now.

I jus want to know how to add extra boxes. Is it a hard job?

That shouldn't be hard to do at all. Here's my code for the two static boxes I added:

<div>

<h3>Embroidery Available</h3>

</br>

<a href="http://dirtybutter.com/plushcatalog/embroidery-of-name-up-to-10-characters.html">Custom Embroidery</a>

</div>



<div>

  <h3>Optional Gift Card</h3>

<br/>

<center>

<p class="image">

	<a href="http://dirtybutter.com/plushcatalog/optional-gift-card-available.html" title="Order a Gift Card with Your Purchase">

	  <img src="http://dirtybutter.com/plushcatalog/images/cache/giftcardfront.138.jpg" alt="Order a Gift Card with Your Purchase" />

	</a>

  </p>

</center>

  <a href="http://dirtybutter.com/plushcatalog/optional-gift-card-available.html">Order a Gift Card with Your Purchase</a>

   </div>

Looks not that rough...

I have to add this code into the main.php file?

[Dirty Butter]

I added two boxes on the left in myskin/templates/main.php and also modified the Newsletter Subscription box. So I guess the question is - what do you want the boxes to do?

http://dirtybutter.com/plushcatalog/

Thanks for your reply.

The boxes should display static text and/or images for now.

I jus want to know how to add extra boxes. Is it a hard job?

That shouldn't be hard to do at all. Here's my code for the two static boxes I added:

<div>

<h3>Embroidery Available</h3>

</br>

<a href="http://dirtybutter.com/plushcatalog/embroidery-of-name-up-to-10-characters.html">Custom Embroidery</a>

</div>



<div>

  <h3>Optional Gift Card</h3>

<br/>

<center>

<p class="image">

	<a href="http://dirtybutter.com/plushcatalog/optional-gift-card-available.html" title="Order a Gift Card with Your Purchase">

	  <img src="http://dirtybutter.com/plushcatalog/images/cache/giftcardfront.138.jpg" alt="Order a Gift Card with Your Purchase" />

	</a>

  </p>

</center>

  <a href="http://dirtybutter.com/plushcatalog/optional-gift-card-available.html">Order a Gift Card with Your Purchase</a>

   </div>

Looks not that rough...

I have to add this code into the main.php file?

Yes - myskin/templates/main.php

[Guest DutchJam]

Yes - myskin/templates/main.php

Got it...

One more question: is it possible tot add javascript in such a box?

[Dirty Butter]

Yes - myskin/templates/main.php

Got it...

One more question: is it possible tot add javascript in such a box?

Sorry. I can't answer that.

[Guest DutchJam]

Yes - myskin/templates/main.php

Got it...

One more question: is it possible tot add javascript in such a box?

Sorry. I can't answer that.

No problem

Thanks for your help anyway, I appreciate it. I now know how to add extra boxes, so you helped a lot!

Thanks again

[Guest Viola]

One more question: is it possible tot add javascript in such a box?

Yes. You can add javascript anywhere in the template files. It needs to go between {literal} smarty tags, like this:

{literal}

<script type="text/javascript">



your javascript



</script>

{/literal}

[Guest DutchJam]

One more question: is it possible tot add javascript in such a box?

Yes. You can add javascript anywhere in the template files. It needs to go between {literal} smarty tags, like this:

{literal}

<script type="text/javascript">



your javascript



</script>

{/literal}

Works perfect! Never heard of the {literal} tag before, but it's easy to use.

Thanks Viola :)

[Guest Viola]

Works perfect! Never heard of the {literal} tag before, but it's easy to use.

{literal} is a smarty thing:

http://www.smarty.net/docs/en/language.function.literal.tpl

[Guest cigaramerica.net]

Hi, I am looking at the main.php source code, but I can't tell from the dynamic code which is the sidebar and where I could add

a static div with content similar to yours?

{$CATEGORIES} {$SALE_ITEMS} {$MAIL_LIST}

{$SHOPPING_CART} {$RANDOM_PROD} {if isset($POPULAR_PRODUCTS)}{$POPULAR_PRODUCTS}{/if}

{include file='templates/box.errors.php'} {if isset($CHECKOUT_PROGRESS)}{$CHECKOUT_PROGRESS}{/if} {$PAGE_CONTENT}



{if isset($SKIN_SELECT)}{$SKIN_SELECT}{/if} {$SITE_DOCS}



{$COPYRIGHT} {if isset($DEBUG_INFO)}{$DEBUG_INFO}{/if} {include file='js/common.html'} {if isset($JANRAIN)}{$JANRAIN}{/if} {if isset($LIVE_HELP)}{$LIVE_HELP}{/if} {foreach from=$JS_SCRIPTS key=k item=script} {/foreach}

[Dirty Butter]

Look for this:

<div class="{$SECTION_NAME}_wrapper">

   <div class="sidebar" id="sidebar_left">

[Guest cigaramerica.net]

THANK YOU. I was looking at the design view instead of code. DOH!

[Dirty Butter]

You're welcome. After a while it all blurs together, doesn't it.