X-Cart forums

[TL408]

Hi guys,

Does anyone know how to modify the navigation link for the ThickBox mod? The default ones don't look to attractive.

Thanks
-Tuan

[chamberinternet]

Do you mean the << Next and Previous >> links ?

Shafiq :sK

[TL408]

Correct. Here is a pic.

http://img134.imageshack.us/img134/7919/thickboxhj2.jpg

[chamberinternet]

This is handled in /skin1/thickbox/files/thickbox.js

Regards

Shafiq :sK

[harveyev]

I installed this and it works great except that my navigation links aren't showing up at all.

Here's my thickbox_productpage.tpl code:

{if $images ne ""}
<div style="white-space:nowrap;color:#5f94c0;font-weight:bold;padding:2px;margin:10px 0 4px;">{$lng.lbl_detailed_images} &not;</div>
{section name=image loop=$images}
{if $images[image].avail eq "Y"}
{if $images[image].tmbn_url}
<div style="white-space: nowrap;padding-left:10px; display: inline;"><a href="{$images[image].tmbn_url}" title="{$images[image].alt|escape}" class="thickbox" rel="lightbox[detailed]"><img src="{$xcart_web_dir}/image.php?id={$images[image].imageid}&amp;type=D" width="80" style="border:0;" alt="{$lng.lbl_click_to_enlarge|escape}" /></a></div>
{else}
<div style="white-space: nowrap;padding-left:10px; display: inline;"><a href="{$xcart_web_dir}/image.php?id={$images[image].imageid}&amp;type=D" title="{$images[image].alt|escape}" class="thickbox" rel="lightbox[detailed]"><img src="{$xcart_web_dir}/image.php?id={$images[image].imageid}&amp;type=D" width="80" style="border:0;" alt="{$lng.lbl_click_to_enlarge|escape}" /></a></div>
{/if}
{/if}
{/section}
<script type="text/javascript" src="{$SkinDir}/thickbox/files/jquery-compressed.js"></script>
<script type="text/javascript" src="{$SkinDir}/thickbox/files/thickbox.js"></script>
<style type="text/css" media="all">@import "{$SkinDir}/thickbox/files/thickbox.css";</style>
{/if}

That's all I modified. I dodn't touch thickbox.js at all except to change a font color. You can see it in action at http://www.harveyev.com/store.

Oh and btw, this doesn't work for me with fancycat turned on, though from what I read, not much does. )

[harveyev]

That bad eh? Or is this a stumper?

[chamberinternet]

I'm wondering if it's because it's within your multiple tab system ?

As a test, try moving if out of there temporarily and see if you get better results ...

Shafiq :sK

[harveyev]

I looked at the demo at http://www.7dana.com/106.84.0.0.1.0.phtml and noticed the difference in demo that the url linked to the thumbs calls an phtml page istead of the detailed image file directly. There is also a test in the .js looking for an "imagegroup" argument (presumably in the url) to be passed to the script. Im not sure how thats possible if the url is nothing but a hard link to the detailed image file and the stylesheet is handling the rendering of the box to the browser. This is obviously a different implementation than the sourcecode provided. Hrm...stupified atm as to how to resolve this.