adding “add to cart” button to existing page

  • Resolved fapp

    (@fapp)


    2 years, 1 month ago

    Hi all

    I am looking to set up a shop on an existing wordpress site with no real coding experience. I was hoping something like Woocommerce or Download Monitor would make what I’m intending easy but it turns out not!

    I don’t really want to go to the trouble of making a shop as I’ve already set up a page selling knitting patterns, and each one from the main page links to a product page. All I want to do is add a “add to cart” button similar to that you get from the Woocommerce product page onto my existing page. Is there an easy way to do this? I’ve tried making a product page with Woocommerce but the pages I already have have been in use for years and have links all over the interwebs so I’d rather stick with them. Plus I’m happy with how they look and I can’t get my head around the permalinks with product listings.

    I’m also after an apple pay and google pay button but that might be another query, the closest I’ve got so far are just purple buttons.

    Any advice greatly received!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter fapp

    (@fapp)

    UPDATE
    I have managed to do this using shortcode – you’ll see if you click the page link. Now I just need to know how to remove the massive grey box around it..

    Hi @fapp

    Thanks for reaching out!

    I have managed to do this using shortcode – you’ll see if you click the page link.

    I’m glad you were able to find the solution to your inquiry here. ??

    Now I just need to know how to remove the massive grey box around it..

    Can you please add the following code below under Appearance > Additional CSS and see if this works for you?

    /* Remove grey background color of the Add to Cart button */

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {

background-color: #ffffff;

}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘adding “add to cart” button to existing page’ is closed to new replies.