How to add custom form group inside the product.twig(catalog/view/theme/default/template/product/) in Opencart 3.0.2.0 using Ocmod

Question

I am planning on adding custom option which can input steel dimension the customer wants and can purchase. But I am not able view this on the product end and there is no error in the log. Even in the product view page am not getting errors on the console and this code was not visible after using inspect on the page.

snippet of the code I used:

<?xml version="1.0" encoding="utf-8"?>
 <modification>
   <name>Module Steel Display</name>
   <version>1.0</version>
   <author>JD</author>
   <link></link>
   <code>product_steel_display</code>
   <file path="catalog/view/theme/default/template/product/product.twig">
     <operation>
       <search><![CDATA[<div id="product">]]></search>
       <add position="after"><![CDATA[<div class="form-group">
        <label class="control-label" for="input-option">{{ diameter_option  }}</label>
        <select name="diameter" id="diameter" class="form-control">
           <option value="0">8mm</option>
           <option value="1">10mm</option>
           <option value="2">12mm</option>
           <option value="3">16mm</option>
           <option value="4">20mm</option>
           <option value="5">25mm</option>
           <option value="6">32mm</option>
        </select></div>]]>
       </add>
    </operation>
   </file>
 </modification>

after you installed your ocmod you must refresh modifications, clear cache in admin dashboard (blue gear icon). Clear your browser cache... — K. B., Aug 18 '20 at 17:32
Have you tried this? https://stackoverflow.com/a/61524855/3187127 — focus.style, Aug 19 '20 at 08:04
@ji95 If my comment was useful, do not hesitate to mark it as useful... — K. B., Aug 19 '20 at 19:10

score 1 · Answer 1 · answered Dec 20 '21 at 06:33

In modification file ,your script is added after the and there is a {% if options %} condition,when you slect option form admin panel then this will be visible.enter image description here

see this image , you need to select a option to enable this script

How to add custom form group inside the product.twig(catalog/view/theme/default/template/product/) in Opencart 3.0.2.0 using Ocmod

1 Answers1