Ajax Post in Cross Sell

crosssell.php

----------------------------------------------------------------------------------------------------------------------------------

 <?php $buttonTitle1 = $this->__('Add to Cart'); ?>

 <?php $_helper = $this->helper('catalog/output'); ?>

<?php $_product = $this->getProduct(); ?>

<?php $_wishlistSubmitUrl = $this->helper('wishlist')->getAddUrl($_product); ?>

<?php

$_crossSellProducts = $_product->getCrossSellProducts();

if(count($_crossSellProducts) > 0)

{

      echo '<style>

 

    #product_tabs_upsell_products_tabbed{

        display:block;

    }

 

 

    </style>';

}

else

{

    echo '<style>

 

    #product_tabs_upsell_products_tabbed{

        display:none;

    }

 

 

    </style>';

}

 ?>

<!--====================box-collateral01=======================-->

<!--====================/box-collateral01=======================-->

 

<div class="box-collateral box-up-sell">

<div class="box-collateral01">

<div class="jcarousel-wrapper">

        <div class="jcarousel" data-jcarousel="true">

        <ul style="left: -555px; top: 0px;">

        <?php foreach ($_crossSellProducts as $_item): ?>

            <?php $_item = Mage::getModel('catalog/product')->load($_item->getId());

            //echo '<pre>';

            //print_r($_item);

        

            ?>

       

       

            <li class="slider-item-con" style="width: 300px;">

                <a class="product-image" href="<?php echo $_item->getProductUrl() ?>" title="<?php echo $this->htmlEscape($_item->getName()) ?>">

                    <img src="<?php echo $this->helper('catalog/image')->init($_item, 'thumbnail')->resize(125); ?>" width="125" height="125" alt="<?php echo $this->htmlEscape($_item->getName()) ?>" />

                </a>

           

                    <h3 class="product-name">

                         <a href="<?php echo $_item->getProductUrl() ?>"><?php echo $this->htmlEscape($_item->getName()) ?></a>

                    </h3>

                   <div class="access-price">

            <?php echo $this->getPriceHtml($_item, true) ?>

                    </div>

               

<!--

                      <p class="no-rating access-tab"><a href="<?php echo $_item->getProductUrl() ?>">Review this Product</a></p>

-->

                  <div class="custom-button01">

<!--

                      <a href="<?php //echo $_item->getProductUrl() ?>">

                      <button  type="button">

                          <span><span><img title="" alt="" src="http://xyz/magento/skin/frontend/default/images/xcart_button2.png.pagespeed.ic.bx9KtTBBpD.png"></span></span>

                     </button></a>

-->

<!--

                    <button type="button"   title="<?php echo $buttonTitle1  ?>" class="cart_button" onclick="setLocation('<?php echo $this->getAddToCartUrl($_item) ?>')"><span><span><img src="<?php echo $this->getSkinUrl('images/cart_button2.png'); ?>" alt="" title="" /></span></span></button>

-->

        <div class="divButtons">

                <a data-toggle="modal" href="#windowTitleDialog" class="product_id"><span><img src="<?php echo $this->getSkinUrl('images/cart_button2.png'); ?>" alt="" title="" /></span></a>

                <?php

$_compareUrl = Mage::helper('catalog/product_compare')->getAddUrl($_item);

$_wishlistUrl =Mage::helper("wishlist")->getAddUrl($_item);

?>

                <input type="hidden" id="h_v" class="hv" name="rahul" value="<?php echo $_item->getId(); ?>">

                <input type="hidden" id="h_v" class="hvv" name="rahul" value="<?php echo $this->getAddToCartUrl($_item) ?>">

                <input type="hidden" id="h_v" class="hv_b" name="rahul" value="<?php echo $_compareUrl; ?>">

                <input type="hidden" id="h_v" class="hv_c" name="rahul" value="<?php echo $_wishlistUrl; ?>">

           

                </div>

           

       

      

       

