Magento cart add to cart buttons moidification

Completato Pubblicato Jan 8, 2012 Pagato alla consegna
Completato Pagato alla consegna

Project Details,

Changing "Add to Cart" buttons function to make shopping easier and simplier.

Our website is [url removed, login to view]

Please note that we will ONLY pay in FULL after successful delivery. We will give you a link to download full copy of our public_html folder and then you can tell us which files you need for to do your coding and we will send you latest version ones.

We are selling 2000 products and usually our customers order 50 - 100 different items in a single order. We are using gomage procart ajax extention for add to cart buttons so pages do not reload when customer click on add to cart buttons. We also heavily recoded [url removed, login to view] file.

We want to make adding items to cart process more easier and simplier.

We don't want any fancy stuff for adding items to cart process anymore. We don't want pop-ups to confirming items added to cart ( current pop-up window, we can disable it easily from gomage control panel ) or we don't want floating "My Cart" box ( which we turned it off already ). All we want is ( actually very simple ), shopping experince should be like this,

Customer click on "Add to Cart" button and then that button turns itself to "Items Added" text and then turns back to normal "Add to Cart" button. And system updates the "Item Quantity" amount top of the page next "View My Cart" link ( which is not updating quantities properly now since the moment you have put there some coding to not show "Checkout" link if items total is less than $5.

Please see below link similar functioning ajax buttons, ( you can't use that coding for magento but you can easily edit gomage extension functions in js file to look like this one )

[url removed, login to view]

In this example when you click on Add to Cart button it will make small box pop-up under the button to confirm item added, what we want is to show that exact "Item Added!" text " with green check " replacing "Add to Cart" button for a second and then it turns back to usual "Add to Cart" button status. No pop-ups, nothing. Just this. Easy going.

While you are developing this you have to be very careful about 1 custom coding starts at the 13th line of [url removed, login to view] file, I try to copy some part of this custom coding below this message, please study it. There is also few lines of coding for this custom made code in [url removed, login to view] , [url removed, login to view] and [url removed, login to view] I am sure you will notice them as you will have to do some coding on these templates also to make this process happen.

What this custom code does? It blocks customers to put different quantity then allowed quantity increments to quantity box. We have many products that we sell with quantity increments. For example some products can be ordered only with increments of 10 , so customer can't order 15 pieces. Magneto has this setting by default but Magento wasn't alerting customer or blocking customer when customer put a quantity amount which is not matching with quantity increment settings. So this custom code will alert buyer by pop-up small window and tell "Qty Allow 10, 20, 30... only " to customer so customer can't click on Add to Cart button and will understand that what quantity allowed. So when you do your coding make sure to include this custom coding and not damage it.

You can try example from below link, just put number 15 to first quantity box and then try to click on Add to Cart button.

[url removed, login to view]

Since we have removed floating "My Cart" box from top of the page, it would be nice if we place a small icons on top of "My Account" , "View My Cart" , "Log In" and "Log Out" links on top of the page.

GoMageProCartCreate();

/**detect qty**/

// alert(pNo+' '+qtySet);change()

jQuery(document).ready(function(){

jQuery('.qty').change(function(){

qtySet(this);

});

jQuery('.btn-cart').click(function(){

qtySet(this);

});

});

/** end detect***/

AJAX eCommerce Magento PHP Progettazione Siti Web

Rif. progetto: #1376662

Info sul progetto

5 proposte Progetto a distanza Attivo Jan 9, 2012

Assegnato a:

coscilance

Hello Sent you a PM.

$200 USD in 2 giorni
(10 valutazioni)
4.8

5 freelance hanno fatto un'offerta media di $186 per questo lavoro

vniteam

i can do it

$180 USD in 3 giorni
(147 valutazioni)
6.8
techyash

magento/php experienced

$200 USD in 2 giorni
(4 valutazioni)
3.3