ausdemgemueseregal Posts - Answer Overflow

ausdemgemueseregal

•Created by ausdemgemueseregal on 2/1/2024 in #front-end

Icon font or directly

What is the way to go? Implement icons with an icon font or integrate the svg's directly? Which option would you choose?

13 replies

KPCKevin Powell - Community

•Created by ausdemgemueseregal on 12/17/2023 in #front-end

Use subgrid in child element

I have a grid. It has 3 rows. Row 1: Header Row 2: Content Row 3: Block element The content from row 2 has a background image that should cover the entire grid container. The text from the content block should only be in the Content row. I wanted to implement this with a subgrid. The content block is nested, the subgrid is not a direct child element. How can I pass on the grid properties from the parent element to nested child elements? Is that possible? Is there a better way to implement this? Code example:

        <div class="grid">
            <div class="elementA"></div>
            <div class="elementB">
                <div>
                    <div>
                        <div class="subgrid">
                            <span>Test Subgrid</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="elementC"></div>
        </div>

        <div class="grid">
            <div class="elementA"></div>
            <div class="elementB">
                <div>
                    <div>
                        <div class="subgrid">
                            <span>Test Subgrid</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="elementC"></div>
        </div>

1 replies

KPCKevin Powell - Community

•Created by ausdemgemueseregal on 9/10/2023 in #front-end

Magento 2 Override PageBuilder carousel/widget.js

I want to extend the 'initSlider' function from 'Magento_PageBuilder/js/content-type/products/appearance/carousel/widget'in my custom model with mixin.

var config = {
    config: {
        mixins: {
            'Magento_PageBuilder/js/content-type/products/appearance/carousel/widget': {
                'Vendor_Module/js/product-carousel-widget-mixin': true
            }
        }
    }
};

var config = {
    config: {
        mixins: {
            'Magento_PageBuilder/js/content-type/products/appearance/carousel/widget': {
                'Vendor_Module/js/product-carousel-widget-mixin': true
            }
        }
    }
};

define([
    'jquery',
    'Magento_PageBuilder/js/content-type/products/appearance/carousel/widget'
], function ($, CarouselWidget) {
    'use strict';

    return function (target) {
        return target.extend({
            initSlider: function () {
                
                this._super();
            }
        });
    };
});

define([
    'jquery',
    'Magento_PageBuilder/js/content-type/products/appearance/carousel/widget'
], function ($, CarouselWidget) {
    'use strict';

    return function (target) {
        return target.extend({
            initSlider: function () {
                
                this._super();
            }
        });
    };
});

If my mixin is in use, the core-file isnt running. When I change to false in the require-js.js file the core file is running. Someone can help me?

1 replies

Gaming

Programming