Fehlerhafte Darstellung im Warenkorb

<$
if (shop.active) {
    var basketPageUrl = null;
    var currentProjectFolderId = page.projectFolder.id;
    var projectFolderBasketArticle; 
    var foundItems = project.getArticlesWithStyle("basket");
    for ( var g=0; g < foundItems.count; ++g ) {
        var foundItem = foundItems.item(g);
        if ( foundItem.active ) {
            if ( isNull(firstBasketArticle) ){
                var basketArticle = foundItem;
                var firstBasketArticle = foundItem.page.url;
            }
            if ( project.getPage(foundItem.page.id).projectFolder.id == currentProjectFolderId ){
                var basketArticle = foundItem;
                projectFolderBasketArticle = foundItem.page.url;
            }
        }
    }
    var basketPageUrl = projectFolderBasketArticle || firstBasketArticle;
    // default css class
    var zpbiclass = "bottomright";
    // default icon
    var icon = '<svg width="4438px" height="5200px" viewBox="0 0 4438 5200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">    <g id="basket" transform="translate(-149.000000, -107.000000)" fill-rule="nonzero">            <path d="M3833.77163,912.207452 L3418,193 C3359.03754,107.750562 3244.04368,81.7451525 3154,134 L2368,587.594714 L2368,356 L2368,307 C2368,197 2278,107 2168,107 L968,107 C858,107 768,197 768,307 L768,930.450204 C686.765997,932.69327 543.299435,935.080226 536,938 C447,967 398,1014 374,1062 L149,1512 L170,1625 C223,1916 263,2212 290,2511 C316,2803 330,3102 330,3407 C330,3712 316,4011 290,4303 C260,4643 210,4972 149,5307 L4587,5307 C4526,4972 4476,4643 4446,4303 C4420,4011 4406,3712 4406,3407 C4406,3102 4420,2803 4446,2511 C4476,2175 4525,1850 4585,1519 L4357,1062 C4333,1015 4286,967 4198,938 C4162,926 4118,916 4064,911 L3833.77163,912.207452 Z" id="basket-fill" fill-opacity="0.75" fill="#FFFFFF"></path>            <path d="M1753,1307 L1681,1178 C1646.12901,1086.95423 1683.12703,982.932595 1768,934 L1792,920 L3154,134 C3244.04368,81.7451525 3359.03754,107.750562 3418,193 L4062,1307 L3831,1307 L3261,319 L3261,319 L3254,307 L3254,307 C3253.0432,306.791961 3254.04315,306.791961 3254,307 L3253,306 L3253,307 C3135.0495,374.806108 1868.11716,1105.95818 1868,1107 C1868.11716,1106.95839 1924.11417,1204.97878 1983,1307 L1753,1307 Z M3368,2678 L3368,2907 C3368,3459 2920,3907 2368,3907 C1816,3907 1368,3459 1368,2907 L1368,2680 C1306,2644 1268,2579 1268,2507 C1268,2397 1358,2307 1468,2307 C1578,2307 1668,2397 1668,2507 C1668,2579 1630,2644 1568,2680 L1568,2907 C1568,3349 1926,3707 2368,3707 C2810,3707 3168,3349 3168,2907 L3168,2678 C3106,2642 3068,2576 3068,2505 C3068,2394 3158,2305 3268,2305 C3378,2305 3468,2394 3468,2505 C3468,2576 3430,2642 3368,2678 Z M768,1307 L768,307 C768,197 858,107 968,107 L2168,107 C2278,107 2368,197 2368,307 L2368,356 L2168,472 L2168,307 L968,307 L968,1307 L768,1307 Z M374,1507 L4408,1507 L4064,911 C4118,916 4162,926 4198,938 C4286,967 4333,1015 4357,1062 L4585,1519 C4525,1850 4476,2175 4446,2511 C4420,2803 4406,3102 4406,3407 C4406,3712 4420,4011 4446,4303 C4476,4643 4526,4972 4587,5307 L149,5307 C210,4972 260,4643 290,4303 C316,4011 330,3712 330,3407 C330,3102 316,2803 290,2511 C263,2212 223,1916 170,1625 L149,1512 L374,1062 C398,1014 447,967 536,938 C546,934 557,931 568,928 L568,1139 C559,1144 554,1148 552,1152 L374,1507 Z M4349,1707 L387,1707 C431,1966 465,2228 489,2494 C516,2798 530,3102 530,3407 C530,3712 516,4016 489,4320 C465,4586 431,4848 387,5107 L4349,5107 C4305,4848 4271,4586 4247,4320 C4220,4016 4206,3712 4206,3407 C4206,3102 4220,2798 4247,2494 C4271,2228 4305,1966 4349,1707 Z" id="basket-b" fill="#333333"></path></g></svg>';
    // user customized icon
    if ( basketArticle && basketArticle.value("basketIcon") ){
        var userimage = project.getImage(basketArticle.value("basketIcon"));
        userimage.skipContentCopy(); // keine contentCopy erzeugen, da überflüssig 
        if ( !isNull(userimage) ) {
            icon = '<img class="zpbasketicon" src="' + userimage.workingCopyPath + '" />';
        }
    }
    if ( basketArticle && basketArticle.value("cssclass", "")!=="" ){
        zpbiclass = basketArticle.value("cssclass");
    }
    $>
    <$ if ( basketPageUrl && page.url !== basketPageUrl ){ $>
    <div class="zpshopbasketindicator <$= zpbiclass $>" style="display: none;">
        <a class="zpbasketindicator" title="" href="<$= basketPageUrl $>">
            <$= icon $>
            <span class="positions">0</span>
        </a>
    </div>
    <script>
        function updateCartIndicator(){
            // get number of basket positions via ajax
            $z.ajax({
                type: 'GET',
                url: '<$= page.pathToRoot $>assets/php/shop/web-api/basket.php?action=get-basket&lang=DE',
                timeout: 3000,
                success: function (json){
                    if ( json.success ) {
                        if ( json.positions.length > 0){
                            $z('.zpshopbasketindicator').css('display','block');
                            //$z('.zpshopbasketindicator > a span.positions').html(json.positions.length);
                            let totalPositions = 0;
                            for( let i = 0; i < json.positions.length; i++ ){
                                let obj = json.positions[i];
                                totalPositions = totalPositions + parseInt(obj.Quantity);
                            }
                            $z('.zpshopbasketindicator > a span.positions').html(totalPositions);
                        }
                    }
                },
                error: function (xhr, status, error){
                    try { console.log('ERROR getting basket JSON. Status: ' + status + ' - Error: ' + error); } catch (e) { }
                }
            });
        }
    updateCartIndicator();
    </script>
    <$ } 
} $>