ADD MULTIPLE PRODUCTS TO CART

Transcription

1 1 User Guide Add Multiple Products to Cart ADD MULTIPLE PRODUCTS TO CART USER GUIDE BSSCOMMERCE 1

2 2 User Guide Add Multiple Products to Cart Contents 1. Add Multiple Products to Cart Extension Overview How does Add Multiple Products to Cart Extension work? Guidance to run Add Multiple Products to Cart on CMS or Static Page Contact Us BSSCOMMERCE 2

3 3 User Guide Add Multiple Products to Cart 1. Add Multiple Products to Cart Extension Overview As you know, default Magento does not allow customers to add many products to carts at once in product list pages such as category pages and search result page. This setting of default Magento will complicate their shopping process and waste their time by requesting them to visit each product page separately. Especially, for wholesalers who buy great variety of products in large quantity, dealing with that complex purchasing procedure is a real challenge. Understand the difficulties customers are facing, Add Multiple Products to Cart is developed by BSSCommerce to bring better shopping experience for customers. By allowing customers to add multiple items to cart with various quantities at once, this extension enables a quicker order process and helps store owners increase sales, especially when their target customers are wholesalers. 2. How does Add Multiple Products to Cart Extension work? Please go to System Configuration BSSCOMMERCE Add Multiple Products to start making configuration. BSSCOMMERCE 3

4 4 User Guide Add Multiple Products to Cart In Enable, choose Yes to enable the module, otherwise choose No. In Add jquery, choose Yes to add Library jquery if your site doesn t have it, choose No if your site already has it. In Use Ajax Add to Cart: Choose Yes if you allow Ajax pop-up enabling customers to specify options of products with options that they forgot to while adding to cart Choose No to disable Ajax pop-up and showing Error Notification at the top of the page instead. In Customer Group: Choose customer group to apply this module to. It means only customers in selected group can add multiple products to cart. In Category: Select categories that you want to apply this module to. It means that when you choose a category, customers can add multiple products belonging to that category to cart. BSSCOMMERCE 4

5 5 User Guide Add Multiple Products to Cart In Custom Options Product: Choose Yes to enable the function of adding multiple products to cart for products with custom options. Choose No to disable this function for products with custom options. There will be no check box and quantity box for this product type in frontend. Customers cannot add custom options products along with other product types. Similarly, you can choose product types to apply this module. In Downloadable Product: Choose Yes and customers can add multiple downloadable products to cart. Choose No to disable this function for downloadable products and hide check box and quantity box for this product type. In Configurable Product: Choose Yes and customers can add multiple configurable products to cart. Choose No to disable this function for configurable products and hide check box and quantity box for this product type. In Bundle Product: Choose Yes and customers can add multiple bundle products to cart. Choose No to disable this function for bundle products and hide check box and quantity box for this product type. Finally, you click Save Config and see changes in the frontend. Note: This module now works well in both Grid and List view form. BSSCOMMERCE 4

6 6 User Guide Add Multiple Products to Cart 3. Guidance to run Add Multiple Products to Cart on CMS or Static Page There are 2 ways admin could use Add Multiple Products to Cart function on CMS or Static Page: 3.1 Customize your product list template according to the list of this module If you have a code file in form of list.phtml, you could bring those product to CMS Page or any page. However, if you want to apply Add Munltiple Product to Cart function, your code file list.phtml has to be formated according to the code file list.phtml of this module. Step 1: back up file app/design/frontend/base/default/template/bss/addmultipleproducts/catalog/product/list.p html Step 2: copy file from your theme app/design/frontend/theme/template/catalog/product/list.phtml and paste to path app/design/frontend/base/default/template/bss/addmultipleproducts/catalog/product/ or app/design/frontend/theme/template/bss/addmultipleproducts/catalog/product/ BSSCOMMERCE 6

