Add to Cart with Quantity in Category List – Magento Guide

magento-1.7

I want to add add to cart to product category list.

What I have right now is:
1. I registered the addtocart in xml file catalog.xml

<block type="catalog/product_list" name="product_list" template="catalog/product/list.phtml">
        <block type="catalog/product_list" name="product_list.addtocart" as="addtocart" template="catalog/product/list/addtocart.phtml"/>
</block>

In template\catalog\product\list.phtml i added the call:

<?php if($_product->isSaleable()): ?> <?php echo $this->getChildHtml('addtocart') ?> <?php endif ?>

What am I missing that i don't see the addtocart functionality with quantity?

I also moved the file addtocart.phtml to catalog/product/list/addtocart.phtml.

Best Answer

The addtocart.phtml file uses "catalog/product_view" type by default. Inside addtocart.phtml, the button "add to cart" use a javascript function to submit the product view form. So you can't use it on product list without some changes.

Simple approach

You can change your list.phtml just adding a button/link with a url to add to cart product:

$_url = Mage::helper('checkout/cart')->getAddUrl($_product);

Block approach

You can change your block "addtocart" and assign each product to it on list.phtml. Inside addtocart you can get url (like above) and build your button.

EDIT:

You can set a default qty in getAddUrl method by parameters:

<?php echo Mage::helper('checkout/cart')->getAddUrl($_product, array('qty' => 2)); ?>

If you want to use a input to qty, it's a quick example:

//My collection list loop (in list.phtml)
<?php $i=0; foreach ($_productCollection as $_product): ?>

    <form action="<?php echo $this->getAddToCartUrl($_product) ?>" method="post" id="product_addtocart_form_<?php echo $_product->getId()?>">
    // Code of my item product box here (I removed).
    // [...]
    <div class="actions">

        <?php if($_product->isSaleable()): ?>

            <div class="add-to-cart">
              <input type="hidden" name="id" class="prodId" value="<?php echo $_product->getId()?>"/>
              <input type="text" name="qty" id="qty" class="qty" maxlength="2" value="<?php echo ($this->getMinimalQty($_product)?$this->getMinimalQty($_product):1) ?>"/>
            </div>

            <a class="seemore" href="<?php echo $_product->getProductUrl() ?>"><?php echo $this->__('See More'); ?></a>
            <button type="submit" class="button" title="<?php echo $this->__('Add to Cart');?>"><span><?php echo $this->__('Add to cart'); ?></span></button>

        <?php else: ?>

            <p class="availability out-of-stock">
                <span><?php echo $this->__('Out of stock') ?></span>
            </p>

        <?php endif; ?>

    </div>
    // Rest of my list item. (I removed).
    // [...]
    </form>

<?php endforeach ?>

OBS: It's a simple example. This is not prepared to handle with configurable or grouped product.

Related Solutions

Magento – Dynamically create add to cart block for each final configurable option, Helper for $this

Let's get to the root of what you're asking:

I need to simulate $this (whatever model, helper its referring to) so that this block works. I am without much success.

The addtocart.phtml view is called via this xml declaration in app/design/frontend/base/default/layout/catalog.xml:

<block type="catalog/product_view" name="product.info.addtocart" as="addtocart" template="catalog/product/view/addtocart.phtml"/>

That means that the $this you're referring to is the model catalog/product_view. Assuming no rewrites, that should translate to the class file Mage_Catalog_Block_Product_View, found in app/code/core/Mage/Catalog/Block/Product/View.php.

So, with all of that aside, you want $this to behave as if it's being called from the block. Assuming you're still using your standalone script called via AJAX, you should replace $this with $block - loading that as a new instance of the block model referenced above. This may lead to undesired effects - for instance - $block->getProduct() won't work.

Edited standalone addtocart.phtml:

Based on your edit, I have updated this answer:

<?php

require_once('/var/www/Staging/public_html/app/Mage.php');
umask(0);
Mage::app();

//ensure that the value is legitimate
if($_POST && is_numeric($_POST['value'])){
    $value = $_POST['value'];
}

//pass this in your ajax call for the add button
if($_POST && is_numeric($_POST['product_id'])){
    $product_id = $_POST['product_id'];
}

$helper = Mage::helper('core'); //for translation
$block = new Mage_Catalog_Block_Product_View(); // not best practice, but neither are standalones
$product =  Mage::getModel('catalog/product')->load($product_id); // no need to use the _ here, it's not protected/private; additonally Mage::registry won't work because you're technically not on a product detail page

$buttonTitle = ''; //you are using this, but it isn't set

?>
<div class="add-to-cart">
    <label for="qty"><?php echo $helper->__('Qty:') ?></label>
    <input type="text" name="qty" id="qty" maxlength="12" value="<?php echo $block->getProductDefaultQty($product) * 1 ?>" title="<?php echo $helper->__('Qty') ?>" class="input-text qty" />
    <button onclick="window.location = '<?php echo Mage::helper('checkout/cart')->getAddUrl($product);?>'" type="button" title="<?php echo $buttonTitle ?>" class="button btn-cart" id='$value'><span><?php echo $buttonTitle ?></span></button>
</div>

Some other thoughts:

You're using $_GET['value'] - don't accept unfiltered input from users. You're placing this directly into the add to cart button. Anyone could munge this to inject scripts and other bad stuff onto a page via the URL. This is called XSS - read more here: http://phpmaster.com/php-security-cross-site-scripting-attacks-xss/

If $_GET['value'] is your vendor, consider using vendor - it's semantic.

How I would implement this:

So, your approach isn't wrong, per se; it'll work. But here's how I would do it:

Create a vendor plugin
Create a custom controller action that takes an argument of vendor, using $this->getRequest()->getParams() - which filters natively for nefarious stuff
Set the output type of the controller to text/html, set to a blank theme that has no script includes or layout elements (structural blocks, etc.)

Or, instead of rolling your own, use the Unirgy Marketplace plugin which does what you're trying to do - and does it very well!

http://www.unirgy.com//products/umarketplace/magento-multi-vendor-marketplace

Magento – How to Disable ‘Add to Cart’ on Specific Products

Make sure your attribute is available on product listing page by setting "Used in Product Listing" to "Yes" when editing your attribute — screenshot
Add your logic to template/catalog/product/list.phtml to show Add to Cart/View details button

Best Answer

Related Solutions

Magento – Dynamically create add to cart block for each final configurable option, Helper for $this

Magento – How to Disable ‘Add to Cart’ on Specific Products

Related Topic