1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Woocommerce Custom Shop/Checkout

Discussion in 'Web Design' started by Moobs, Feb 27, 2015.

  1. Moobs

    Moobs Regular Member

    Joined:
    Jan 30, 2015
    Messages:
    238
    Likes Received:
    14
    This is my first time using WC and I'm trying to make a small customized shop. All the products and checkout need to be on a single page. There will be a row of 3 products across the top, only one can be chosen. Below the products there will be fields for the shipping info, and a separate set of fields for order notes, and checkout button. I need the checkout button to take whatever is in the cart and fields and send it directly to paypal.

    I think the easiest thing would be to edit the shop template.

    I've already taken care of limiting the products in the cart to one by adding a function that clears the cart when a new item is added.

    I just need to add a form that will validate and send all the data including the cart item directly to paypal.


    I'm really unfamiliar with WC so any help is greatly appreciated.
     
  2. Moobs

    Moobs Regular Member

    Joined:
    Jan 30, 2015
    Messages:
    238
    Likes Received:
    14
    *UPDATE

    I've decided editing the checkout template will probably be my best bet. I've also added a jquery function to add products to a cart. This new script will allow me to design a product display inside the checkout form that will add or remove an item from the cart. It will probably take me a bit to figure everything out to get it setup the way I want, but I think it's possible.

    The only thing I'm unsure about at this point is if I'll be able to get PayPal to take the product and shipping information from the custom checkout form, redirect the user to paypal, and have Paypal handle the billing and payment details.
     
  3. pxoxrxn

    pxoxrxn Supreme Member

    Joined:
    Dec 21, 2011
    Messages:
    1,398
    Likes Received:
    2,073
    What exactly are you asking? Are you asking how to integrate PayPal into WC?
     
  4. Moobs

    Moobs Regular Member

    Joined:
    Jan 30, 2015
    Messages:
    238
    Likes Received:
    14
    If I get everything working correctly the form will be sending the information about the item being purchased and the shipping details to paypal. Do I need to do anything special, or will paypal already know that it still needs to gather the billing and payment information?
     
  5. aukint

    aukint Junior Member

    Joined:
    Jul 14, 2013
    Messages:
    133
    Likes Received:
    13
    Occupation:
    Software Engineer
    Location:
    BlackHatWorld
    LoL, add products from product menu visit : www.yoursite.com/shop and see the products there then click add to cart etc....
     
  6. aukint

    aukint Junior Member

    Joined:
    Jul 14, 2013
    Messages:
    133
    Likes Received:
    13
    Occupation:
    Software Engineer
    Location:
    BlackHatWorld
    oops, you have to add paypal id in woocommerce settings etc. Sorry forgot in above post
     
  7. Moobs

    Moobs Regular Member

    Joined:
    Jan 30, 2015
    Messages:
    238
    Likes Received:
    14
    Thanks I realize this. Just to clarify I'm designing and styling a custom one page shop/checkout. The new checkout form will display 3 products (1 of 3 will be selected), gather shipping details as well as some other custom fields, and redirect the user to paypal to complete the order on submission.
     
  8. aukint

    aukint Junior Member

    Joined:
    Jul 14, 2013
    Messages:
    133
    Likes Received:
    13
    Occupation:
    Software Engineer
    Location:
    BlackHatWorld
    Well you are unable to build custom page its auto installed via woocommerce. You just need to manage the products I think. Let me know if you need further assistance. :)
     
  9. Moobs

    Moobs Regular Member

    Joined:
    Jan 30, 2015
    Messages:
    238
    Likes Received:
    14
    Anyone know how to make the checkout display even with an empty cart? I'm trying to use the checkout shortcode and need it to display the checkout at all times.

    [woocommerce_checkout]