Build-A-Basket

[lesliekirk]

Has anyone created a Build-A-Basket type module? I'm looking to create a category page with all the products that can be included in the basket. I had first thought about using Inventory Variants or Inventory Kit Builder but I need to give the customer to option to have more than one of an item in the basket. I'm also looking to have the page keep a running total of the cost of the items added.

I've got some ideas, but if someone has already done this, why reinvent the wheel?

[PCINET - Andreas]

Something like this http://www.lafco.com/gift_bar where you choose a product group and add items to a running total at the bottom of the page.

[lesliekirk]

Very nice! I wasn't thinking that quite sophisticated. Bill had a Shopping Pad function but it was just a checkbox for each product. I've also built something with the Toolkit that allows for multiple quantities of a product to be added at the CTGY page level.

But again, very nice!

[Kent Multer]

Have a look at http://www.stitchitcentral.ca/mm5/me...uct_Code=32060, and then click the Purchase Accessories button. This store is running an Accessory Product Manager module that I wrote, which does pretty-much what you described. It doesn't require the use of categories or variants; each product's accessories are just regular products, entered into a list on an admin page.

[Bruce - PhosphorMedia]

Wouldn't just rendering each product with a quantity box and then use the multi add to basket function work?

http://docs.miva.com/template-langua...-documentation

[lesliekirk]

Wouldn't just rendering each product with a quantity box and then use the multi add to basket function work?

http://docs.miva.com/template-langua...-documentation

That may have been the code I was looking for. Thanks Bruce.

[lesliekirk]

Circling back to this - I'm using the EP Toolkit Multiple product add Category Display with Attributes - it looks like Multi-Add Documentation - ADMP might replace this. Is there a full page sample like what Bill provided? http://www.emporiumplus.com/v5/tk_bulkadd.txt That would be extremely beneficial for people trying to convert over.

Question - does the ADMP action have the ability to do the dynamic pricing update when an attribute is selected?

[Bruce - PhosphorMedia]

ADMP is an action distribution on post...so, it has nothing per se to do with dynamic pricing display, but I believe (based on reading the code) that any dynamic contingency pricing based on selective attributes will work just fine. I know from example that is supports volume pricing for example.

[lesliekirk]

Okay good to know.

[Brennan]

Have you seen this: http://docs.miva.com/template-langua...dd-to-cat-page

[lesliekirk]

Have you seen this: http://docs.miva.com/template-langua...dd-to-cat-page

Yes, but could use a lot more info to help configure one of these pages - like what items need to be assigned? Which field does the form code get added to? Any other missing pieces of the puzzle?

[AHerb]

While Miva supports multi products, it shouldn't be hard to add multiple products with the javascript (see code below). But I would still, probably, go with single product and ajax requests.

Just wrote few lines of code for you to play with:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<mvt:foreach iterator="product" array="all_products:products">
    <div></div>&mvte:product:code;    <input type="text" style="width: 35px;" name="qty_&mvt:product:id;" value="1"> <span id_to_add="&mvt:product:id;" code_to_add="&mvte:product:code;" class="add-to-cart" style="border:1px #eee solid; padding: 3px; background-color: #ccc; cursor: pointer;">Select</span></div>
</mvt:foreach>


<script type="text/javascript">
    $('.add-to-cart').click(function(){
        var id = $(this).attr('id_to_add');
        var code = $(this).attr('code_to_add');
        var qty = $("input[name='qty_"+id+"']").val();

        if (qty == 0) {
            return;
        }

        if ($('input[name="Products[ '+id+' ]:quantity"]').val() != null ) {
            var old_amt = $('input[name="Products[ '+id+' ]:quantity"]').val();
            var new_amt = Number(old_amt) + Number(qty);
            $('input[name="Products[ '+id+' ]:quantity"]').val(new_amt);
            $('#iStrQty_'+id).text(new_amt);
            return;
        }

        var iProduct = '<input type="hidden" name="Products[ '+id+' ]:code" value="'+code+'">';
        var iQty = '<input type="hidden" name="Products[ '+id+' ]:quantity" value="'+qty+'">';
        var iStr = "<div>Code: "+code+"; Qty: <span id='iStrQty_"+id+"'>"+qty+"</span></div>"

        $("#add_elements_here").append(iProduct);
        $("#add_elements_here").append(iQty);
        $("#add_elements_here").append(iStr);
    });
</script>

<form method="post" action="&mvte:global:sessionurl;Screen=BASK">
    <input type="hidden" name="Action" value="ADPM">
    <input type="hidden" name="Attributes" value="Yes">
    <input type="hidden" name="Store_Code" value="&mvte:store:code;">

    <div id="add_elements_here"><h2>Selected products</h2></div>

    <input type="submit" value="Add Selected to Basket">
</form>

Code above will output the list of the products and will let you add those products to the selected list. When submit button is clicked it'll add only selected items to the cart.



Enjoy :-)

[lesliekirk]

Something like this http://www.lafco.com/gift_bar where you choose a product group and add items to a running total at the bottom of the page.

Did I mention how nice this looks? If not, it looks great! But what I need is something that also identifies that this product is part of a gift basket and to keep track of all the items added into that basket so that a cost based shipping & handling can be charged. Using the category page product selection like I had already created is not allowing me to do this. I may start a new post on this since we have focused on using an Alternate CTGY Page template for this category for this thread. I'm thinking I need to use a product that has the ability to enter a quantity for each attribute selected on that PROD page - then a shipping method can be assigned to that product.