X-Cart forums

[pengrus]

Thanks for explaining it to me... I agree with you that it looks better. So you think customers rather click 4 or 5 times than scrolling down once?

[mrbiggles]

Hi Pengrus

I like it (as a user) much better than scrolling down a long way. I seems like a lot of the larger sites prefer tabs.

I have read a few times that a basic rule of web page design is not to have a page that is too long.

[Bella Forma]

Originally Posted by pengrus

Thanks for explaining it to me... I agree with you that it looks better. So you think customers rather click 4 or 5 times than scrolling down once?

Most definately!!!! Users HATE scroll bars, we are basically lazy creatures and I bet the vast majority of users won't even bother to scroll down a great big long page it's just too much effort. Much better to have a tab they can see and click on if they want to, the popularity of this mod speaks for itself

[Online Michael]

Ok, I've had some time to play around with this mod and nothing will change my opinion of it (it's a fantastic mod). However, anything that is good can always be better or improved upon and this is what I'm thinking:

Instead of a tab disappearing when the 'Detailed Image' tab, as an example, has no detailed image, wouldn't it be better to just disable it? The reason this would be better is simple... if a first time customer can't see this tab, they are likely to search for it and when they canБ─≥t find it they will be so jacked off and frustrated that they could possibly leave the store. But a disabled tab is more likely to indicate to the customer that no detailed image is available. No frantic searching needed.

I'm no programmer, but I canБ─≥t see this being too difficult to implement. Just substitute the link within the tab with grey coloured text (no link). I'm sure the customer would rather have this than a disappearing trick that tells them nothing at all.

I just wish I knew how to do it. I think its worth while doing, don't you?

[Online Michael]

One hour later, and I think I have a pretty good solution. This being my first code contribution to this forum, I think it's time to celebrate. \

Anyway, in order to disable the 'Detailed Image' tab, as mentioned above, all I did was create an else statement and pointed the tab back to the 'Product Detail' tab, renamed the tab to "No Images" and shaded it red for good measure. Now, the code below is the code longhorn180
posted (he used a custom_product.tpl file which is also the tab method I adopted too). So here is what I did in the custom_product.tpl file relevant to 'Detailed Images':

Changed this:
[*]Product Details
{if $images ne ""} [*]More Images
{/if}

To This:
[*]Product Details
{if $images ne ""} [*]More Images
{else}[*]No Images
{/if}

So as you can see, whenever the customer clicks on "No Images", they will be sent back to the "product Detail" tab while the tab itself will glow red.

Naturally, you will need to adapt the above changes to your own tab situation (your tabs may be in a different order to mine). Should be easy to do though. If I could do it (being a newb 'n all), and trust me on this, anyone can do it!

Hope you like it.

[Jerrad]

Great one Micheal!
I surely will give this a try, one of these days (when I find the time...)

[jmell]

I put it in however I still have the Detailed description in the top part of the page.
How do I remove that?
http://onlinemacs.com/product.php?productid=116&cat=109&page=1

[CopperB]

Did you also create an overview.tpl ?

Now create a new file called "overview.tpl" and save the following into skin1/customer/main/overview.tpl

Code:

{* $Id: overview.tpl,v 1.6.2.2 2004/12/10 13:14:52 max Exp $ *}
<table width="100%" border="0">
<tr>
<td><SPAN class=>
{if $product.fulldescr ne ""}{$product.fulldescr}{else}{$product.descr}{ /if}
</SPAN></td>
<td></td>
</tr>
</table>

[jmell]

Yes I put that in. Here is what it looks like.
http://onlinemacs.com/product.php?productid=116&cat=292&page=1

[CopperB]

Sorry about that jmell. I didn't notice the duplicate.

Post your product.tpl file and I can try to help you find the duplicate code.