title: WooCommerce: How to display fields from the "Product Add-ons" extension?
body: <p>I'm using the [Product Add-ons][1] extension for WooCommerce, which allows custom fields for products. This automatically displays on the single product template. </p>
  
  <p>By some trial and error with the single product template, it appears to hook in somewhere in <code>woocommerce_single_product_summary</code> (single_meta?). </p>
  
  <p>I need to get this same set of form fields to display on the <code>archive-product</code> template (the list of products). In my case, this is a field for a card request and one for delivery date. Both are needed before the product can be added to the cart from the product archive. I'm not sure if there is a function I can call for this, if it involves some more advanced coding.</p>
  
  <hr>
  
  <p>Per Pelmered's answer, I was able to get the add-on fields to show up with adding this to functions.php:</p>
  
  <p><code>add_action( 'woocommerce_after_shop_loop_item_title', array($GLOBALS['Product_Addon_Display'], 'display'), 10);</code></p>
  
  <p>1ST ATTEMPT</p>
  
  <p>Then, the problem was that the product archive was not creating a form element, only an anchor link for the add to cart button. So I've tried manually putting in a form. Code from <code>content-product.php</code>:</p>
  
  <pre><code>&lt;?php do_action( 'woocommerce_before_shop_loop_item' ); ?&gt;
  &lt;h2&gt;&lt;?php the_title(); ?&gt;&lt;/h2&gt;
  
  &lt;?php // MANUALLY PUT IN FORM, BECAUSE HOOKS ONLY PUT IN A BUTTON AND NO FORM. NEEDED FOR ADD-ON FIELDS ?&gt;
  &lt;form class="cart" method="post" enctype='multipart/form-data'&gt;
      &lt;?php
          /**
           * woocommerce_after_shop_loop_item_title hook
           *
           * @hooked woocommerce_template_loop_rating - 5
           * @hooked woocommerce_template_loop_price - 10
           */
          do_action( 'woocommerce_after_shop_loop_item_title' );
      ?&gt;          
      &lt;div itemprop="description"&gt;
          &lt;?php the_content(); ?&gt;
      &lt;/div&gt;
      &lt;input type="hidden" name="add-to-cart" value="&lt;?php echo esc_attr( $product-&gt;id ); ?&gt;" /&gt;
      &lt;button type="submit" class="single_add_to_cart_button button alt"&gt;&lt;?php echo $product-&gt;single_add_to_cart_text(); ?&gt;&lt;/button&gt;
  &lt;/form&gt;
  
  &lt;?php //do_action( 'woocommerce_after_shop_loop_item' ); ?&gt;
  </code></pre>
  
  <p>This worked, but kind of messes up the AJAX submission and flash messages. After clicking the add to cart button, the page appears to refresh, and then it looks like nothing happened. But when you go to another page, it displays the messages (and multiple can stack). </p>
  
  <p>2ND ATTEMPT</p>
  
  <p>So I saw that the original AJAX cart button (not within a form) was using a query string to send the product ID. So I am now attempting to tack on additional parameters by modifying the add to cart JS. This worked. What I did added as the accepted answer.</p>