隐藏Magento产品页面中的“添加到购物车”按钮

Question

我在内部工作，遇到了一个小问题。我的商店有2个可配置的属性，颜色和尺寸。如果产品缺货，则一旦选择了两个属性（颜色和尺寸），就会隐藏“添加到购物车”按钮。

我的目标：

我想在选择颜色时立即隐藏“添加到购物车”按钮，只有当此特定颜色的所有尺寸都缺货时才会隐藏。

Answer 1

执行此操作的一种方法是使用自定义控制器创建自定义模块，您将在其中打印ajax响应。 然后在带有jQuery或Prototype的模板中，在Color选择框中添加onchange事件，在该框上您将向自定义控制器发送ajax请求，包括产品ID，然后检查组合是否良好。如果没有，请隐藏“添加到购物车”按钮。

没有ajax的另一种方法是在模板中打印JSON格式的所有大小的“缺货”变体的每种颜色的组合，这样如果选择的颜色在打印的JSON中，您可以使用Javascript检查，然后隐藏“添加到购物车”按钮。这样，您需要在模板中为每种颜色进行计算。

Answer 2

您可以轻松处理css类。 如果产品可配置，则创建css类并在产品页面中放置条件，然后添加到

<div class="<?php if($configurable) echo 'configurableproduct'; ?>">
  .......
 </div>