X-Cart forums

[MOC]

Hi,

i wanna change the recommends to something like products.tpl. Just without buy buttons.

I want that the recommends will display a thumbnail, the name of the product and the price.

What i have to change? Can somebody help me?

Thanks
Saskia

[slimmedia]

We do something like this. The recommends list is on the right and has thumbnails.

Check it out:
http://www.demolaystore.com/customer/product.php?productid=36&cat=21&page=1

Here's how it works (may vary depending upon your version of x-cart):

<CENTER>
{section name=num loop=$recommends}
<A HREF="product.php?productid={$recommends[num].productid}&cat={$cat}">{include file="product_thumbnail.tpl" productid=$recommends[num].productid image_x=$config.Appearance.thumbnail_width product=$recommends[num].product tmbn_url=$products[product].tmbn_url}

<font class="ProductTitle">{$recommends[num].product}</FONT>


{/section}
</CENTER>

You can make the change in 'skin1/modules/recommends.tpl' but I created a new template in the same directory called 'menu_recommends.tpl'.

Then I added the following code to the right hand VertMenuBox area.

{if $main eq "product"}
{include file="modules/Recommended_Products/menu_recommends.tpl" }
{/if}

And I commented out the call to recommends.tpl in 'skin1/customer/main/product.tpl'.

[jeeya]

It's just I wanted but I want it horizontally, I don't want it vertical becasue I am not going to put that in side menu.

What would be the code for, modules/Recommended_Products/recommends.tpl

so it can show horizontally instead of vertical

Thanks

[jeeya]

forgot, I mean I want them all in one row and also want to include dialog box.

Thanks

[slimmedia]

Again, it may need a little bit of tweaking depending upon your version of x-cart, but something like this should work:

In 'modules/Recommended_Products/recommends.tpl' replace the lines from {section} to {/section} with:

<TABLE BORDER="0" WIDTH="100%"><TR>
{section name=num loop=$recommends}
<TD VALIGN="TOP" WIDTH=33%>
<A HREF="product.php?productid={$recommends[num].productid}&cat={$cat}">{include file="product_thumbnail.tpl" productid=$recommends[num].productid image_x=$config.Appearance.thumbnail_width product=$recommends[num].product tmbn_url=$products[product].tmbn_url}

<font class="ProductTitle">{$recommends[num].product}</FONT></TD>
{/section}
</TR></TABLE>

For version 3.4.3, the whole file would look like this:

{if $recommends}
{capture name=recommends}
<TABLE BORDER="0" WIDTH="100%"><TR>
{section name=num loop=$recommends}
<TD VALIGN="TOP" WIDTH=33%>
<A HREF="product.php?productid={$recommends[num].productid}&cat={$cat}">{include file="product_thumbnail.tpl" productid=$recommends[num].productid image_x=$config.Appearance.thumbnail_width product=$recommends[num].product tmbn_url=$products[product].tmbn_url}

<font class="ProductTitle">{$recommends[num].product}</FONT></TD>
{/section}
</TR></TABLE>
{/capture}
{include file="dialog.tpl" title=$lng.lbl_recommends content=$smarty.capture.recommends extra="width=100%"}
{/if}

[jeeya]

Thanks it worked great.

[adpboss]

Slick code and nice result!

I may just add something like this to my new store. Seems like menu space is always at a premium though.

[jeeya]

I have image size set up 85 for other product dislpay, is there a way to make image smaller just for recommended products,

here is my code-

{* $Id: recommends.tpl,v 1.3 2003/03/05 08:19:11 svowl Exp $ *}
{if $recommends}
{capture name=recommends}
{section name=num loop=$recommends}
<TABLE BORDER="0" WIDTH="100%"><TR>
{section name=num loop=$recommends}
<TD ALIGN="TOP" WIDTH=5%>
<p align="center">
<A HREF="product.php?productid={$recommends[num].productid}&cat={$cat}">{include file="product_thumbnail.tpl" productid=$recommends[num].productid image_x=$config.Appearance.thumbnail_width product=$recommends[num].product tmbn_url=$products[product].tmbn_url}

<font class="ProductTitle">{$recommends[num].product}</FONT></TD>
{/section}
</TR></TABLE>
{/section}
{/capture}
{include file="dialog.tpl" title=$lng.lbl_recommends content=$smarty.capture.recommends extra="width=100%"}
{/if}


this codes is working good in version 3.4.0

[slimmedia]

Sure, replace:

image_x=$config.Appearance.thumbnail_width

with:

image_x=50

Instead of 50, you could use any width you'd like.

[jeeya]

Worked fine.

thanks