如何在magento 2 checkout和cart中隐藏产品使用一步结账模块

Question

我正在使用magestore的一步结账模块，我想在magento checkout中隐藏一些产品这些产品会自动添加每个订单，例如这些产品的包装材料所以我需要在结帐和购物车中隐藏这些产品我该怎么办？这个一步结帐模块它正在使用knockoutJS所以我不是很熟悉这个。感谢您的回复。

我曾尝试使用CSS隐藏，但这不是我想要做的。所以我想以编程方式隐藏这些产品。

/*
 * *
 *  Copyright © 2016 Magestore. All rights reserved.
 *  See COPYING.txt for license details.
 *  
 */
/*browser:true*/
/*global define*/
define(
    [
        'jquery',
        'ko',
        'Magento_Checkout/js/model/totals',
        'uiComponent',
        'Magento_Checkout/js/model/step-navigator',
        'Magento_Checkout/js/model/quote',
    ],
    function ($, ko, totals, Component, stepNavigator, quote) {
        'use strict';
        return Component.extend({
            initialize: function () {
                this._super();
                var self = this;
                totals.isLoading.subscribe(function () {
                    if (totals.isLoading() == true) {
                        self.showOverlay();
                    } else {
                        self.hideOverlay();
                    }
                });
            },
            defaults: {
                template: 'Magestore_OneStepCheckout/summary/cart-items'
            },
            totals: totals.totals(),
            getItems: totals.getItems(),
            getItemsQty: function() {
                return parseFloat(this.totals.items_qty);
            },

            showOverlay: function () {
                $('#ajax-loader3').show();
                $('#control_overlay_review').show();
            },

            hideOverlay: function () {
                $('#ajax-loader3').hide();
                $('#control_overlay_review').hide();
            },


            isItemsBlockExpanded: function () {
                return quote.isVirtual() || stepNavigator.isProcessed('shipping');
            }

        });
    }
);

这是实际的cart-items.js文件，我想包含在结帐时显示产品的代码，但我不明白如何应用过滤器来隐藏这个sku XXXXXXXXX或产品Id XXXXX的产品。这是我为测试目的而设置的网站。 http://13.232.223.99

Answer 1

我无法通过代码隐藏产品但我终于设法通过下面的JQuery代码隐藏这些产品。我希望这也可以帮到你。 您还可以使用相同的代码隐藏其他页面上的产品，例如购物车和订单确认页面，只是元素之间的不同。 对于购物车：

if($( "a:contains('demo2')" )){
var element1 = $( "a:contains('demo2')" );
element1.closest('tbody').remove();
}
if($( "a:contains('demo1')" )){
    var element2 = $( "a:contains('demo1')" );
    element2.closest('tbody').remove();
}

对于结帐：

if($( "h2:contains('demo2')" )){
var element1 = $( "h2:contains('demo2')" );
element1.closest('tr').remove();
}
if($( "h2:contains('demo1')" )){
    var element2 = $( "h2:contains('demo1')" );
    element2.closest('tr').remove();
}

还隐藏所有0.00价格的产品：

if($( "font:contains('$ 0.00')" )){
    var element2 = $( "font:contains('$ 0.00')" );
    element2.closest('tr').remove();
}

我希望这个答案能为你提供一些帮助。如果是，不要忘记点击upvote按钮。