<!--

      

    <a href="<?php //echo $_wishlistSubmitUrl ?>" onclick="productAddToCartForm.submitLight(this, this.href); return false;" class="link-wishlist"><?php// echo $this->__('Add to Wishlist') ?></a>

-->

                          </div>

                <div class="add-to-links clear access-links">



<!--

    <div>

    <span class="sp_hd_sec" style="color:white;"><a class="link-compare" href="<?php echo $_compareUrl ?>">Add to Wishlist</a></span>



    </div>

    <div>

    <span class="separator">|</span> <a class="link-compare access-compare" href="javascript:void(0)" onclick="setLocation('<?php echo $this->getAddToCompareUrl($_item) ?>')">Add to Compare</a>



    </div>

-->





</div>

<span class="sp_hd"><a class="link-compare" style="color: #008EEF;font-size: 13px;font-weight: normal;text-decoration: underline;font-family:MyriadProRegular;" href="<?php echo $_compareUrl ?>">Add to Wishlist</a></span>

    <span class="separator">&nbsp;&nbsp;&nbsp;</span>

    <span class="sp_hd_sec"><a class="link-compare" style="color: #008EEF;font-size: 13px;font-weight: normal;text-decoration: underline;font-family:MyriadProRegular;" href="<?php echo $_compareUrl ?>">Add to Compare</a></span>

   

 

 



</li>

        <?php endforeach; ?>

       </ul>

        </div>

    

        <a class="jcarousel-control-prev" href="#" data-jcarouselcontrol="true">

        <div class="arrow-left-home"></div>

        </a>

        <a class="jcarousel-control-next" href="#" data-jcarouselcontrol="true">

        <div class="arrow-right-home"></div>

        </a>

        <p class="jcarousel-pagination" data-jcarouselpagination="true"><a href="#1">1</a><a href="#2">2</a><a href="#3">3</a><a href="#4" class="active">4</a><a href="#5">5</a><a href="#6">6</a><a href="#7">7</a><a href="#8">8</a><a href="#9">9</a><a href="#10">10</a><a href="#11">11</a><a href="#12">12</a><a href="#13">13</a><a href="#14">14</a><a href="#15">15</a><a href="#16">16</a><a href="#17">17</a><a href="#18">18</a><a href="#19">19</a></p>

</div>

</div>

    </div>

        <script type="text/javascript">decorateList('crosssell-products-list', 'none-recursive')</script>

    

      <script>

          // jQuery("#product_tabs_upsell_products_tabbed_contents").find(".slider-item-con").next().hide();

         //~ jQuery("#product_tabs_upsell_products_tabbed_contents").find(".slider-item-con").each(function()

        //~ {       

             //~ var shift_a=jQuery(this).next().html();

             //~

             //~ jQuery(this).find(".add-to-links").html(shift_a);

        //~ });

      </script>

    

    

<!--

        <link href="http://static.scripting.com/github/bootstrap2/css/bootstrap.css" rel="stylesheet">

-->

<!--

        <script src="http://static.scripting.com/github/bootstrap2/js/jquery.js"></script>

