Product Page Layout Diagram

( src/cart.php) Autoship Cloud adds One-Time and Autoship radio buttons to existing WooCommerce product pages. The visual guides below identify the location of WooCommerce action hooks and Autoship element hooks for both simple and variable product pages.

Simple Product 

For Simple Products, Autoship Cloud hooks into the woocommerce_before_add_to_cart_button action as shown in the visual guide below containing all the WooCommerce hooks for single (simple) product pages.  

See how the Autoship Options are displayed above the "Add to Cart" button by default in the image above? That is because of where they are hooked! The hook is identified in the text as well to aid with the reference.

Variable Products 

For Variable Products Autoship Cloud hooks into the woocommerce_before_single_variation action as shown in the visual guide below containing all the WooCommerce hooks for single (variable) product pages.  

See how the Autoship Options are displayed above the woocommerce_before_single_variation by default in the image? That is because of where they are hooked! The hook is identified in text as well to aid with the reference.

Can I Change the Location of Where My Autoship Options Display?

Yes! See our article linked below for some examples of changing where Autoship Options display on the WooCommerce Single Product Page. 

How Can I Change Where the Autoship Options Display on my Product Pages?