如何使用 Ocmod 在 Opencart 3.0.2.0 中的 product.twig(catalog/view/theme/default/template/product/) 中添加自定义表单组

Question

我计划添加自定义选项，可以输入客户想要并可以购买的钢材尺寸。 但是我无法在产品端查看此内容，并且日志中没有错误。 即使在产品视图页面中，控制台上也没有出现错误，并且在页面上使用检查后此代码不可见。

我使用的代码片段：

<?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>

Answer 1

在修改文件中，您的脚本被添加到后面并且有一个 {% if options %} 条件，当您从管理面板中选择选项时，这将是可见的。 在此处输入图像描述

看到这个图片，你需要 select 一个选项来启用这个脚本