Woocommerce hook usage for custom Plugin
<p>Just want to know how my current hood usage is not working? </p>

<p>eg I am trying to output my html after the single product page product description. However nothing displays. I am pretty sure I got the correct hook from the reference.</p>

<p>Thanks</p>

<pre><code>function plugin_output() {
loadAssets();
$html = '
      &lt;div id="product-configurator"&gt;
        &lt;div id="configurator-menu-items"&gt;
          &lt;div id="appLogo"&gt;
            &lt;img src="'.plugins_url("/product-configurator/app_logo.png").'" alt="Shades By Us" /&gt;
          &lt;/div&gt;
          &lt;div id="configurator-tab1" class="configurator-tab" data-page="configurator-panel1"&gt;Shape&lt;/div&gt;
          &lt;div id="configurator-tab2" class="configurator-tab" data-page="configurator-panel2"&gt;Size&lt;/div&gt;
          &lt;div id="configurator-tab3" class="configurator-tab" data-page="configurator-panel3"&gt;Color&lt;/div&gt;
          &lt;div id="configurator-variables" class="variables-current"&gt;
            &lt;p class="variables-title"&gt;Your Selection&lt;/p&gt;
            &lt;ul&gt;
              &lt;li class="configurator-variables"&gt;Shape: &lt;span id="current_model"&gt;&lt;/span&gt;&lt;/li&gt;
              &lt;li class="configurator-variables"&gt;Colors: &lt;/li&gt;
              &lt;li class="configurator-variables"&gt;Size: &lt;/li&gt;
              &lt;li class="configurator-variables"&gt;Quantity: &lt;/li&gt;
              &lt;li class="configurator-variables"&gt;Total Price: &lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div id="configurator-panels"&gt;
          &lt;div class="configurator-panel" id="configurator-panel1"&gt;
            &lt;canvas class="product-canvas"&gt;&lt;/canvas&gt;
            &lt;div id="defaultModels"&gt;
              &lt;div class="modelBtn modelBtn1" id="model1"&gt;&lt;/div&gt;
              &lt;div class="modelBtn modelBtn2" id="model2"&gt;&lt;/div&gt;
              &lt;div class="modelBtn modelBtn3" id="model3"&gt;&lt;/div&gt;
              &lt;div class="modelBtn modelBtn4" id="model4"&gt;&lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="configurator-panel" id="configurator-panel2"&gt;
            &lt;canvas class="product-canvas"&gt;&lt;/canvas&gt;
            &lt;div id="sizeSelection"&gt;
              &lt;div class="sizeSelector" id="selectorSize1"&gt;
                &lt;ul&gt;
                  &lt;li class="sizeSelectTitle"&gt;Bottom&lt;/li&gt;
                  &lt;li class="sizeSelect sizeBottom" id="size1"&gt;T 30 / 8 40&lt;/li&gt;
                  &lt;li class="sizeSelect sizeBottom" id="size2"&gt;T 40 / 8 50&lt;/li&gt;
                  &lt;li class="sizeSelect sizeBottom" id="size3"&gt;T 50 / 8 60&lt;/li&gt;
                  &lt;li class="sizeSelect sizeBottom" id="size4"&gt;T 70 / 8 80&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/div&gt;
              &lt;div class="sizeSelector" id="selectorSize2"&gt;
                &lt;ul&gt;
                  &lt;li class="sizeSelectTitle"&gt;Height&lt;/li&gt;
                  &lt;li class="sizeSelect sizeHeight" id="size5"&gt;30 cm&lt;/li&gt;
                  &lt;li class="sizeSelect sizeHeight" id="size6"&gt;40 cm&lt;/li&gt;
                  &lt;li class="sizeSelect sizeHeight" id="size7"&gt;50 cm&lt;/li&gt;
                  &lt;li class="sizeSelect sizeHeight" id="size8"&gt;70 cm&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="configurator-panel" id="configurator-panel3"&gt;
            &lt;canvas class="product-canvas"&gt;&lt;/canvas&gt;
          &lt;/div&gt;
          &lt;a id="next-btn-configurator" onclick=""&gt;Move On&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
';
return $html;
}
add_shortcode("product-configurator", "plugin_handler");
do_action( 'woocommerce_after_single_product_summary', 'plugin_output' );
</code></pre>