x

How To insert "Add to Cart" button

Anybody know how to insert "Add to Cart" button to an image linked to a product.  I want to insert this button wherevere I desire.  I'm using a standard page to place me products because I want buyers to be able to add to cart w/o having to go to see the details.  Chat was no help -  any ideas?  Many thanks

10,906 Views
Message 1 of 22
Report
21 REPLIES 21

I realize this post has been here for a while, but I too have the need to add a simple "Add to Cart" button to my pages that performs like the full product button, but does not show the full product info and does not link to the product page.

I accomplished this by adding the product to the page, and then in advance settings, turning off cost, description, and image. I then added a little CSS to the page:

<style>
.wsite-product .wsite-product-title {
    display: none !important;
}
.wsite-product {
    border: none !important;
    background: none !important;
    padding: 0 !important;
}
.wsite-product-right {
    display: grid !important;
}
</style>

The code is added in the </code> block anywhere on the page. The editor page will not show the working button, but once published, the button seems to work properly on the live website.

Someone with more coding skills than me could probably make this look and function better, but for the time being, this is a good workaround. 

-Brad B

1,814 Views
Message 23 of 22
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.