-->

        <script src="http://static.scripting.com/github/bootstrap2/js/bootstrap-transition.js"></script>

        <script src="http://static.scripting.com/github/bootstrap2/js/bootstrap-modal.js"></script>

        <script>

            jQuery((document).ready(function() {

                jQuery(('#windowTitleDialog').bind('show', function () {

                    document.getElementById ("xlInput").value = document.title;

                    });

                });

            function closeDialog () {

                jQuery(('#windowTitleDialog').modal('hide');

                };

            function okClicked () {

                document.title = document.getElementById ("xlInput").value;

                closeDialog ();

                };

            </script>

   

<script>

jQuery(document).ready(function()

    {

   

        jQuery(".product_id").click(function()

        {

            jQuery(".divDemoBody").hide();

            var key=jQuery(this).parent().find(".hv").val();

            var key_b=jQuery(this).parent().find(".hvv").val();

            var key_c=jQuery(this).parent().find(".hv_b").val();

            var key_d=jQuery(this).parent().find(".hv_c").val();

        var caldate=key;

        var caldate_b=key_b;

        var caldate_c=key_c;

        var caldate_d=key_d;

            jQuery.ajax({

            url: 'http://xyz/magento/ajx.phtml',

            type:"POST",

            data:({name:caldate,name_b:caldate_b,name_c:caldate_c,name_d:caldate_d}),

            success: function(cbG02_msg) {

            console.log(cbG02_msg);       

            jQuery(".pop-up").html(cbG02_msg);

            jQuery(".divDemoBody").show();

            },error: function(e , f){

                    console.log('error');

                    alert("error");

                }

            });

            });

       

    jQuery("#product_tabs_upsell_products_tabbed").click(function()

    {

        //alert("fdsfs");

    });   

        });

   

</script>

<div class="divDemoBody">



    <div id="windowTitleDialog" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="windowTitleLabel" aria-hidden="true">

        <div style="float:right;margin-right: -33px;margin-top: -28px;">

        <button type="button" class="close111"><span><span><span><img src="<?php echo $this->getSkinUrl('images/ajaxcart/close-popup.png');?>"/></span></span></span></button>

        </div>

   

        <div class="modal-header">

            <div class="pop-up"> </div>

        </div>

   

<!--

        <div class="modal-body">

            <div class="divDialogElements"></div>

        </div>

                   

            <div class="modal-footer"></div>

-->

    </div>

       

   

</div>

       

<script>

 jQuery(".close111").click(function()

{   

    //alert("dd");



    jQuery(".modal-backdrop").hide();

    jQuery(".modal").hide();



});

</script>

----------------------------------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------------------------------

ajx.php (placed in the root of magento )


<?php

require_once('app/Mage.php'); //Path to Magento

umask(0);

Mage::app();

$val=$_POST['name'];

$val1=$_POST['name_b'];

$comp=$_POST['name_c'];

$wish=$_POST['name_d'];

?>

<?php

$productID=$val;

$_product = Mage::getModel('catalog/product')->load($productID);

//echo '<pre>';

//print_r($_product);

?>

<?php

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

//echo $_url ;

?>

<?php

?>

<div class="border"></div>

<div style="overflow:hidden;">

    <div class="pop-up-image">

        <?php

   

   

        if($_product->getSmallImage()=='no_selection') {

?>

    <img src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA); ?>catalog/productno_selection/noimage.jpg" width=100 height=100 />

<?php       

}

else if($_product->getSmallImage()=='')

{



?>

<img src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA); ?>catalog/productno_selection/noimage.jpg" width=100 height=100 />

<?php

            } else { ?>

    <img src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA); ?>catalog/product<?php echo $_product->getSmallImage(); ?>" width=100 height=100 />

<?php } ?>

    </div>

    <div class="pop-up-right">

            <div class="name-pop">

           

            <?php echo $_product->getName();

            echo '<br/>';

       

       

            ?>

            </div>

       

            <div class="shortdesc-pop">

       

                <div class="heading01">

            <?php echo $_product->getShortDescription();

            ?>

            </div>

            <br clear="all" /><br clear="all" />

            <!------------------pop-up-main01-------------------->

            <div class="pop-up-main01">

           

                <!------------------popop-up-main01-left-------------------->

                <div class="popop-up-main01-left">

                    <form action="<?php echo $val1; ?> " method="post" id="product_addtocart_form_<?php echo $val; ?>">

                    <?php

                        $attVal = $_product->getOptions();

                        $optStr = "";

                        foreach($attVal as $optionKey => $optionVal)

                        {

                            //echo $optionVal->getTitle();

                        $optStr .= "<select style='display:block; clear:both;' name='options[".$optionVal->getId()."]'>";

                            $optStr .= "<option value=' '>".$optionVal->getTitle()."</option>";

                            foreach($optionVal->getValues() as $valuesKey => $valuesVal)

                            {

                                $optStr .= "<option value='".$valuesVal->getId()."'>".$valuesVal->getTitle()."</option>";

                            }

                                $optStr .= "</select>";

                        }

                        echo($optStr );

                    ?>

                    <div class="listprice-pop">

                        <?php if($_product->getPrice())

                        {

                            echo "List Price: "; ?>

                    <span>

                        <?php $b= $_product->getPrice();

                              $c = sprintf ("%.2f", $b);

                              echo  "$".$c;

                         }?>

                    </span>

                    </div>

           

                <div class="saleprice-pop">

                <?php if($_product->getSpecialPrice())

                            { echo "Sale Price: ";?>

                        <span>

                            <?php

                                $a= $_product->getSpecialPrice();

                                $f = sprintf ("%.2f", $a);

                                echo  "$".$f;

                            }

                        ?>

                        </span>

                 </div>

               

                    <label for="qty">Qty:</label>

                    <input type="text" name="qty" id="qty" maxlength="12" value="1" />

                    <button type="button" onclick="this.form.submit()"><span><span><span><img src="http://xyz/magento/skin/frontend/default/images/xcart_button2.png.pagespeed.ic.bx9KtTBBpD.png" alt="" title="" /></span></span></span></button>

                    </form>

               

               

               

               

               

       

                    <span class="sp_hd_sec"><a class="link-compare" href="<?php echo $comp;?>">Add to Compare</a></span>

                    <span class="sp_hd" style=""><a class="link-compare" href="<?php echo $wish;?>">Add To Wishlist</a></span>

           

                </div>

                <!------------------/popop-up-main01-left-------------------->

           

           

                <!------------------popop-up-main01-right-------------------->

                <div class="popop-up-main01-right">

            <?php

                $stock = Mage::getModel('cataloginventory/stock_item')->loadByProduct($_product);

                echo "PRODUCT IN STOCK:".round($stock->getQty());

                echo '<h4>New Condition</h4>';

                //echo round($_product->getPrice());

                    if(round($_product->getPrice()) < '49' ){

                        echo '<div class="free_ship"></div>';

                        }

                    else{

                    echo '<div class="free_ship">Free Shipping </div>';

                    }

                    if($_finalPrice == '0')

                    {

                    echo '<div class="free_ship">Free Shipping </div>';

                    }

            ?>

       

               

                    <h4>Ships From Our Location</h4>

                        <div class="price_blog">

                            <a href="http://xyz/magento/index.php/pricecomparison.phtml?pid=<?php echo $_product->getId() ?>">

                                <div class="price-match">

                                </div>

                            </a>

                        </div>

           

                </div>

                <!------------------/popop-up-main01-right-------------------->

           

            </div>

       

         <!------------------/pop-up-main01-------------------->

    </div>



