0

Buenas estoy creando un shoping cart y estoy usando DCAJAXPaypalCart pero no se agregan los datos por cada clase de spoc que encuentre.

DCAJAXPaypalCart aca les dejo de donde esta el ejemplo del shoping cart

 $(function () {
    var cart = $('#cart').DCAJAXPaypalCart({
        width: 800,
        openNewCheckOutWindow: true,
        //themeColor:'#333',
        //themeDarkColor:'#FFF',
        header: 'AJAX Cart Demo',
        footer: 'We accpet paypal, visa and master card. (This is a customizable footer)',
        paypalOptions: {
            business: '[email protected]',

        }

    });

    $('.spoc').each(function (index, element) {
        alert($(this).attr('data-id') + "  " + $(this).attr('data-name') + " " + $(this).attr('data-price') + " " + $(this).attr('data-image'));
        cart.addBuyButton('#' + $(this).attr('data-id'), {
            id: $(this).attr('data-id'),
            name: $(this).attr('data-name'),                     // Item name appear on the cart
            thumbnail: 'imgs/llantas_menu/' + $(this).attr('data-image'),      // Thumbnail path of the item (Optional)
            price: $(this).attr('data-price')                     // Cost of the item
            // Shipping cost for the item (Optional)

        });
        return cart;
    });

});
2
  • ¿Puedes agregar el html de la pagina para ayudarte mejor?
    – DanAlvarez
    Commented el 1 ago. 2017 a las 21:31
  • No entendí el título, podrías expresarlo mejor? Commented el 1 ago. 2017 a las 22:04

1 respuesta 1

0

Hay un error conceptual en tu lógica. ¿Por qué estás ejecutando la función "addBuyButton" (esto es, "agregar botón de compra") en el evento click de otro botón? Eso es terrible: estás agregando un botón cada vez que apretás el botón.

No: los addBuyButton los agregás en el evento load de la página, y luego el usuario usa esos botones para comprar cosas.

No conozco este plugin, pero sospecho que podés hacer algo como esto:

$(function () {
    var cart = $('#cart').DCAJAXPaypalCart({
        width: 800,
        openNewCheckOutWindow: true,
        //themeColor:'#333',
        //themeDarkColor:'#FFF',
        header: 'AJAX Cart Demo',
        footer: 'We accpet paypal, visa and master card. (This is a customizable footer)',
        paypalOptions: {
            business: '[email protected]',

        }

    });
    
    $('.button').each(function() {
        cart.addBuyButton('#' + $(this).attr('data-id'), {
            id: $(this).attr('data-id'),
            name: $(this).attr('data-name'),                     // Item name appear on the cart
            thumbnail: 'imgs/llantas_menu/' + $(this).attr('data-image'),      // Thumbnail path of the item (Optional)
            price: $(this).attr('data-price')                     // Cost of the item
            // Shipping cost for the item (Optional)

        });

    });

});

1
  • tienes toda la razon lo edite ya pero ahora el each no entra a mi funcion no genera el codigo que quiero para cada uno de los botones. jsfiddle.net/Godeolo/5kuma715 te dejo la parte de mi codigo por si me puedes ayudar a revisarlo
    – Godeolo
    Commented el 7 ago. 2017 a las 15:14

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.