7 7 User Guide Add Multiple Products to Cart in file list *Note: search the keywords add multiple products in the old file to observe the changes (custom part locating in: <!-- add muntiple products --> custom part <!-- end --> ) Step 3: Add from: <form action="<?php echo Mage::helper("addmultipleproducts")->getFormUrl();?>" method="post" id="product_addmuntile_form"> <?php echo $this->getblockhtml('formkey');?> <input type="checkbox" name="checkall" class="checkall" value="1"> <label for="checkall">check All</label> <button type="button" title="add to Cart" class="button btncartall"><span><span>add All to Cart</span></span></button> after the tab <div class="category-products"> and add <input type="checkbox" name="checkall" class="checkall" value="1"> <label for="checkall">check All</label> <button type="button" title="add to Cart" class="button btncartall"><span><span>add All to Cart</span></span></button> </form> BSSCOMMERCE 7

8 8 User Guide Add Multiple Products to Cart or only </form> (if you don t need the below button) in prior to the closing tab of <div class="category-products"> Step 4: Add the option: Checkbox + Qty and the button Add To Cart + View in products-list and products-grid a. Add option: Checkbox + Qty <?php $product = Mage::getModel("catalog/product")->load($_product->getId()) ;?> <?php if( $_product->issaleable() && Mage::helper("addmultipleproducts")- >getproductconfig($product) ) :?> <?php if($_product->canconfigure() $product->getoptions()) :?> <div class="show-option"> <label class="required" for="options"><em>*</em>select Option</label> <input type="checkbox" name="show.option" class="show-option-ck" value="<?php echo $_product->getid()?>"></input> </div> <?php endif?> none"> <div id="bss_option<?php echo $_product->getid()?>" style="display: <?php echo Mage::helper("addmultipleproducts")- >getproductoptionshtml($product);?> BSSCOMMERCE 9

9 9 User Guide Add Multiple Products to Cart </div> <div id="bss_<?php echo $_product->getid()?>" style="margin: 8px 0; clear: both;"> <input type="checkbox" name="cproduct[]" class="cproduct" id="cproduct-<?php echo $_product->getid()?>" value="<?php echo $_product->getid()?>"> <input type="text" class="quantity" name="qty_<?php echo $_product- >getid()?>" id="qty-<?php echo $_product->getid()?>" value="1" style="width: 3.2em;"> </div> <?php endif?> b. Add button: Add To Cart + View <?php if( $_product->issaleable() && Mage::helper("addmultipleproducts")- >getproductconfig($product) ) :?> <button type="button" title="<?php echo $this->quoteescape($this- > ('Add to Cart'))?>" class="button btncart" onclick="single_add(document.getelementbyid('qty-<?php echo $_product- >getid()?>').value,'<?php echo $_product->getid();?>','<?php echo Mage::helper('addmultipleproducts/cart')->getAddUrl($_product);?>') "><span><span><?php echo $this-> ('Add to Cart')?></span></span></button> <?php elseif($_product->getstockitem() && $_product->getstockitem()- >getisinstock()):?> BSSCOMMERCE 9

