X-Cart forums - Add to cart in Product list?

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

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

- - Add to cart in Product list? (https://forum.x-cart.com/showthread.php?t=25066)

Add to cart in Product list?

In my store, when a customer clicks a category, they are shown a list of products. How can I make it so that the price and a simple "add to cart" or buy it now button is beneath the product thumbnail? No quantity box or anything. Just a simple add to cart button.

Thank you in advance!

Re: Add to cart in Product list?

Hi,
If you start with Webmaster mode, you will see which templates you need to edit. Then if you edit them in a decent ftp program you will see how to change the table structure round to lay the page out how you want.
You also need to edit the buy_now template, but don't just remove the quantity box, you need to still pass the amount to the cart, assuming you want to make this 1 each time.
That's the basics, needs a bit of html skills at least though.

Re: Add to cart in Product list?

edit skin1/customer/main/products_t.tpl and remove or comment out where it says to "Uncomment if you need 'Buy Now' button"

if you dont want the quantitfy dropdown box then edit buy_now.tpl and comment out the <SELECT ... </SELECT>

Re: Add to cart in Product list?

Oh, wow, that was super helpful! The only issue I'm finding is that my "buy now" buttons are aligned to the left and are about 3 or 4 line breaks below the product thumb. I've been trying to fiddle with this code

Code:

<TABLE border="0" cellpadding="0" cellspacing="0"><TR>

{if $js_enabled}

{if $special_offers_add_to_cart eq 'Y'}

<TD>{include file="buttons/add_to_cart.tpl" style="button" href="javascript: document.orderform_`$product.productid`_`$product.add_date`.submit();"}</TD>

{else}

<TD>{include file="buttons/buy_now.tpl" style="button" href="javascript: document.orderform_`$product.productid`_`$product.add_date`.submit();"}</TD>

{/if}

{if $login ne "" and $active_modules.Wishlist ne "" and $special_offers_add_to_cart eq ""}

{if $product.is_product_options ne 'Y' || $config.Appearance.buynow_with_options_enabled ne 'Y'}

<TD>&nbsp;&nbsp;&nbsp;&nbsp;</TD>

<TD>{include file="buttons/add_to_wishlist.tpl" style="button" href="javascript:document.orderform_`$product.productid`_`$product.add_date`.mode.value='add2wl'; document.orderform_`$product.productid`_`$product.add_date`.submit()"}</TD>

{/if}

{/if}

but nothing seems to do much good. Am I even on the right track?

Re: Add to cart in Product list?

Is there anyone that can help me alaign the Buy Now button?

Re: Add to cart in Product list?

You need to edit buy_now.tpl and center align the table that contains the button as well as the cell that contains the button on product.tpl

Re: Add to cart in Product list?

Quote:

Originally Posted by inebriate

if you dont want the quantitfy dropdown box then edit buy_now.tpl and comment out the <SELECT ... </SELECT>

If I comment out the "<select>" portion of the code, items no longer add to the cart. When I un-comment them, they add again. I guess the problem is that it isn't adding at least 1 item of the product to the cart...?

Heres what I was doing on that front--

Code:

{*** COMMENT OUT QUANTITY ***

<SELECT name="amount">

{if $product.min_amount le 1}

{assign var="start_quantity" value=1}

{else}

{assign var="start_quantity" value=$product.min_amount}

{/if}

{section name=quantity loop=$mq start=$start_quantity}

<OPTION value="{%quantity.index%}" {if $smarty.get.quantity eq %quantity.index%}selected{/if}>{%quantity.index%}</OPTION>

{/section}

</SELECT>

*** COMMENT OUT QUANTITY ***}

suggestions?

Re: Add to cart in Product list?

Well you have to put something in to tell it how many or it won't work :) You need to add this if you are commenting out the select box:

<INPUT type="hidden" name="amount" value="1">

Re: Add to cart in Product list?

Quote:

Originally Posted by balinor

Well you have to put something in to tell it how many or it won't work :) You need to add this if you are commenting out the select box:

<INPUT type="hidden" name="amount" value="1">

That is there. That I didn't comment out. Should I maybe move it to a different place? Here's my whole code

Code:

{* $Id: buy_now.tpl,v 1.15.2.8 2005/11/07 09:17:46 svowl Exp $ *}

<TABLE border="0" width="100%" cellpadding="0" cellspacing="0">

{if $product.price eq 0}

<TR>

<TD height="25">

{assign var="button_href" value=$smarty.get.page|escape:"html"}

{include file="buttons/buy_now.tpl" style="button" href="product.php?productid=`$product.productid`&cat=`$cat`&page=`$button_href`"}

</TD>

</TR>

{else}

<FORM name="orderform_{$product.productid}_{$product.add_date}" method="post" action="{if $product.is_product_options eq 'Y' && $config.Appearance.buynow_with_options_enabled eq 'Y'}product.php?productid={$product.productid}{else}cart.php?mode=add{/if}">

<INPUT type="hidden" name="productid" value="{$product.productid}">

<INPUT type="hidden" name="cat" value="{$smarty.get.cat|escape:"html"}">

<INPUT type="hidden" name="page" value="{$smarty.get.page|escape:"html"}">

{if $product.is_product_options ne 'Y' || $config.Appearance.buynow_with_options_enabled ne 'Y'}

<TR>

{if $product.distribution eq "" and !($active_modules.Subscriptions ne "" and $products[product].catalogprice)}

{*** COMMENT OUT ***

<TD height="25" width="15%" nowrap>{$lng.lbl_quantity}&nbsp;&nbsp;

</TD>

*** COMMENT OUT ***}

<TD width="20%" nowrap>

{if $config.General.unlimited_products ne "Y" and ($product.avail le 0 or $product.avail lt $product.min_amount)}

<B>{$lng.txt_out_of_stock}</B>

{else}

{if $config.General.unlimited_products eq "Y"}

{math equation="x+1" assign="mq" x=$config.Appearance.max_select_quantity}

{else}

{math equation="x/y" x=$config.Appearance.max_select_quantity y=$product.min_amount assign="tmp"} 

{if $tmp<2}

{assign var="minamount" value=$product.min_amount} 

{else} 

{assign var="minamount" value=1}

{/if} 

{math equation="min(maxquantity+minamount, productquantity+1)" assign="mq" maxquantity=$config.Appearance.max_select_quantity minamount=$minamount productquantity=$product.avail}

{/if}

{*** COMMENT OUT QUANTITY ***

<SELECT name="amount">

{if $product.min_amount le 1}

{assign var="start_quantity" value=1}

{else}

{assign var="start_quantity" value=$product.min_amount}

{/if}

{section name=quantity loop=$mq start=$start_quantity}

<OPTION value="{%quantity.index%}" {if $smarty.get.quantity eq %quantity.index%}selected{/if}>{%quantity.index%}</OPTION>

{/section}

</SELECT>

*** COMMENT OUT QUANTITY ***}

{/if}

</TD>

{else}

<INPUT type="hidden" name="amount" value="1">

{/if}

<TD width="100%" height="25" valign="middle">

<INPUT type="hidden" name="mode" value="add">

{include file="customer/main/product_prices.tpl"}

</TD>

</TR>

{/if}

<TR>

<TD colspan="3">

{if $config.General.unlimited_products eq "Y" or ($product.avail gt 0 and $product.avail ge $product.min_amount)}

<BR>

<TABLE border="0" cellpadding="0" cellspacing="0" align="center"><TR>

{if $js_enabled}

{if $special_offers_add_to_cart eq 'Y'}

<TD>{include file="buttons/add_to_cart.tpl" style="button" href="javascript: document.orderform_`$product.productid`_`$product.add_date`.submit();"}</TD>

{else}

<TD>{include file="buttons/buy_now.tpl" style="button" href="javascript: document.orderform_`$product.productid`_`$product.add_date`.submit();"}</TD>

{/if}

{if $login ne "" and $active_modules.Wishlist ne "" and $special_offers_add_to_cart eq ""}

{if $product.is_product_options ne 'Y' || $config.Appearance.buynow_with_options_enabled ne 'Y'}

<TD>&nbsp;&nbsp;&nbsp;&nbsp;</TD>

<TD>{include file="buttons/add_to_wishlist.tpl" style="button" href="javascript:document.orderform_`$product.productid`_`$product.add_date`.mode.value='add2wl'; document.orderform_`$product.productid`_`$product.add_date`.submit()"}</TD>

{/if}

{/if}

{else}

<TD>{include file="submit_wo_js.tpl" value=$lng.lbl_buy_now}</TD>

{/if}

</TR></TABLE>

{/if}

</TD>

</TR>

</FORM>

{if $product.min_amount gt 1}

<TR>

<TD colspan="3"><FONT class="ProductDetailsTitle">{$lng.txt_need_min_amount} {$product.min_amount} {$lng.lbl_items}</FONT>

</TD>

</TR>

{/if}

{/if}

</TABLE>

Thanks for the help everyone. I really do appreciate it

Re: Add to cart in Product list?

Quote:

Originally Posted by balinor

You need to edit buy_now.tpl and center align the table that contains the button as well as the cell that contains the button on product.tpl

Balinor, are you sure it's product.tpl? product.tpl is for the details page of a product