我想在产品视图页面上添加一个按钮。通过单击该按钮，将出现两个文本框字段，这些字段是自定义选项。当我从后端打开该产品时，我发现我添加了自定义选项，但我需要通过单击按钮在前端查看它。
答案 0 :(得分：0)
checkout Knowledge Craving 2nd part's answer
答案 1 :(得分：0)
首先，产品由管理员添加，并且也是管理员的完全控制器。唯一的事情是您（作为客户）只能看到可用于特定产品的自定义选项（并且由管理员提供）。
在您的特定情况下，请转到正确的管理页面（编辑/添加新产品，然后转到“自定义选项”标签）。现在提供两个文本字段的选项，两个不同的标签，然后保存该产品。现在，如果您前往前端查看该产品，您将找到产品详细信息以及管理部分添加的两个自定义选项。
此外，如果您想在每个产品视图页面的前端添加一个按钮，单击该按钮会显示自定义选项，那么您需要创建一个按钮＆amp;编写一个JavaScript来打开自定义选项的容器。
希望它有所帮助。
修改： -
首先找到自定义选项的完整HTML部分，或者换句话说，在产品视图页面中找到自定义选项的HTML容器。为容器“id”元素提供唯一的“DIV”，并隐藏该元素。还可以在视图页面的任何位置提供HTML按钮，并在按钮的“DIV”事件中调用“onclick”元素的唯一ID。一个简单的代码片段如下： -
<div id="any_unique_id" style="display: none;">
// Whole Custom Options
</div>
<button onclick="$('any_unique_id').show();">Click here to view the Custom Options</button>