【问题标题】:How to set global option IDs for product options in Opencart 3?如何在 Opencart 3 中为产品选项设置全局选项 ID?
【发布时间】:2019-03-05 04:28:43
【问题描述】:

我正在使用 opencart 3。我正在为所有产品使用产品选项。我想在所有产品中选择另一个产品选项时编写一个 javascript 来隐藏/显示三个产品选项。每个产品的选项 ID 都不同。如何为选项添加全局 id/全局类。

对于产品 1:

<input name="option[1118]" value="" id="input-option1118" class="form-control" style="display: none;" type="text">

对于产品 2:

<input name="option[1229]" value="1229" id="input-option1229" class="form-control" style="display: block;" type="text">

Javascript 代码

$('#product #input-option1228').on('click', function(e) {
        e.preventDefault();
var waistDiv = document.getElementById("option-1229");
var waistInput = document.getElementById("input-option1229");
var hipDiv = document.getElementById("option-1231");
var hipInput = document.getElementById("input-option1231");
var heightDiv = document.getElementById("option-1232");
var heightInput = document.getElementById("input-option1232");
document.getElementById("input-option1228").onchange = function(){
waistDiv.style.display = (this.selectedIndex == '1144') ? "none" : "block";
waistInput.style.display = (this.selectedIndex == '1144') ? "none" : "block";
hipDiv.style.display = (this.selectedIndex == '1144') ? "none" : "block";
hipInput.style.display = (this.selectedIndex == '1144') ? "none" : "block";
heightDiv.style.display = (this.selectedIndex == '1144') ? "none" : "block";
heightInput.style.display = (this.selectedIndex == '1144') ? "none" : "block";
}
});

【问题讨论】:

  • 那么你想为选项应用 css 吗?
  • 是的。通过javascript。
  • 您能否详细说明您的问题,您真正想要实现什么?
  • 我想为产品添加依赖选项。我购买了一个名为相关选项的插件,但该插件无法与主题一起正常工作。我的想法是当我选择一个选项时,它应该显示两个文本字段,两个单选选项字段。但仅显示无线电场。我也想显示文本字段。所以我编写了单独的 javascript 来显示文本字段。但是每个产品的选项 ID 不同,这些选项的 ID 在所有产品中都不同。客户在网站上有近 500 种产品。如何为所有产品添加这个 display:block 脚本??
  • 所以我需要这些选项的全局 ID 或类。

标签: javascript opencart options


【解决方案1】:

这已经被问过几次了: Opencart how to related 2 options in a productHow to add sub options in Opencart?

总结:使用处理“依赖/相关选项”的扩展。

【讨论】:

  • 对不起,我不需要这个。我已经使用了一个名为“相关/依赖选项 opencart 3.x”的扩展。这不能正常工作。
  • 说“这不能正常工作”是没有帮助的。请准确说明您想要达到的目标?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-07-31
  • 1970-01-01
  • 1970-01-01
  • 2015-06-04
  • 1970-01-01
  • 2017-06-16
  • 2014-10-05
相关资源
最近更新 更多