</div>

</div>

<div class="border"></div>

<div class="fixedcontent "><?php echo $_product->getDescription(); ?></div>

        

           

<div class="close_window">

<button type="button" class="close11" onclick=" "><span><span><span><img src="http://xyz/magento/skin/frontend/default/images/xclose_window.png.pagespeed.ic.FEI4ollN0J.png" alt="" title="" /></span></span></span></button>

</div>

</div>

<script>

 jQuery(".close11, .close111").click(function()

{   

    //alert("dd");



    jQuery(".modal-backdrop").trigger("click");







});

</script>

---------------------------------------------------------------------------------------------------------------------------------

Comments

Post a Comment

Popular Posts

Magmi Single and Multiple Category Importer

Magmi On the fly Category Creator Magmi can create or update categories while it is importing products This document refers to On the fly category creator Version 0.2.3 Categories column To assign your products to categories, include a column called "categories" in your CSV file. If a category branch does not exist, it will be created on the fly during the import process and your products will be assigned to it sku,name,categories "100","My Products/Sample Products/Sample Category" "101","My Products/Other Products" 1 2 3 sku , name , categories " 100 " , " My Products / Sample Products / Sample Category " " 101 " , " My Products / Other Products " Each branch level of the category tree is separated with a forward slash (/). In the example shown above, the two products will be put into their own categories and the following tree ...
Read more