Create the Add to Cart block

[nefeline]

Create a block version of the add-to-cart form available on single product templates.

Property	Value
Block title	Add-to-cart button
Block description	Display a button so the customer can add a product to their cart. Options will also be displayed depending on product type. e.g. quantity, variation.
Block slug	add-to-cart
Block file location	assets/js/blocks/product-add-to-cart/
Block class location	src/BlockTypes/AddToCart.php
Equivalent template function	woocommerce_template_single_add_to_cart()
Style	Typography Color Spacing
Visibility	Woocommerce Core

The add-to-cart button template can vary depending on the product type:

Simple Product

Details:

Property	Value
Equivalent template file	woocommerce/templates/single-product/add-to-cart/simple.php
Equivalent template function	woocommerce_simple_add_to_cart()

Screenshot:

Grouped Product

Details:

Property	Value
Equivalent template file	woocommerce/templates/single-product/add-to-cart/grouped.php
Equivalent template function	woocommerce_grouped_add_to_cart()

Screenshot:

Variable Product

Details:

Property	Value
Equivalent template file	woocommerce/templates/single-product/add-to-cart/variable.php
Equivalent template function	woocommerce_variable_add_to_cart()

Screenshots:

External Product

Details:

Property	Value
Equivalent template file	woocommerce/templates/single-product/add-to-cart/external.php
Equivalent template function	woocommerce_external_add_to_cart()

Screenshot:

[nefeline]

Hey @vivialice ! Would you please update the Block Title & Description listed on the description of this issue with the expected copy? Do we have an appropriate placeholder content for the editor view of this block already?

Thanks!

[vivialice]

Hey @nefeline 😄 Here is a copy suggestion for this block:

Block title:
Add-to-cart button

Description
Display a button so the customer can add a product to their cart. Options will also be displayed depending on product type. e.g. quantity, variation.

I don't have a design yet for the placeholder for this block. I can add it to my priorities, when would you need it?

[nefeline]

Thank you so much @vivialice 🙌 !

I don't have a design yet for the placeholder for this block. I can add it to my priorities, when would you need it?

I plan to start working on this next week (as soon as I finish my Porter rotation), but development can progress without it, so probably in 1-2 weeks should be a-ok!

[vivialice]

Okay, thanks @nefeline !

[vivialice]

👋 Hi @nefeline Thank you for your patience! I have selected a version for you to move ahead with - which is close to your original solution actually. The copy is slightly amended in the notice.