时间戳

首页 > 解决方案 > 如何在magento 2结账和购物车中隐藏产品一步结账模块

magento - 如何在magento 2结账和购物车中隐藏产品一步结账模块

问题描述

我正在使用 magestore 的一步结帐模块，我想在 magento 结帐中隐藏一些产品这些产品是在每个订单中自动预先添加的，例如这些产品的包装材料所以我需要在结帐和购物车中隐藏这些产品我怎么能执行此一步结帐模块，它使用的是 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

标签： magentoproductmagento2cartcheckout

解决方案

我无法通过代码隐藏产品但我终于设法通过下面的 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 按钮。

推荐阅读