X-Cart forums - New Side Box

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - New Side Box (https://forum.x-cart.com/showthread.php?t=47197)

Hi All.

I'd like to add a new box on the right side, with a list of links to other sites. Does anyone have instructions for doing this please?

Thanks, Steve.

Re: New Side Box

Hi there,

It's pretty easy - open up skin1/customer/home.tpl and find the line:

Code:

<div id="right-bar">

And place the following code below it - work out exactly where e.g. below the minicart but above the news section for instance.

Code:

{include file="modules/links.tpl"}

Now save home.tpl.

Now, in your skin1/modules folder, create a new file called links.tpl and place the following code inside:

Code:

{capture name=menu}

    <ul>



      <li>LINK 1</li>

      <li>LINK 2</li>

      <li>LINK 3</li>

      ...



    </ul>

  {/capture}

  {include file="customer/menu_dialog.tpl" title="Links" content=$smarty.capture.menu}

Change the links to whatever you would like and save.

Re: New Side Box

Hi John.

That worked well. Thanks for your help.

Steve.

Re: New Side Box

Hi John

Thanks for the helpfull information.

Could you tell me exactly how to do the following.

1/ Create a new side box and insert an image.

2/ Create a new side box and insert 2 or 3 images vertically.

3/ Create a new side box and insert a clickable image that can take a customer to a product within my site.

4/ Create a new side box and place a youtube video in it. Can this be done.

Thanks for any direction.

Regards

John

Re: New Side Box

@JMC , just follow the same instructions and include whatever content you want inside the {capture} tags

Re: New Side Box

This is great!

I want to create one side box to show shop by size

I have in mind to use the search.

Such as, search for large, and all the large sizes come up, and copy and paste the link between capture.

But the problem is, I have the search keywords for large for some other item, and it's show up.

How do I create a search link for just to search the data base, not the title and the keywords.

Thanks!

Re: New Side Box

Quote:

Originally Posted by ElegantXMods.com

Hi there,

It's pretty easy - open up skin1/customer/home.tpl and find the line:

Code:

<div id="right-bar">

And place the following code below it - work out exactly where e.g. below the minicart but above the news section for instance.

Code:

{include file="modules/links.tpl"}

Now save home.tpl.

Now, in your skin1/modules folder, create a new file called links.tpl and place the following code inside:

Code:

{capture name=menu}

    <ul>



      <li>LINK 1</li>

      <li>LINK 2</li>

      <li>LINK 3</li>

      ...



    </ul>

  {/capture}

  {include file="customer/menu_dialog.tpl" title="Links" content=$smarty.capture.menu}

Change the links to whatever you would like and save.

I am using 4.1.11 and I can't find the line

<div id="right-bar">

Re: New Side Box

This is the 4.2.x template editing section.

In 4.1.x look for:



Just after this there should be a </table>

After that closing table tag are the right hand menu boxes.

Hope that helps,
Jason

Re: New Side Box

how can you do this under 4.4.1 pro version?

Re: New Side Box

Worked in 4.3...like a charm! Thank you!

Re: New Side Box

Quote:

Originally Posted by shirtshop

how can you do this under 4.4.1 pro version?

To add a box on the right side, look here: /common_files/customer/right_bar.tpl

For the left it would be left_bar.tpl. Just create a new .tpl file and add the {include} code talked about above where ever you want.

Re: New Side Box

Hi there,
I am trying to piggy back on this post but am using 4.4.1.

I opened up and used my right_bar.tpl (inside skin/common_files) rather than the home.tpl. The code didn't match with the new new version so the righ_bar.tpl seemed to make the most sense (I'm a newb).

Anyway, in right_bar.tpl I added:

Quote:

{include file="customer/support.tpl"}

Then I created a file called support.tpl and uploaded it to the skin/common_templates/customer/. In it I added:

Quote:

{capture name=menu}
<a href="javascript:void(window.open('http://www.unibindphotobooks.com/shop/support/chat.php','','width=590,height=580,left=0,top=0,re sizable=yes,menubar=no,location=no,status=yes,scro llbars=yes'))"><img src="http://www.unibindphotobooks.com/shop/support/image.php?id=03" width="141" height="81" border="0" alt="Live Site and Product Support"></a><noscript><div><a href="http://www.unibindphotobooks.com/shop/support/chat.php" target="_blank">Start Live Help Chat</a></div></noscript><div id="livezilla_tracking" style="display:none"></div><script type="text/javascript">

var script = document.createElement("script");script.type="text /javascript";var src = "http://www.unibindphotobooks.com/shop/support/server.php?request=track&output=jcrpt&nse="+Math.r andom();setTimeout("script.src=src;document.getEle mentById('livezilla_tracking').appendChild(script) ",1);</script>
{/capture}
{include file="customer/menu_dialog.tpl" title="Links" content=$smarty.capture.menu}

Thought it would work but nothin happened. Any ideas?

I grayed out what I was trying to put as content in the box (it's a live help, chat link).

Thank you! :wink:

PS. Using "Smart Template" on 4.4.1, no mods.

Re: New Side Box

Quote:

Originally Posted by ElegantXMods.com

Hi there,

It's pretty easy - open up skin1/customer/home.tpl and find the line:

Code:

<div id="right-bar">

And place the following code below it - work out exactly where e.g. below the minicart but above the news section for instance.

Code:

{include file="modules/links.tpl"}

Now save home.tpl.

Now, in your skin1/modules folder, create a new file called links.tpl and place the following code inside:

Code:

{capture name=menu}

    <ul>



      <li>LINK 1</li>

      <li>LINK 2</li>

      <li>LINK 3</li>

      ...



    </ul>

  {/capture}

  {include file="customer/menu_dialog.tpl" title="Links" content=$smarty.capture.menu}

Change the links to whatever you would like and save.

My Implementation for 4.4.2

in /skin1/customer/left_bar.tpl below

added
{include file="customer/links.tpl"}
to the section where I wanted it displayed. Keep in mind that the div id is set from content.tpl.

saved and uploaded

in skin1/customer folder create a file called links.tpl and put this in it.

{capture name=menu}
<ul>

<li>LINK 1</li>
<li>LINK 2</li>
<li>LINK 3</li>
...

</ul>
{/capture}
{include file="customer/menu_dialog.tpl" title="Links" content=$smarty.capture.menu}

worked well, thanks.

Re: New Side Box

And be sure to tick off

"Do not check if templates are changed (Smarty compile_check)."

in admin area. Otherwise all Your changes will be not seen in Your store :)

Re: New Side Box

Hi how can i add side box on 4.5.0 gold version i use books and magazine template
i tried the above method and it doesn't show up any thing on the page.
i created a new tpl and added in home.tpl
Please help
Thanks in advance

Re: New Side Box

Hello,
I trying to add a box with adsense google code.

1-.I'm using X-cart version 4.0.18 and I added the links.tpl in the skin1/modules and
2-.I added the code:
{include file="modules/links.tpl"}
to the skin1/customer/home.tpl after the


and nothing happen.Can anybody tell me exactly where to put the code.Thanks!!