Archived topic
Display 2 Buttons "Add to Cart" & "Buy Now"
3 replies · Started by Ritesh on June 26, 2021
Hello Team,
Are there any possibilities to display two buttons on the Product Archive Page? (Mobile + Desktop Layout) or Only Mobile
"Add to cart" and "Buy Now"
The Purpose is, if someone wants to buy right now on the archive page, they use 2nd button (e.g. Buy Now)
Buttons Layout inline E.g - Add to Cart + Buy Now
https://the-mencare-co-6aed26.ingress-earth.easywp.com/shop/
Looking forward to your valuable response.
Ritesh
Hi there,
you would need a plugin - found this free one:
https://wordpress.org/plugins/buy-now-button-for-woocommerce/
And theres the paid official woo extension:
https://woocommerce.com/products/quick-buy-now-button-for-woocommerce/#
Hello David,
Thanks for your support.
So, is there any possibilities to make both buttons in one line (in-line)
E.g. - Add to cart + Buy Now
Give this CSS a shot:
#wc-column-container ul.products li.product {
flex-direction: row;
flex-wrap: wrap;
}
#wc-column-container ul.products li.product > a {
width: 100%;
}
#wc-column-container ul.products li.product .button {
flex: 1;
font-size: 14px;
margin: 20px 5px 0;
}