10 10 User Guide Add Multiple Products to Cart <a title="<?php echo $this->quoteescape($this-> ('View Details'))?>" class="button" href="<?php echo $_product->getproducturl()?>"><?php echo $this- > ('View Details')?></a> <!-- end --> Step 5: Add script <script type="text/javascript"> jquery(document).ready(function() { var validate_option = "<?php echo Mage::helper('addmultipleproducts')- >SystemConfig('validate_option')?>"; jquery('.checkall').click(function() { if(jquery(this).is(":checked")) { jquery(".checkall").prop( "checked", true ); var len = document.getelementsbyclassname('cproduct').length; var i; for(i=0;i<(len);i++) { document.getelementsbyclassname('cproduct')[i].checked = true; else { jquery(".checkall").prop( "checked", false ); var len = document.getelementsbyclassname('cproduct').length; BSSCOMMERCE 13

11 11 User Guide Add Multiple Products to Cart var i; for(i=0;i<(len);i++) { document.getelementsbyclassname('cproduct')[i].checked = false; ); jquery('.show-option-ck').click(function(){ var productid = jquery(this).attr('value'); if(jquery(this).is(":checked")) { jquery('#bss_option'+ productid).css('display','block'); else{ jquery('#bss_option'+ productid).css('display','none'); ) jquery('.btn-cartall').click(function() { var error = false; var error1 = true; jquery('.cproduct').each(function() { if(jquery(this).is(':checked')) { error1 = false; BSSCOMMERCE 13

12 12 User Guide Add Multiple Products to Cart ); if(error1 == true) { alert("no checkbox selected!"); else { jquery('.quantity').each(function() { if(jquery(this).val() < 0 isnan(jquery(this).val()) == true) { alert("invalid Value!"); jquery(this).focus(); error = true; ); if(error == false && error1 == false) { if (validate_option == 1) { var dataurl = "<?php echo $this- >getbaseurl().'addmultipleproducts/cart/stopadd'?>"; var addtocartalldata = jquery("#product_addmuntile_form").serialize(); jquery.ajax({ BSSCOMMERCE 13

13 13 User Guide Add Multiple Products to Cart type: 'POST', url: dataurl, data: addtocartalldata, success: function(data){ var json = data, obj = JSON.parse(json); if (obj.flag == 1) { jquery('#product_addmuntile_form').submit(); else{ alert(obj.mess); ); else { jquery('#product_addmuntile_form').submit(); ); ); function single_add(qty,proid,url) { BSSCOMMERCE 13

14 14 User Guide Add Multiple Products to Cart var validate_option = "<?php echo Mage::helper('addmultipleproducts')- >SystemConfig('validate_option')?>"; var error = false; jquery('#product_addmuntile_form').attr('action',url); var qty = jquery('#qty-'+ proid).val(); if(qty < 0 isnan(qty) == true) { alert("invalid Value!"); jquery('#qty-'+proid).focus(); error = true; if(error == false) { if (validate_option == 1) { var dataurl = "<?php echo $this- >getbaseurl().'addmultipleproducts/cart/stopadd'?>" + '?proid=' + proid; var addtocartalldata = jquery("#product_addmuntile_form").serialize(); jquery.ajax({ type: 'POST', url: dataurl, data: addtocartalldata, success: function(data){ BSSCOMMERCE 15

15 15 User Guide Add Multiple Products to Cart var json = data, obj = JSON.parse(json); if (obj.flag == 1) { jquery('#product_addmuntile_form').submit(); else{ alert(obj.mess); ); else { jquery('#product_addmuntile_form').submit(); </script> BSSCOMMERCE 15

16 16 User Guide Add Multiple Products to Cart Screenshot: BSSCOMMERCE 16

17 17 User Guide Add Multiple Products to Cart BSSCOMMERCE 17

18 18 User Guide Add Multiple Products to Cart 3.2 Use the template of this module If you do not want to edit your code, then you have to use the template of this module when you create list on CMS page. The simplest way to do this is to add a widget to the CMS page which allows you to specify the template. For example, if you have a code as {{block type="catalog/product_list" name="home.catalog.product.list" alias="products_homepage" template="catalog/product/list.phtml" change it into {{block type="catalog/product_list" name="home.catalog.product.list" alias="products_homepage" template="bss/addmultipleproductscatalog/product/list.phtml" * Note: Comparing the base code versus the code of Add Multiple Products t o Cart module, you will easily identify different parts between two code for later customization. BSSCOMMERCE 18

19 19 User Guide Add Multiple Products to Cart 4. Contact Us Any questions or concern about us, feel free contact: Website: Support: Skype: support.bsscommerce BSS Support team is always ready to aid you with any issue related to our products. Additionally, we also give you Website development and Administration Support. We do offer: 1. Free installation services for commercial products. 2. Free updates within offered support period. Our duties: 1. Responsibility for resolving product bugs. 2. Help with technical queries. 3. Technical support in installation and product usage. BSSCOMMERCE 19