需要帮助在 EpiServer 中使用 if 语句向产品类别页面添加按钮

问题描述

我无法弄清楚如何实现一个按钮,该按钮将从我的类别页面链接到产品页面。现在,我有一种方法可以让我们的客户从带有数量的类别页面添加产品并添加到购物车按钮。如下图

Category Image

正如您在左侧看到的,我需要一个按钮,该按钮可以直接转到带有附加价格的产品页面,上面写着“查看详细信息”。

这是我目前拥有的代码

<td ng-class="{ noToggle: !product.canAddToCart }" class="tv-last-column">
                                        <div class="actions-block">
                                            <div ng-if="product.canAddToCart" class="product-info">
                                                <div class="um-pack">
                                                    <div class="um">
                                                        <label ng-if="vm.settings.alternateUnitsOfMeasure && product.productUnitOfMeasures.length > 1">[% translate 'U/M' %]:</label>
                                                        <isc-unit-of-measure-select-list product="product" alternate-units-of-measure="{{vm.settings.alternateUnitsOfMeasure}}" change-unit-of-measure="vm.changeUnitOfMeasure(product)" display-pack="true"></isc-unit-of-measure-select-list>
                                                    </div>
                                                </div>
                                            </div>
                                            <div ng-if="product.canAddToCart" class="add-to-cart-block">
                                                <div ng-if="product.canEnterQuantity" class="item-qty">
                                                    <input type="text" name="qty" ng-model="product.qtyOrdered" class="qty numerictextBox" />
                                                </div>
                                                <div class="action">
                                                    <button id="tst_productList_{{product.id}}_addToCart" ng-click="vm.addToCart(product)" href="javascript:void(0);" class="btn-add-cart btn primary" ng-disabled="!product.qtyOrdered || product.qtyOrdered == 0 || vm.addingToCart">[% translate 'Add To Cart' %]</button>
                                                </div>
                                            </div>
                                            <a id="tst_productList_{{product.id}}_addToWishList" ng-show="product.canAddToWishlist" ng-click="vm.openWishListPopup(product)" role="button" class="btn secondary btn-add-list" href="javascript:void(0);">[% translate 'Add to List' %]</a>
                                        </div>
                                    </td>

这是我想要实现的目标:

Achievment

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...