Magento – Add Cross Sells to cart sidebar located in header

blockscross-sellslocal.xmlmagento-1.9template

I have moved my cart sidebar to the header using the code below in my local xml. I am now struggling to display crosssells inside this mini cart and am seeking guidance (they display fine on the actual cart page, and I have re-indexed several times).

<default>
    <reference name="left"><action method="unsetChild"><name>cart_sidebar</name></action></reference>
    <reference name="right"><action method="unsetChild"><name>cart_sidebar</name></action></reference>
    <reference name="header">               
        <block type="checkout/cart_sidebar" name="cart_sidebar" as="topcart" template="checkout/cart/topcart.phtml"/>
        <block type="checkout/cart_crosssell" name="checkout.cart.crosssell" as="crosssell" template="checkout/cart/crosssell.phtml"/>
    </reference>
</default>

Products are added to this top cart using ajax (however crosssells don't display in mini cart at any time). I have tried to include the cross sells within my topcart.phtml file using

<?php echo $this->getChildHtml('crosssell') ?>

I have also tried the following in my local.xml to no avail

<checkout_cart_index>
        <reference name="header">
                <block type="checkout/cart_crosssell" name="checkout.cart.crosssell" as="crosssell" template="checkout/cart/crosssell.phtml"/>
     </reference>
    </checkout_cart_index>

And have also experimented using a crosssellhead.phtml file in my themes checkout cart template folder.

Thanks

Best Answer

I just tried this way and works for me:

 <?php echo $this->getLayout()->createBlock('checkout/cart_crosssell')->setTemplate('checkout/cart/crosssell.phtml')->toHtml();?>

Add this code in header.phtml or other file where you want to show the crossells

<div class="top-panel mini-cart pp-shopping-block" data-role="pp-shopping">

      // Calls the mini cart
      <?php echo $this->getLayout()->createBlock('checkout/cart_sidebar')->setTemplate('checkout/cart/sidebar.phtml')->toHtml();?>

      // Calls Cross-Sells
      <?php echo $this->getLayout()->createBlock('checkout/cart_crosssell')->setTemplate('checkout/cart/crosssell.phtml')->toHtml();?>

</div>

Related Solutions

Magento – Cross-sells and up-sells in Magento

In Magento, cross-sell products are displayed in the shopping cart.
The reasoning is, if you place a product in the cart, they want to entice you to add one of the associated cross sell products, also.
For example, some nice wine glasses could be cross-sell products if you are buying a bottle of wine.
In a real life store, think of products at the end of the same isle.

The up-sell relation is to sell a better, newer, or generally more expensive variation of the product the customer is viewing. They are displayed on the product detail page.
For example, if you are buying the Heart Rate Monitor "newgen medicals 4in1" for 24.90 €, the "Wahoo Fitness Bluetooth Blue HR Smart 4031" for 69,90 € could be displayed as an up-sell product.
In a real life store, up-sell products would be placed right beside the other products, but probably a little higher on the shelf, maybe with a nicer display.

Note that this is how Magento defined these type of product associations. In contexts they might be used differently.

Magento 1.9 – How to Add Custom Page with Cross-Sell Products

Install below extension that will help you to create extra page after cart

https://github.com/tmhub/suggestpage

above extension add extra page after cart and that page you will add these code and you will get cross-sell product data

change your indexController indexAction as below

public function indexAction()
{
    $this->loadLayout()
        ->_initLayoutMessages('checkout/session')
        ->_initLayoutMessages('catalog/session');

    $_product = Mage::getModel('catalog/product')->load(1); //here 1 is product Id
    $block =  $this->getLayout()->createBlock('checkout/cart_crosssell')->setProduct($_product)->setTemplate('checkout/cart/crosssell.phtml');
    $this->getLayout()->getBlock('content')->append($block);

    $this->renderLayout();
}

and for your 4 product issue please check in your app/design/frontend/YourPackge/YourTheme/checkout/cart/crosssell.phtml file any condition who breaks for loop after four product then change it.

to increase limit for cross-sell product follow this quick step

1) copy app/code/core/Mage/Checkout/Block/Cart/Crosssell.php file to app/code/local/Mage/Checkout/Block/Cart/Crosssell.php

2) find this line and increase limit as per your need protected $_maxItemCount = 4;

Best Answer

Related Solutions

Magento – Cross-sells and up-sells in Magento

Magento 1.9 – How to Add Custom Page with Cross-Sell Products

Related Topic